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

-------------------------------------------------------- */
/* line 14, page_design.scss */
#design { /*============================
#outerDesign
============================*/ /*============================
#innerDesign
============================*/ /*============================
#designConcept
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 16, page_design.scss */
#design .titleWrap { color: #fff; margin-bottom: 0px; position: relative; width: 100%; display: block; }
/* line 17, page_design.scss */
#design .titleWrap .catch.jpMidashi { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 18, page_design.scss */
#design .titleWrap .catch.jpMidashi span, #design .titleWrap .catch.jpMidashi em { display: block; }
/* line 19, page_design.scss */
#design .titleWrap .catch.jpMidashi span.en { font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; letter-spacing: .15em; margin: 0 auto 10px; }
/* line 20, page_design.scss */
#design .titleWrap .catch.jpMidashi em { font-size: 31px; font-size: 1.9375rem; line-height: 3.4875rem; }
/* line 22, page_design.scss */
#design .titleWrap .ph.blur.blue { /*height: 300px;*/ height: 240px; background: #527586; }
/* line 23, page_design.scss */
#design .titleWrap .ph.blur.blue::after { content: ""; width: 100%; height: 100%; background: rgba(82, 117, 134, 0.25); mix-blend-mode: multiply; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 1; }
/* line 24, page_design.scss */
#design .titleWrap .ph.blur.blue img { -ms-filter: blur(15px); filter: blur(15px); opacity: .5; }
/* line 33, page_design.scss */
#design #outerDesign .intro { background: #37302e; color: #fff; margin: 0 auto 60px; }
/* line 34, page_design.scss */
#design #outerDesign .intro .mainImg { height: 650px; }
/* line 35, page_design.scss */
#design #outerDesign .intro .read { padding: 40px 0; font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; }
/* line 38, page_design.scss */
#design #outerDesign .entrance .inner { margin: 0 auto 60px; }
/* line 39, page_design.scss */
#design #outerDesign .entrance .text { width: 38%; text-align: left; }
/* line 40, page_design.scss */
#design #outerDesign .entrance .text .catch.jpMidashi { margin-bottom: 20px; }
/* line 41, page_design.scss */
#design #outerDesign .entrance .text .catch.jpMidashi span, #design #outerDesign .entrance .text .catch.jpMidashi em { display: block; }
/* line 42, page_design.scss */
#design #outerDesign .entrance .text .catch.jpMidashi span.en { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; }
/* line 43, page_design.scss */
#design #outerDesign .entrance .text .catch.jpMidashi em { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; }
/* line 45, page_design.scss */
#design #outerDesign .entrance .text .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; }
/* line 47, page_design.scss */
#design #outerDesign .entrance .ph { width: 58%; }
/* line 48, page_design.scss */
#design #outerDesign .entrance .ph.main { width: 100%; height: 650px; }
/* line 54, page_design.scss */
#design #innerDesign { background: #37302e; padding-bottom: 60px; }
/* line 62, page_design.scss */
#design #innerDesign .intro { background: #082a49; color: #fff; }
/* line 64, page_design.scss */
#design #innerDesign .intro .read { padding: 40px 0; font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; }
/* line 66, page_design.scss */
#design #innerDesign .sec { padding: 60px 0 0; color: #fff; }
/* line 67, page_design.scss */
#design #innerDesign .sec .titleWrap02 { margin: 0 auto 50px; }
/* line 68, page_design.scss */
#design #innerDesign .sec .titleWrap02 .catch.jpMidashi { margin: 0 auto 20px; }
/* line 69, page_design.scss */
#design #innerDesign .sec .titleWrap02 .catch.jpMidashi span, #design #innerDesign .sec .titleWrap02 .catch.jpMidashi em { display: block; }
/* line 70, page_design.scss */
#design #innerDesign .sec .titleWrap02 .catch.jpMidashi span.en { font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; margin-bottom: 10px; }
/* line 71, page_design.scss */
#design #innerDesign .sec .titleWrap02 .catch.jpMidashi em { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; }
/* line 73, page_design.scss */
#design #innerDesign .sec .titleWrap02 .read { font-size: 15px; font-size: 0.9375rem; line-height: 2.0625rem; }
/* line 77, page_design.scss */
#design #innerDesign .sec.sec01 .ph.ph01 { height: 650px; }
/* line 78, page_design.scss */
#design #innerDesign .sec.sec01 .ph.ph02 { height: 650px; }
/* line 81, page_design.scss */
#design #innerDesign .sec.sec02 .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; height: 650px; overflow: hidden; }
/* line 82, page_design.scss */
#design #innerDesign .sec.sec02 .phSet .ph.main { width: 60%; height: 100%; }
/* line 84, page_design.scss */
#design #innerDesign .sec.sec02 .phSet ul { width: 40%; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 85, page_design.scss */
#design #innerDesign .sec.sec02 .phSet ul li { width: 50%; height: 40%; }
/* line 86, page_design.scss */
#design #innerDesign .sec.sec02 .phSet ul li:nth-of-type(1) { width: 100%; height: 60%; }
/* line 91, page_design.scss */
#design #innerDesign .sec.sec03 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 92, page_design.scss */
#design #innerDesign .sec.sec03 .titleWrap02 { width: 47%; text-align: left; order: 1; margin: 0; }
/* line 99, page_design.scss */
#design #innerDesign .sec.sec03 .ph.main { width: 48.5%; order: 0; height: 650px; }
/* line 100, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec { width: 100%; text-align: left; order: 2; margin-top: 40px; background: #fff; padding: 30px 30px; color: #4c4948; }
/* line 101, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .catch.jpMidashi { border-bottom: 1px solid #527586; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; }
/* line 102, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .catch.jpMidashi em { background: #527586; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; padding: 0 10px; }
/* line 103, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .catch.jpMidashi + .copy { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; color: #527586; margin-bottom: 30px; }
/* line 105, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 106, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .copy { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; color: #527586; font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: .015em; font-weight: 600; margin-top: 10px; }
/* line 107, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .copy small { font-size: 70%; }
/* line 109, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .main { width: 48.5%; }
/* line 110, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .main .ph.ph01 { position: relative; }
/* line 111, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .main .ph.ph01 span { display: block; position: absolute; z-index: 10; bottom: 15px; left: 20px; width: 100px; /*filter: drop-shadow(0px 0px 3px rgba($white,1)) drop-shadow(0px 0px 2px rgba($white,1));*/ }
/* line 115, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet { width: 48%; }
/* line 117, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet .flex span.ph { width: 48%; }
/* line 122, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex { margin-top: 20px; align-items: flex-start; }
/* line 123, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex li { width: 24%; }
/* line 125, page_design.scss */
#design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex li .ph span { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; margin-top: 10px; text-align: center; }
/* line 137, page_design.scss */
#design #designConcept { /*background: #062a49;*/ background: url("../img/design/design02.jpg") right bottom no-repeat #062a49; background-size: 600px auto; color: #fff; padding: 60px 0 60px; position: relative; /*&::after{ content: "";  background: url("../img/design/design02.jpg") right bottom no-repeat; background-size: 100% auto; height: 0; padding-top: 100%; position: absolute; bottom: 0; right: 0; width: 44%; max-width: 731px; min-width: 500px; display: block; z-index: 0; }*/ }
/* line 139, page_design.scss */
#design #designConcept .tit.catch.jpMidashi { text-align: left; margin-bottom: 50px; }
/* line 140, page_design.scss */
#design #designConcept .tit.catch.jpMidashi span, #design #designConcept .tit.catch.jpMidashi em { display: block; }
/* line 141, page_design.scss */
#design #designConcept .tit.catch.jpMidashi span.en { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; }
/* line 142, page_design.scss */
#design #designConcept .tit.catch.jpMidashi em { font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; }
/* line 144, page_design.scss */
#design #designConcept .planningpoint { text-align: left; margin: 0 auto 30px; position: relative; z-index: 5; }
/* line 145, page_design.scss */
#design #designConcept .planningpoint .t.en.subColor { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; margin-bottom: 20px; }
/* line 146, page_design.scss */
#design #designConcept .planningpoint ul.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 147, page_design.scss */
#design #designConcept .planningpoint ul.flex li { width: calc(100% / 4 - 20px); }
/* line 148, page_design.scss */
#design #designConcept .planningpoint ul.flex li h3 { border-left: 5px solid #fff; border-bottom: 1px solid #fff; padding: 0 0 5px 12px; margin-bottom: 12px; }
/* line 149, page_design.scss */
#design #designConcept .planningpoint ul.flex li h3 span.en { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1.05rem; }
/* line 151, page_design.scss */
#design #designConcept .planningpoint ul.flex li h3 span.en strong { color: #a58041; font-size: 150%; margin-left: 2px; }
/* line 153, page_design.scss */
#design #designConcept .planningpoint ul.flex li h3 em.jpMidashi { display: block; font-size: 20px; font-size: 1.25rem; line-height: 2rem; }
/* line 159, page_design.scss */
#design #designConcept .planningconcept.flex { width: 100%; background: rgba(0, 32, 59, 0.8); text-align: left; padding: 30px 30px; position: relative; z-index: 5; }
/* line 160, page_design.scss */
#design #designConcept .planningconcept.flex .text { width: 32%; display: flex; flex-direction: column; justify-content: flex-start; }
/* line 161, page_design.scss */
#design #designConcept .planningconcept.flex .t.en.subColor { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; }
/* line 162, page_design.scss */
#design #designConcept .planningconcept.flex .copy.jpMidashi { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; margin-bottom: 20px; }
/* line 163, page_design.scss */
#design #designConcept .planningconcept.flex .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; margin-top: auto; }
/* line 164, page_design.scss */
#design #designConcept .planningconcept.flex .phSet .ph { width: 48%; }
/* line 165, page_design.scss */
#design #designConcept .planningconcept.flex .phSet .name.jpMidashi { width: 47%; }
/* line 166, page_design.scss */
#design #designConcept .planningconcept.flex .phSet .name.jpMidashi span.en.subColor { font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; display: block; }
/* line 167, page_design.scss */
#design #designConcept .planningconcept.flex .phSet .name.jpMidashi strong { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; }
/* line 168, page_design.scss */
#design #designConcept .planningconcept.flex .phSet .name.jpMidashi em { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; display: block; }
/* line 169, page_design.scss */
#design #designConcept .planningconcept.flex .phSet .name.jpMidashi em small { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; display: block; }
/* line 173, page_design.scss */
#design #designConcept .planningconcept.flex .read { width: 66%; font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; font-weight: 300; }
/* line 175, page_design.scss */
#design #designConcept .floorDrawing { margin: 40px auto 0; width: 100%; position: relative; z-index: 50; opacity: .8; }
@media only screen and (max-width: 750px) { /* line 14, page_design.scss */
  #design { /*============================
#outerDesign
============================*/ /*============================
#innerDesign
============================*/ /*============================
#designConcept
============================*/ }
  /* line 185, page_design.scss */
  #design .titleWrap { margin-bottom: 0px; width: 100%; }
  /* line 186, page_design.scss */
  #design .titleWrap .catch.jpMidashi { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 187, page_design.scss */
  #design .titleWrap .catch.jpMidashi span, #design .titleWrap .catch.jpMidashi em { display: block; }
  /* line 188, page_design.scss */
  #design .titleWrap .catch.jpMidashi span.en { font-size: 16px; font-size: 1rem; line-height: 1.6rem; margin: 0 auto 6px; }
  /* line 189, page_design.scss */
  #design .titleWrap .catch.jpMidashi em { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; }
  /* line 191, page_design.scss */
  #design .titleWrap .ph.blur.blue { height: 160px; }
  /* line 202, page_design.scss */
  #design #outerDesign .intro { margin: 0 auto 40px; }
  /* line 203, page_design.scss */
  #design #outerDesign .intro .mainImg { height: 240px; }
  /* line 204, page_design.scss */
  #design #outerDesign .intro .read { padding: 20px 5% 30px; font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; text-align: left; }
  /* line 207, page_design.scss */
  #design #outerDesign .entrance .inner { margin: 0 auto 0px; }
  /* line 208, page_design.scss */
  #design #outerDesign .entrance .text { width: 100%; padding: 0 5% 30px; }
  /* line 209, page_design.scss */
  #design #outerDesign .entrance .text .catch.jpMidashi { margin-bottom: 15px; }
  /* line 210, page_design.scss */
  #design #outerDesign .entrance .text .catch.jpMidashi span, #design #outerDesign .entrance .text .catch.jpMidashi em { display: block; }
  /* line 211, page_design.scss */
  #design #outerDesign .entrance .text .catch.jpMidashi span.en { font-size: 16px; font-size: 1rem; line-height: 1.6rem; }
  /* line 212, page_design.scss */
  #design #outerDesign .entrance .text .catch.jpMidashi em { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; }
  /* line 214, page_design.scss */
  #design #outerDesign .entrance .text .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
  /* line 216, page_design.scss */
  #design #outerDesign .entrance .ph { width: 100%; height: 240px; }
  /* line 217, page_design.scss */
  #design #outerDesign .entrance .ph.main { width: 100%; height: 240px; }
  /* line 223, page_design.scss */
  #design #innerDesign { padding-bottom: 0px; }
  /* line 232, page_design.scss */
  #design #innerDesign .intro .mainImg { height: 160px; }
  /* line 233, page_design.scss */
  #design #innerDesign .intro .read { padding: 20px 5% 30px; font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; text-align: left; }
  /* line 235, page_design.scss */
  #design #innerDesign .sec { padding: 30px 0 0; }
  /* line 236, page_design.scss */
  #design #innerDesign .sec .titleWrap02 { margin: 0 auto 30px; }
  /* line 237, page_design.scss */
  #design #innerDesign .sec .titleWrap02 .catch.jpMidashi { margin: 0 auto 15px; }
  /* line 238, page_design.scss */
  #design #innerDesign .sec .titleWrap02 .catch.jpMidashi span, #design #innerDesign .sec .titleWrap02 .catch.jpMidashi em { display: block; }
  /* line 239, page_design.scss */
  #design #innerDesign .sec .titleWrap02 .catch.jpMidashi span.en { font-size: 16px; font-size: 1rem; line-height: 1.6rem; margin-bottom: 6px; }
  /* line 240, page_design.scss */
  #design #innerDesign .sec .titleWrap02 .catch.jpMidashi em { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; }
  /* line 242, page_design.scss */
  #design #innerDesign .sec .titleWrap02 .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; padding: 0 5%; text-align: left; }
  /* line 246, page_design.scss */
  #design #innerDesign .sec.sec01 .ph.ph01 { height: 240px; }
  /* line 247, page_design.scss */
  #design #innerDesign .sec.sec01 .ph.ph02 { height: 240px; }
  /* line 250, page_design.scss */
  #design #innerDesign .sec.sec02 .phSet { height: auto; }
  /* line 251, page_design.scss */
  #design #innerDesign .sec.sec02 .phSet .ph.main { width: 100%; height: 240px; }
  /* line 253, page_design.scss */
  #design #innerDesign .sec.sec02 .phSet ul { width: 100%; }
  /* line 254, page_design.scss */
  #design #innerDesign .sec.sec02 .phSet ul li { width: 50%; height: 120px; }
  /* line 255, page_design.scss */
  #design #innerDesign .sec.sec02 .phSet ul li:nth-of-type(1) { width: 100%; height: 240px; }
  /* line 260, page_design.scss */
  #design #innerDesign .sec.sec03 { align-items: center; }
  /* line 261, page_design.scss */
  #design #innerDesign .sec.sec03 .titleWrap02 { width: 100%; order: 1; margin: 0; text-align: center; }
  /* line 268, page_design.scss */
  #design #innerDesign .sec.sec03 .ph.main { width: 90%; margin: 0 auto 25px; order: 0; height: 350px; }
  /* line 269, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec { width: 100%; order: 2; margin-top: 30px; padding: 20px 5% 40px; }
  /* line 270, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .catch.jpMidashi { margin-bottom: 10px; }
  /* line 271, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .catch.jpMidashi em { font-size: 16px; font-size: 1rem; line-height: 1.8rem; padding: 0 10px; }
  /* line 272, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .catch.jpMidashi + .copy { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; letter-spacing: .025em; margin-bottom: 20px; }
  /* line 275, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .copy { font-size: 16px; font-size: 1rem; line-height: 1.6rem; letter-spacing: .025em; margin-top: 10px; }
  /* line 276, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .copy small { font-size: 70%; }
  /* line 278, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .main { width: 100%; margin-bottom: 20px; }
  /* line 280, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .main .ph.ph01 span { bottom: 8px; left: 15px; width: 80px; }
  /* line 284, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet { width: 100%; }
  /* line 286, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet .flex span.ph { width: 48%; }
  /* line 291, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex { margin-top: 20px; }
  /* line 292, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex li { width: 24%; }
  /* line 293, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex li .ph { text-align: center; }
  /* line 294, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex li .ph img { width: 90%; margin: auto; }
  /* line 295, page_design.scss */
  #design #innerDesign .sec.sec03 .doorSpec .phSetWrap .phSet ul.flex li .ph span { display: block; font-size: 11px; font-size: 0.6875rem; line-height: 1.1rem; letter-spacing: 0; margin-top: 6px; }
  /* line 307, page_design.scss */
  #design #designConcept { padding: 30px 0 0px; }
  /* line 308, page_design.scss */
  #design #designConcept::after { background: url("../img/design/design02.jpg") right bottom no-repeat; bottom: 0; right: 0; width: 44%; max-width: 731px; min-width: 500px; }
  /* line 309, page_design.scss */
  #design #designConcept .tit.catch.jpMidashi { text-align: left; margin-bottom: 30px; padding: 0 5%; }
  /* line 311, page_design.scss */
  #design #designConcept .tit.catch.jpMidashi span.en { font-size: 16px; font-size: 1rem; line-height: 1.6rem; }
  /* line 312, page_design.scss */
  #design #designConcept .tit.catch.jpMidashi em { font-size: 20px; font-size: 1.25rem; line-height: 2rem; }
  /* line 314, page_design.scss */
  #design #designConcept .planningpoint { margin: 0 auto 30px; padding: 0 5%; }
  /* line 315, page_design.scss */
  #design #designConcept .planningpoint .t.en.subColor { font-size: 20px; font-size: 1.25rem; line-height: 2.25rem; margin-bottom: 15px; }
  /* line 317, page_design.scss */
  #design #designConcept .planningpoint ul.flex li { width: calc(100% / 1 - 0px); }
  /* line 318, page_design.scss */
  #design #designConcept .planningpoint ul.flex li:not(:last-child) { margin-bottom: 30px; }
  /* line 319, page_design.scss */
  #design #designConcept .planningpoint ul.flex li h3 { border-left: 5px solid #fff; border-bottom: 1px solid #fff; padding: 0 0 5px 12px; margin-bottom: 10px; }
  /* line 320, page_design.scss */
  #design #designConcept .planningpoint ul.flex li h3 span.en { font-size: 14px; font-size: 0.875rem; line-height: 1.05rem; }
  /* line 322, page_design.scss */
  #design #designConcept .planningpoint ul.flex li h3 span.en strong { color: #a58041; font-size: 150%; margin-left: 2px; }
  /* line 324, page_design.scss */
  #design #designConcept .planningpoint ul.flex li h3 em.jpMidashi { display: block; font-size: 20px; font-size: 1.25rem; line-height: 2rem; }
  /* line 330, page_design.scss */
  #design #designConcept .planningconcept.flex { width: 100%; padding: 30px 5% 40px; }
  /* line 331, page_design.scss */
  #design #designConcept .planningconcept.flex .text { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 auto 25px; }
  /* line 332, page_design.scss */
  #design #designConcept .planningconcept.flex .t.en.subColor { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; }
  /* line 333, page_design.scss */
  #design #designConcept .planningconcept.flex .copy.jpMidashi { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; margin-bottom: 20px; }
  /* line 334, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; margin-top: auto; }
  /* line 335, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet .ph { width: 48%; }
  /* line 336, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet .name.jpMidashi { width: 47%; }
  /* line 337, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet .name.jpMidashi span.en.subColor { font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; display: block; }
  /* line 338, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet .name.jpMidashi strong { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; }
  /* line 339, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet .name.jpMidashi em { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; display: block; }
  /* line 340, page_design.scss */
  #design #designConcept .planningconcept.flex .phSet .name.jpMidashi em small { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; display: block; }
  /* line 344, page_design.scss */
  #design #designConcept .planningconcept.flex .read { width: 100%; font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; }
  /* line 346, page_design.scss */
  #design #designConcept .floorDrawing { margin: 20px auto 0; width: 100%; position: relative; z-index: 5; opacity: .8; } }