@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;
*/
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_concept.scss */
#concept { /*============================
#mainTitle
============================*/ /*============================
#intro
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 18, page_concept.scss */
#concept #mainTitle { position: absolute; width: 100%; height: 250px; }
@media only screen and (max-width: 1023px) { /* line 18, page_concept.scss */
  #concept #mainTitle { height: 150px; } }
/* line 20, page_concept.scss */
#concept #mainTitle h2 span, #concept #mainTitle h2 em { filter: drop-shadow(0px 0px 2px #96bde8) drop-shadow(0px 0px 4px #96bde8); }
/* line 25, page_concept.scss */
#concept #mainTitle .ph { display: none; }
/* line 28, page_concept.scss */
#concept #mainTitle.noImage { height: auto; padding: 30px 0 50px; }
@media only screen and (max-width: 1023px) { /* line 28, page_concept.scss */
  #concept #mainTitle.noImage { padding: 20px 0 40px; } }
/* line 29, page_concept.scss */
#concept #mainTitle.noImage h2 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; color: #454545; }
/* line 31, page_concept.scss */
#concept #mainTitle.noImage h2 span::after { background: linear-gradient(to right, #ba90ca 0%, #d9bee3 100%); }
/* line 40, page_concept.scss */
#concept #intro { overflow: hidden; position: relative; /*max-height: 720px;*/ height: 800px; }
/* line 41, page_concept.scss */
#concept #intro .inner { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; height: 100%; }
/* line 42, page_concept.scss */
#concept #intro .inner .copyWrap { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 96%; left: 0; right: 0; margin: auto; /*padding: 26px 36px;*/ /*@include flexWrap; align-items: center;*/ text-align: left; color: #fff; filter: drop-shadow(0px 0px 2px #96bde8) drop-shadow(0px 0px 4px #96bde8); /*.catch { @include fs(30, 1.6); padding: 10px 0 20px;}
.read { @include fs(16, 2);}*/ /*&::after{ content: ""; width: 100%; height: 100%; background: rgba(24,134,104, .85); mix-blend-mode: multiply; @include center;}*/ }
/* line 47, page_concept.scss */
#concept #intro .inner .copyWrap .enT { font-size: 20px; font-size: 1.25rem; line-height: 2.5rem; }
/* line 48, page_concept.scss */
#concept #intro .inner .copyWrap .catch { font-size: 36px; font-size: 2.25rem; line-height: 3.6rem; padding: 10px 0 20px; }
/* line 49, page_concept.scss */
#concept #intro .inner .copyWrap .read { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; }
/* line 53, page_concept.scss */
#concept #intro .ph.flexImg { width: 100%; /*height: 0; padding-top: 50%;*/ height: 100%; /*img{ @include center; z-index: 0;}*/ }
/* line 55, page_concept.scss */
#concept #intro .ph.flexImg::after { content: "image"; position: absolute; bottom: 15px; right: 15px; color: #fff; font-size: 14px; font-size: 0.875rem; line-height: 0.875rem; font-family: "EB Garamond", serif; z-index: 20; font-weight: 400; opacity: .8; }
@media only screen and (max-width: 1023px) { /* line 55, page_concept.scss */
  #concept #intro .ph.flexImg::after { font-size: 11px; font-size: 0.6875rem; line-height: 0.6875rem; bottom: 7px; right: 10px; } }
@media only screen and (max-width: 1023px) { /* line 13, page_concept.scss */
  #concept { /*main{ background: #9fc5eb;}*/ /*============================
#intro
============================*/ }
  /* line 72, page_concept.scss */
  #concept #intro { /*max-height: auto;*/ height: auto; background: url("/bunjyo/shirafuji/img/concept/mainImgSp.jpg") no-repeat center bottom #9fc5eb; background-size: cover; }
  /* line 73, page_concept.scss */
  #concept #intro .inner { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; height: 100%; padding-top: 150px; padding-bottom: 100%; }
  /* line 74, page_concept.scss */
  #concept #intro .inner .copyWrap { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 90%; text-align: left; }
  /* line 75, page_concept.scss */
  #concept #intro .inner .copyWrap .enT { text-align: center; }
  /* line 76, page_concept.scss */
  #concept #intro .inner .copyWrap .catch { text-align: center; font-size: 28px; font-size: 1.75rem; line-height: 2.8rem; padding: 6px 0 12px; }
  /* line 77, page_concept.scss */
  #concept #intro .inner .copyWrap .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; }
  /* line 80, page_concept.scss */
  #concept #intro .ph.flexImg { width: 100%; /*height: 0; padding-top: 140%; margin-top: 150px;*/ position: absolute; height: 20px; bottom: 0; right: 0; }
  /* line 81, page_concept.scss */
  #concept #intro .ph.flexImg img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; display: none !important; } }