@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/* line 16, page_concept.scss */
#concept #intro .titWrap { margin: 0 auto 60px; }
/* line 17, page_concept.scss */
#concept #intro .titWrap .tit { width: 720px; margin: 0 auto 50px; }
/* line 18, page_concept.scss */
#concept #intro .titWrap .copy { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-end; }
/* line 19, page_concept.scss */
#concept #intro .titWrap .copy em { width: 395px; margin-right: 50px; }
/* line 20, page_concept.scss */
#concept #intro .titWrap .copy span { width: 425px; }
/* line 23, page_concept.scss */
#concept #intro .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; height: 380px; width: 100%; }
/* line 24, page_concept.scss */
#concept #intro .phWrap .ph { width: 50%; height: 100%; }
/* line 28, page_concept.scss */
#concept #intro .text { margin-top: 50px; /*.ill { max-width: 1100px; margin: 40px auto 0;}*/ }
/* line 29, page_concept.scss */
#concept #intro .text .read { font-family: "FOT-筑紫ゴシック Pr5 D"; text-align: center; font-size: 17px; line-height: 2.4; }
/* line 31, page_concept.scss */
#concept #intro .text .ill { max-width: 940px; margin: 30px auto 0; }
@media only screen and (max-width: 750px) { /* line 38, page_concept.scss */
  #concept #intro { margin-bottom: 25px; }
  /* line 39, page_concept.scss */
  #concept #intro .titWrap { margin: 0 auto 25px; }
  /* line 40, page_concept.scss */
  #concept #intro .titWrap .tit { width: 280px; margin: 0 auto 1.5em; }
  /* line 41, page_concept.scss */
  #concept #intro .titWrap .copy { /*flex-direction: column-reverse;*/ }
  /* line 42, page_concept.scss */
  #concept #intro .titWrap .copy em { width: 220px; margin: 0 auto 1.5em; }
  /* line 43, page_concept.scss */
  #concept #intro .titWrap .copy span { width: 220px; /*margin: 0 auto .5em;*/ }
  /* line 46, page_concept.scss */
  #concept #intro .phWrap { height: auto; width: 100%; }
  /* line 47, page_concept.scss */
  #concept #intro .phWrap .ph { width: 100%; height: 0; padding-top: 52%; }
  /* line 48, page_concept.scss */
  #concept #intro .phWrap .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 53, page_concept.scss */
  #concept #intro .text { margin: 30px auto 0; width: 100%; /*.ill { max-width: 90%; margin: 15px auto 0;}*/ }
  /* line 54, page_concept.scss */
  #concept #intro .text .read { font-size: 16px; text-align: justify; line-height: 2.2; padding: 0 6.5%; }
  /* line 56, page_concept.scss */
  #concept #intro .text .ill { max-width: 75%; margin: 10px auto 0; } }
/* line 64, page_concept.scss */
#concept .sec { margin-top: 100px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 65, page_concept.scss */
#concept .sec .ph { width: 43%; }
/* line 66, page_concept.scss */
#concept .sec .text { width: 52%; /*@include flexCol;*/ }
/* line 69, page_concept.scss */
#concept .sec .text .catchEn span i { width: 30px; }
/* line 70, page_concept.scss */
#concept .sec .text .catchEn span em { font-size: 24px; }
/* line 72, page_concept.scss */
#concept .sec .text .catchEn strong { font-size: 26px; }
/* line 74, page_concept.scss */
#concept .sec .text .read { /*font-family: $jpGD;*/ font-size: 16px; line-height: 2.2; /*margin-bottom: 1em;*/ }
/* line 75, page_concept.scss */
#concept .sec .text .cmnBtn { /*margin-top: auto;*/ margin-top: 2.5em; margin-left: auto; }
/* line 77, page_concept.scss */
#concept .sec:nth-of-type(odd) { flex-direction: row-reverse; }
/* line 78, page_concept.scss */
#concept .sec:nth-of-type(odd) .cmnBtn { margin-left: 0; margin-right: auto; }
@media only screen and (max-width: 750px) { /* line 85, page_concept.scss */
  #concept .sec { margin-top: 0px; }
  /* line 86, page_concept.scss */
  #concept .sec .ph { width: 100%; }
  /* line 87, page_concept.scss */
  #concept .sec .text { width: 100%; padding: 0 6.5%; margin-top: 30px; }
  /* line 88, page_concept.scss */
  #concept .sec .text .catchEn { justify-content: center; align-items: center; }
  /* line 89, page_concept.scss */
  #concept .sec .text .catchEn span { margin-left: -2.5%; }
  /* line 90, page_concept.scss */
  #concept .sec .text .catchEn span i { width: 28px; }
  /* line 91, page_concept.scss */
  #concept .sec .text .catchEn span em { font-size: 22px; }
  /* line 93, page_concept.scss */
  #concept .sec .text .catchEn strong { font-size: 21px; }
  /* line 95, page_concept.scss */
  #concept .sec .text .read { font-size: 16px; line-height: 2.0; }
  /* line 96, page_concept.scss */
  #concept .sec .text .cmnBtn { margin: 1.5em auto 0; }
  /* line 98, page_concept.scss */
  #concept .sec:nth-of-type(odd) { flex-direction: row-reverse; }
  /* line 99, page_concept.scss */
  #concept .sec:nth-of-type(odd) .cmnBtn { margin-inline: auto; } }
/* line 130, page_concept.scss */
#concept #planSec.sec { margin-bottom: 50px; }
/* line 131, page_concept.scss */
#concept #planSec.sec .ph { margin-top: -25px; }
@media only screen and (max-width: 750px) { /* line 148, page_concept.scss */
  #concept #planSec.sec { margin-bottom: 50px; margin-top: 80px; }
  /* line 149, page_concept.scss */
  #concept #planSec.sec .ph { margin: 0px auto 0; width: 96%; } }