@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*----------mainimg----------*/
.mainimg { position: relative; height: 130vw; max-height: 840px; background: url(/saito/img/concept/bg_mainimg.png) center bottom/cover no-repeat; overflow: hidden; }
.mainimg > div { display: none; }
.mainimg .mainimg__inner { position: absolute; z-index: 1; padding: 0; margin: 0% 5.33% 0% 5.33%; width: 89.34%; height: 100%; }
.mainimg .mainimg__parts { opacity: 0; position: absolute; z-index: 1; transition: 1s; }
.mainimg .mainimg__ttl { left: 0%; top: calc(50px + 5%); width: 66%; max-width: 400px; transform: translateX(-10%); }
.mainimg .mainimg__badge { right: 0%; top: calc(50px + 5%); width: 23%; max-width: 150px; }
.mainimg .mainimg__20th { left: 0; right: 0; bottom: 15%; width: 52%; max-width: 300px; margin: auto; }
.mainimg .mainimg__reaf--01 { z-index: 0; left: 0%; bottom: 5%; width: 55%; transform-origin: right bottom; nsform: scale(1); filter: blur(3px); }
.mainimg .mainimg__reaf--02 { z-index: 0; right: 0%; top: 50px; width: 55%; transform-origin: left bottom; nsform: scale(1); filter: blur(3px); }

@media all and (-ms-high-contrast: none) { /* ここに書く */
  .mainimg > div { display: block; }
  .mainimg .mainimg__parts { opacity: 1; }
  .mainimg .mainimg__ttl { transform: translateX(0); } }
/*----------リード文----------*/
.read { margin-top: -30px; margin-bottom: 6%; }
.read .read__txt { letter-spacing: 0.01em; }
.read .read__txt .read__ttl { font-size: 1.9rem; }
@media (min-width: 375px) { .read .read__txt .read__ttl { font-size: calc( 1.9rem + ( 1vw - 3.75px ) * 0.9937888199 ); } }
@media (min-width: 1180px) { .read .read__txt .read__ttl { font-size: 2.7rem; } }

