@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;
*/
/*@mixin reqGrd { background: linear-gradient(to bottom, #a38a77 0%,#876c58 100%);}*/
/*@mixin resGrd { background: linear-gradient(to bottom, #d57f7f 0%,#c46161 100%);}*/
/* line 11, page_design.scss */
#design .sec { margin-bottom: 120px; }
/* line 12, page_design.scss */
#design .sec .catchEn { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 2.5em; width: 100%; }
/* line 13, page_design.scss */
#design .sec .catchEn span { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 14, page_design.scss */
#design .sec .catchEn span i { width: 32px; margin-right: 1em; }
/* line 15, page_design.scss */
#design .sec .catchEn span em { font-size: 28px; }
/* line 17, page_design.scss */
#design .sec .catchEn strong { font-size: 18px; }
/* line 30, page_design.scss */
#design .sec.sec01 .ph.ph02 { width: calc(100% - 100px); max-width: 1600px; margin: 80px auto 0; }
/* line 31, page_design.scss */
#design .sec.sec01 .ph.ph02::before, #design .sec.sec01 .ph.ph02::after { content: ""; position: absolute; top: 0; height: 100%; width: 100px; }
/* line 32, page_design.scss */
#design .sec.sec01 .ph.ph02::before { left: 0; background: linear-gradient(to right, #f5f4f4 0%, rgba(245, 244, 244, 0) 100%); }
/* line 33, page_design.scss */
#design .sec.sec01 .ph.ph02::after { right: 0; background: linear-gradient(to right, rgba(245, 244, 244, 0) 0%, #f5f4f4 100%); }
/* line 36, page_design.scss */
#design .sec.sec02 { position: relative; }
/* line 46, page_design.scss */
#design .sec.sec02 ul.swiper-wrapper .ph span.cap { font-family: "FOT-筑紫ゴシック Pr5 D"; font-size: 15px; position: absolute; bottom: 1em; right: 1em; z-index: 10; color: #fff; filter: drop-shadow(0px 0px 2px black); }
/* line 56, page_design.scss */
#design .sec.sec02 .swiper-pagination-bullet { background: #fff; opacity: .25; }
/* line 57, page_design.scss */
#design .sec.sec02 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c6aa52; opacity: .8; }
/* line 60, page_design.scss */
#design .sec.sec03 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 68, page_design.scss */
#design .sec.sec03 .ph { width: 52%; padding-top: 36%; position: relative; }
/* line 69, page_design.scss */
#design .sec.sec03 .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 71, page_design.scss */
#design .sec.sec03 .ph.ph01 { margin-right: -2%; z-index: 5; }
/* line 72, page_design.scss */
#design .sec.sec03 .ph.ph02 { margin-left: -2%; margin-top: 5em; z-index: 10; }
/* line 82, page_design.scss */
#design .sec.sec04 .ph { width: calc(100% - 100px); margin: auto; }
/* line 83, page_design.scss */
#design .sec.sec04 .ph.ph01 { margin-bottom: 50px; }
@media only screen and (max-width: 750px) { /* line 91, page_design.scss */
  #design .sec { margin-bottom: 80px; }
  /* line 92, page_design.scss */
  #design .sec .catchEn { margin-bottom: 1.5em; }
  /* line 93, page_design.scss */
  #design .sec .catchEn span { margin-bottom: .25em; }
  /* line 94, page_design.scss */
  #design .sec .catchEn span i { width: 22px; line-height: 0; margin-right: .75em; }
  /* line 95, page_design.scss */
  #design .sec .catchEn span em { font-size: 20px; }
  /* line 97, page_design.scss */
  #design .sec .catchEn strong { font-size: 14px; }
  /* line 110, page_design.scss */
  #design .sec.sec01 .ph.ph02 { width: 100%; max-width: 100%; margin: 40px auto 0; }
  /* line 111, page_design.scss */
  #design .sec.sec01 .ph.ph02::before, #design .sec.sec01 .ph.ph02::after { width: 10%; }
  /* line 124, page_design.scss */
  #design .sec.sec02 ul.swiper-wrapper .ph span.cap { font-size: 13px; bottom: .5em; right: 1em; filter: drop-shadow(0px 0px 2px black); }
  /* line 134, page_design.scss */
  #design .sec.sec02 .swiper-pagination-bullet { background: #fff; opacity: .25; }
  /* line 135, page_design.scss */
  #design .sec.sec02 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c6aa52; opacity: .8; }
  /* line 138, page_design.scss */
  #design .sec.sec03 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
  /* line 146, page_design.scss */
  #design .sec.sec03 .ph { width: 90%; padding-top: 60%; }
  /* line 147, page_design.scss */
  #design .sec.sec03 .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 149, page_design.scss */
  #design .sec.sec03 .ph.ph01 { margin-right: auto; }
  /* line 150, page_design.scss */
  #design .sec.sec03 .ph.ph02 { margin-left: auto; margin-top: 0em; }
  /* line 160, page_design.scss */
  #design .sec.sec04 .ph { width: 90%; margin: auto; }
  /* line 161, page_design.scss */
  #design .sec.sec04 .ph.ph01 { margin-bottom: 20px; } }