@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 10, page_concept.scss */
#concept { /*============================
#outro
============================*/ }
/* line 17, page_concept.scss */
#concept #titleWrap .subPh { position: absolute; z-index: 5; bottom: 0; right: 0; width: calc(100% / 2 - 150px); min-width: 500px; }
/* line 25, page_concept.scss */
#concept #intro .ttl { font-weight: 500; }
/* line 27, page_concept.scss */
#concept #intro .ttl span:nth-of-type(2) { margin-left: 1em; }
/* line 30, page_concept.scss */
#concept #intro .read { line-height: 2.4; }
/* line 36, page_concept.scss */
#concept #merit { padding: 80px 0 70px; }
/* line 37, page_concept.scss */
#concept #merit .ttl { font-size: 46px; font-size: 2.875rem; line-height: 5.175rem; margin: 0 auto 50px; }
/* line 38, page_concept.scss */
#concept #merit ul.meritList { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; }
/* line 39, page_concept.scss */
#concept #merit ul.meritList li { font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; position: relative; padding-left: 1.2em; width: calc(100% / 3); margin-bottom: 30px; }
/* line 40, page_concept.scss */
#concept #merit ul.meritList li::before { content: "◆"; color: #b3ada8; position: absolute; top: 0; left: 0; }
/* line 41, page_concept.scss */
#concept #merit ul.meritList li:nth-of-type(3n), #concept #merit ul.meritList li:nth-of-type(1), #concept #merit ul.meritList li:nth-of-type(4), #concept #merit ul.meritList li:nth-of-type(7) { width: calc(100% / 3 - 30px); }
/* line 43, page_concept.scss */
#concept #merit ul.meritList li:nth-of-type(2), #concept #merit ul.meritList li:nth-of-type(5), #concept #merit ul.meritList li:nth-of-type(8) { width: calc(100% / 3 + 30px); }
/* line 51, page_concept.scss */
#concept #outro { padding: 120px 0 150px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 52, page_concept.scss */
#concept #outro .ttl { font-size: 32px; font-size: 2rem; line-height: 3.6rem; font-weight: 500; }
/* line 53, page_concept.scss */
#concept #outro .text { text-align: left; width: 50%; }
/* line 54, page_concept.scss */
#concept #outro .text .ttl.ttl01 { margin-bottom: 20px; }
/* line 57, page_concept.scss */
#concept #outro .ph { width: 44%; }
/* line 58, page_concept.scss */
#concept #outro .ttl.ttl02 { margin-top: 150px; width: 100%; }
/* line 59, page_concept.scss */
#concept #outro .read.read02 { width: 100%; }
@media only screen and (max-width: 750px) { /* line 10, page_concept.scss */
  #concept { /*============================
#outro
============================*/ }
  /* line 73, page_concept.scss */
  #concept #titleWrap .subPh { display: none; }
  /* line 80, page_concept.scss */
  #concept #intro { padding-left: 7.5%; padding-right: 7.5%; }
  /* line 82, page_concept.scss */
  #concept #intro .ttl span { display: block; }
  /* line 83, page_concept.scss */
  #concept #intro .ttl span:nth-of-type(2) { margin-left: 0em; }
  /* line 86, page_concept.scss */
  #concept #intro .read { line-height: 2.2; text-align: left; }
  /* line 92, page_concept.scss */
  #concept #merit { padding: 50px 0 60px; }
  /* line 93, page_concept.scss */
  #concept #merit .ttl { font-size: 32px; font-size: 2rem; line-height: 3.6rem; margin: 0 auto 30px; }
  /* line 94, page_concept.scss */
  #concept #merit ul.meritList { padding-left: 7.5%; padding-right: 5%; }
  /* line 95, page_concept.scss */
  #concept #merit ul.meritList li { font-size: 20px; font-size: 1.25rem; line-height: 2.25rem; width: 100%; margin-bottom: 10px; }
  /* line 97, page_concept.scss */
  #concept #merit ul.meritList li:nth-of-type(3n), #concept #merit ul.meritList li:nth-of-type(1), #concept #merit ul.meritList li:nth-of-type(4), #concept #merit ul.meritList li:nth-of-type(7) { width: 100%; }
  /* line 99, page_concept.scss */
  #concept #merit ul.meritList li:nth-of-type(2), #concept #merit ul.meritList li:nth-of-type(5), #concept #merit ul.meritList li:nth-of-type(8) { width: 100%; }
  /* line 107, page_concept.scss */
  #concept #outro { padding: 60px 7.5% 70px; }
  /* line 108, page_concept.scss */
  #concept #outro .ttl { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; }
  /* line 109, page_concept.scss */
  #concept #outro .text { width: 100%; }
  /* line 110, page_concept.scss */
  #concept #outro .text .ttl.ttl01 { margin-bottom: 20px; }
  /* line 113, page_concept.scss */
  #concept #outro .ph { width: 100%; margin-top: 30px; }
  /* line 114, page_concept.scss */
  #concept #outro .ttl.ttl02 { margin-top: 60px; width: 100%; }
  /* line 115, page_concept.scss */
  #concept #outro .read.read02 { width: 100%; text-align: left; } }