/*----------コンセプト----------*/
.concept { text-align: center; }
.concept .concept__l-txt { margin: 0% 0% 8% 0%; font-size: 4.2rem; }
@media (min-width: 375px) { .concept .concept__l-txt { font-size: calc( 4.2rem + ( 1vw - 3.75px ) * 5.3416149068 ); } }
@media (min-width: 1180px) { .concept .concept__l-txt { font-size: 8.5rem; } }
.concept .concept__subttl { padding: 15px 0; margin: 0% 0% 8% 0%; background: linear-gradient(120deg, #C0D861 0%, #75C8DA 35%, #6676B7 100%); color: #fff; font-size: 1.5rem; letter-spacing: 0.003em; }
@media (min-width: 375px) { .concept .concept__subttl { font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 1.6149068323 ); } }
@media (min-width: 1180px) { .concept .concept__subttl { font-size: 2.8rem; } }
.concept .concept__txt { color: #827353; }
.concept .concept__txt .concept__ttl { font-size: 2.6rem; }
@media (min-width: 375px) { .concept .concept__txt .concept__ttl { font-size: calc( 2.6rem + ( 1vw - 3.75px ) * 3.2298136646 ); } }
@media (min-width: 1180px) { .concept .concept__txt .concept__ttl { font-size: 5.2rem; } }
.concept .concept__point .concept__article { margin: 0% 0% 8% 0%; }

/*----------取組み----------*/
.attempt { background: #E9F6F8; padding: 10.66% 0% 10.66% 0%; }
.attempt .attempt__ttl { width: 80%; max-width: 560px; margin-bottom: 30px; }
.attempt .attempt__wrap-ttl { margin-bottom: 20px; border-bottom: 1px solid; text-align: left; color: #6EC5CE; font-size: 1.9rem; }
@media (min-width: 375px) { .attempt .attempt__wrap-ttl { font-size: calc( 1.9rem + ( 1vw - 3.75px ) * 0.6211180124 ); } }
@media (min-width: 1180px) { .attempt .attempt__wrap-ttl { font-size: 2.4rem; } }
.attempt .attempt__box { margin-bottom: 50px; }
.attempt .attempt__box .attempt__box-subttl { margin-bottom: 10px; font-size: 1.9rem; font-weight: normal; }
@media (min-width: 375px) { .attempt .attempt__box .attempt__box-subttl { font-size: calc( 1.9rem + ( 1vw - 3.75px ) * 0.6211180124 ); } }
@media (min-width: 1180px) { .attempt .attempt__box .attempt__box-subttl { font-size: 2.4rem; } }
.attempt .attempt__box .attempt__img { margin-bottom: 20px; }
.attempt .attempt__box .attempt__img .attempt__cap { text-align: left; }
.attempt .attempt__btn { background: linear-gradient(150deg, #7CD8DE, #20ABB3); padding: 2px; max-width: 600px; margin: auto; }
.attempt .attempt__btn a { display: block; position: relative; padding: 2.66% 0% 2.66% 0%; background: linear-gradient(-150deg, #7CD8DE, #20ABB3); text-align: center; font-size: 1.3rem; color: #fff; }
@media (min-width: 375px) { .attempt .attempt__btn a { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.8695652174 ); } }
@media (min-width: 1180px) { .attempt .attempt__btn a { font-size: 2rem; } }
.attempt .attempt__btn a i { display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -0.5em; font-size: 1.1rem; }
@media (min-width: 375px) { .attempt .attempt__btn a i { font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.248447205 ); } }
@media (min-width: 1180px) { .attempt .attempt__btn a i { font-size: 1.3rem; } }
.attempt .attempt__btn .attempt__btn-cs { display: block; width: 100px; margin: auto; background: #fff; color: #20ABB3; font-size: 10px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*----------リード文----------*/
  .read .read__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .read .read__txt { flex: 0 1 54%; width: 54%; max-width: 54%; }
  .read .read__txt .read__ttl { text-align: left; margin-bottom: 30px; }
  .read .read__figure { flex: 0 1 42%; width: 42%; max-width: 42%; }
  /*----------コンセプト----------*/
  .concept .concept__txt .concept__ttl { margin-bottom: 20px; }
  .concept .concept__point { overflow: hidden; position: relative; }
  .concept .concept__point .concept__point-list { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; max-width: 100%; z-index: 1; }
  .concept .concept__point .concept__point-list .concept__point-box { position: absolute; z-index: 1; width: 30%; }
  .concept .concept__point .concept__point-list .concept__point01 { right: 0; top: 0; }
  .concept .concept__point .concept__point-list .concept__point02 { left: 0; bottom: 3%; }
  .concept .concept__point .concept__point-list .concept__point03 { right: 0; bottom: -2%; }
  /*----------取組み----------*/
  .attempt { padding: 100px 0; }
  .attempt .attempt__ttl { margin-bottom: 80px; }
  .attempt .attempt__wrap-ttl { margin-bottom: 40px; }
  .attempt .attempt__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .attempt .attempt__box .attempt__txt { flex: 0 1 44%; width: 44%; max-width: 44%; }
  .attempt .attempt__box .attempt__img { flex: 0 1 52%; width: 52%; max-width: 52%; }
  .attempt .attempt__box .attempt__imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; flex: 0 1 100%; width: 100%; max-width: 100%; margin-top: 20px; }
  .attempt .attempt__box .attempt__imgs .attempt__img { flex: 0 1 49%; width: 49%; max-width: 49%; }
  .attempt .fl_attempt__box .attempt__txt { flex: 0 1 100%; width: 100%; max-width: 100%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { /*----------mainimg----------*/
  .mainimg { max-height: 1000px; min-height: 800px; height: 90vh; }
  .mainimg .mainimg__ttl { top: calc(85px + 3%); width: 46%; max-width: 600px; }
  .mainimg .mainimg__badge { top: calc(85px + 4%); max-width: 300px; width: 20%; }
  .mainimg .mainimg__20th { max-width: 400px; width: 28%; bottom: 18%; }
  .mainimg .mainimg__reaf--01 { left: 0%; width: 40%; }
  .mainimg .mainimg__reaf--02 { top: 90px; width: 40%; }
  .read { margin-top: -8%; margin-bottom: 20px; position: relative; z-index: 1; }
  /*----------コンセプト----------*/
  .concept .concept__l-txt { margin-bottom: 40px; }
  .concept .concept__subttl { padding: 20px 0; margin-bottom: 60px; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) { /*----------mainimg----------*/
  .mainimg { overflow: hidden; max-height: 1200px; min-height: 900px; height: 110vh; }
  .mainimg .mainimg__inner { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
  .mainimg .mainimg__ttl { width: 44%; }
  .mainimg .mainimg__badge { width: 18%; }
  /*----------コンセプト----------*/
  .concept .concept__point .concept__point-list .concept__point-box { width: 25%; }
  .concept .concept__point .concept__point-list .concept__point01 { right: 5%; }
  .concept .concept__point .concept__point-list .concept__point02 { left: 5%; }
  .concept .concept__point .concept__point-list .concept__point03 { right: 5%; } }

/*# sourceMappingURL=style.css.map */
