@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 9, page_concept.scss */
#concept #mainTitle .ph::before { opacity: .5; }
/* line 13, page_concept.scss */
#concept #mv { width: calc(100% - 40px); margin: 20px auto 0px; position: relative; }
/* line 14, page_concept.scss */
#concept #mv .tit { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 5%; width: 480px; line-height: 0; filter: drop-shadow(0px 0px 4px rgba(57, 78, 103, 0.5)) drop-shadow(0px 0px 6px rgba(57, 78, 103, 0.5)); }
/* line 16, page_concept.scss */
#concept #mv .ph { width: 100%; height: 660px; }
/* line 17, page_concept.scss */
#concept #mv .ph span.cap { position: absolute; bottom: .5em; right: 1em; font-size: 12px; color: #fff; filter: drop-shadow(0px 0px 3px black); }
@media only screen and (max-width: 1023px) { /* line 17, page_concept.scss */
  #concept #mv .ph span.cap { font-size: 10px; } }
/* line 23, page_concept.scss */
#concept .intro { position: relative; }
/* line 24, page_concept.scss */
#concept .intro::before, #concept .intro::after { content: ""; background: url("../img/conceptBg.png") no-repeat; width: 580px; height: 580px; position: absolute; z-index: 0; opacity: .05; background-size: cover; mix-blend-mode: multiply; }
/* line 25, page_concept.scss */
#concept .intro::before { top: 110px; right: -350px; }
/* line 26, page_concept.scss */
#concept .intro::after { top: 960px; left: -350px; }
/* line 27, page_concept.scss */
#concept .intro .catch { font-size: 32px; padding-bottom: 30px; color: #6fba2c; }
/* line 28, page_concept.scss */
#concept .intro .read { line-height: 2.2; font-size: 17.5px; }
/* line 29, page_concept.scss */
#concept .intro .read small { display: block; font-size: 13px; margin-top: .5em; }
/* line 32, page_concept.scss */
#concept .pointSec { margin-top: 30px; margin-bottom: 100px; }
/* line 34, page_concept.scss */
#concept .pointSec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 35px; grid-row-gap: 40px; padding: 0 5%; }
/* line 35, page_concept.scss */
#concept .pointSec ul.listWrap li { width: calc(100% / 2 - 35px); }
/* line 36, page_concept.scss */
#concept .pointSec ul.listWrap li .ph { margin-bottom: 1em; }
/* line 37, page_concept.scss */
#concept .pointSec ul.listWrap li .ph::after { filter: drop-shadow(0px 0px 2px black); }
/* line 40, page_concept.scss */
#concept .pointSec ul.listWrap li .text .enT { font-family: "YakuHanMP", "Shippori Mincho B1", serif; color: #6fba2c; font-weight: 600; letter-spacing: 0; font-size: 18px; margin-bottom: .25em; }
/* line 41, page_concept.scss */
#concept .pointSec ul.listWrap li .text .t { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 600; font-size: 19px; padding-bottom: .5em; margin-bottom: .75em; border-bottom: 1px dotted rgba(0, 0, 0, 0.25); }
/* line 42, page_concept.scss */
#concept .pointSec ul.listWrap li .text .read { text-align: justify; }
/* line 43, page_concept.scss */
#concept .pointSec ul.listWrap li .text .read small { display: block; font-size: 13px; line-height: 1.6; }
@media only screen and (max-width: 1023px) { /* line 61, page_concept.scss */
  #concept #mv { width: calc(100% - 20px); margin: 10px auto 0px; }
  /* line 62, page_concept.scss */
  #concept #mv .tit { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 40px; width: 77%; filter: drop-shadow(0px 0px 4px rgba(57, 78, 103, 0.25)); }
  /* line 64, page_concept.scss */
  #concept #mv .ph { width: 100%; height: 400px; }
  /* line 68, page_concept.scss */
  #concept .intro::before, #concept .intro::after { width: 300px; height: 300px; }
  /* line 69, page_concept.scss */
  #concept .intro::before { top: 60px; right: -150px; }
  /* line 70, page_concept.scss */
  #concept .intro::after { top: 430px; left: -150px; }
  /* line 71, page_concept.scss */
  #concept .intro .catch { font-size: 24px; padding-bottom: 20px; }
  /* line 72, page_concept.scss */
  #concept .intro .read { line-height: 2; font-size: 15.5px; text-align: justify; padding: 0 5%; }
  /* line 73, page_concept.scss */
  #concept .intro .read small { display: block; font-size: 13px; margin-top: .5em; }
  /* line 76, page_concept.scss */
  #concept .pointSec { margin-top: 30px; margin-bottom: 80px; }
  /* line 77, page_concept.scss */
  #concept .pointSec .catch { font-size: 21px; line-height: 1.8; }
  /* line 78, page_concept.scss */
  #concept .pointSec ul.listWrap { column-gap: 0px; grid-row-gap: 50px; padding: 0 6.5%; }
  /* line 79, page_concept.scss */
  #concept .pointSec ul.listWrap li { width: calc(100% / 1 - 0px); }
  /* line 80, page_concept.scss */
  #concept .pointSec ul.listWrap li .ph { margin-bottom: 1em; }
  /* line 84, page_concept.scss */
  #concept .pointSec ul.listWrap li .text .enT { font-size: 16px; margin-bottom: .25em; }
  /* line 85, page_concept.scss */
  #concept .pointSec ul.listWrap li .text .t { font-size: 18px; padding-bottom: .5em; margin-bottom: .5em; }
  /* line 86, page_concept.scss */
  #concept .pointSec ul.listWrap li .text .read { font-size: 14px; }
  /* line 87, page_concept.scss */
  #concept .pointSec ul.listWrap li .text .read small { font-size: 11px; } }