@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 14, page_design.scss */
#design #titleSec { margin-bottom: 0; }
/* line 18, page_design.scss */
#design main .text { text-align: left; }
/* line 19, page_design.scss */
#design main .text .tit.enT { font-size: 30px; margin-bottom: .75em; }
/* line 20, page_design.scss */
#design main .text .catch { font-size: 18px; margin-bottom: 1.25em; font-weight: 300; line-height: 2; }
/* line 21, page_design.scss */
#design main .text .read { font-size: 15px; font-weight: 400; line-height: 2.2; }
@media only screen and (max-width: 750px) { /* line 30, page_design.scss */
  #design main .text .tit.enT { font-size: 24px; margin-bottom: .25em; }
  /* line 31, page_design.scss */
  #design main .text .catch { font-size: 17px; margin-bottom: .75em; line-height: 1.8; }
  /* line 32, page_design.scss */
  #design main .text .read { font-size: 13px; line-height: 1.8; } }
/* line 41, page_design.scss */
#design .secFormat01 { background: #e7e2e3; padding: 100px 60px 100px; }
/* line 42, page_design.scss */
#design .secFormat01 .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 43, page_design.scss */
#design .secFormat01 .list .phMain { width: 74%; /*min-width: 980px;*/ height: 600px; }
/* line 44, page_design.scss */
#design .secFormat01 .list .text { background: rgba(58, 0, 27, 0.92); color: #fff; width: 46%; max-width: 610px; margin: auto 0 -60px -22%; position: relative; z-index: 10; padding: 50px 50px; }
/* line 49, page_design.scss */
#design .secFormat01 .list:nth-of-type(even) { flex-direction: row-reverse; }
/* line 50, page_design.scss */
#design .secFormat01 .list:nth-of-type(even) .text { margin: -60px -22% auto 0; }
/* line 52, page_design.scss */
#design .secFormat01 .list:not(:last-child) { margin-bottom: 200px; }
/* line 55, page_design.scss */
#design .secFormat02 { background: rgba(58, 0, 27, 0.92); width: 100%; color: #fff; }
/* line 57, page_design.scss */
#design .secFormat02 .text { padding: 60px 0 60px; position: relative; }
/* line 60, page_design.scss */
#design .secFormat02 .text .read { width: 48%; position: absolute; top: 60px; right: 0; }
@media only screen and (max-width: 750px) { /* line 67, page_design.scss */
  #design .secFormat01 { padding: 40px 0% 50px; }
  /* line 69, page_design.scss */
  #design .secFormat01 .list .phMain { width: 100%; height: 250px; }
  /* line 70, page_design.scss */
  #design .secFormat01 .list .text { width: 92%; max-width: 92%; margin: -20px auto 0px; padding: 20px 20px; }
  /* line 75, page_design.scss */
  #design .secFormat01 .list:nth-of-type(even) { flex-direction: row-reverse; }
  /* line 76, page_design.scss */
  #design .secFormat01 .list:nth-of-type(even) .text { margin: -20px auto 0; }
  /* line 78, page_design.scss */
  #design .secFormat01 .list:not(:last-child) { margin-bottom: 50px; }
  /* line 83, page_design.scss */
  #design .secFormat02 .text { padding: 30px 5% 30px; }
  /* line 86, page_design.scss */
  #design .secFormat02 .text .read { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } }
/* line 94, page_design.scss */
#design #sec01 { width: 100%; position: relative; }
/* line 95, page_design.scss */
#design #sec01 .text { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 80px; color: #fff; filter: drop-shadow(0px 0px 5px #4981b9); text-align: center; }
/* line 96, page_design.scss */
#design #sec01 .text .tit.enT { font-size: 48px; font-weight: 600; }
/* line 97, page_design.scss */
#design #sec01 .text .catch { font-size: 20px; margin-top: 1em; }
/* line 99, page_design.scss */
#design #sec01 .phMain { width: 100%; height: 800px; }
@media only screen and (max-width: 750px) { /* line 105, page_design.scss */
  #design #sec01 { width: 100%; }
  /* line 106, page_design.scss */
  #design #sec01 .text { top: 25px; }
  /* line 107, page_design.scss */
  #design #sec01 .text .tit.enT { font-size: 33px; letter-spacing: .075em; }
  /* line 108, page_design.scss */
  #design #sec01 .text .catch { font-size: 14px; margin-top: 1em; }
  /* line 110, page_design.scss */
  #design #sec01 .phMain { width: 100%; height: 400px; } }
/* line 117, page_design.scss */
#design #sec02 { background: rgba(58, 0, 27, 0.92); width: 100%; color: #fff; border-top: 80px solid #e7e2e3; }
/* line 118, page_design.scss */
#design #sec02 .phMain { width: 100%; height: 660px; }
/* line 119, page_design.scss */
#design #sec02 .textWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 60px 0 0px; }
/* line 120, page_design.scss */
#design #sec02 .textWrap .text { width: 45%; padding-bottom: 60px; text-align: left; }
/* line 125, page_design.scss */
#design #sec02 .textWrap .ph { width: 56%; margin-right: -3.5%; }
@media only screen and (max-width: 750px) { /* line 132, page_design.scss */
  #design #sec02 { border-top: 30px solid #e7e2e3; }
  /* line 133, page_design.scss */
  #design #sec02 .phMain { width: 100%; height: 250px; }
  /* line 134, page_design.scss */
  #design #sec02 .textWrap { padding: 30px 0 10px; }
  /* line 135, page_design.scss */
  #design #sec02 .textWrap .text { width: 90%; padding-bottom: 0px; margin: 0 auto 1.5em; }
  /* line 140, page_design.scss */
  #design #sec02 .textWrap .ph { width: 100%; margin: 0 auto; } }
/* line 176, page_design.scss */
#design #sec04 { background: rgba(58, 0, 27, 0.92); width: 100%; color: #fff; }
/* line 177, page_design.scss */
#design #sec04 .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 178, page_design.scss */
#design #sec04 .phWrap .phMain { width: 50%; }
/* line 183, page_design.scss */
#design #sec04 .textWrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 60px 0 60px; }
/* line 184, page_design.scss */
#design #sec04 .textWrap .text { width: 46%; }
/* line 189, page_design.scss */
#design #sec04 .textWrap .concept { width: 50%; background: #1b0010; padding: 30px 30px; box-sizing: border-box; text-align: left; }
/* line 191, page_design.scss */
#design #sec04 .textWrap .concept .sec .t.enT { font-size: 20px; color: #a58041; }
/* line 193, page_design.scss */
#design #sec04 .textWrap .concept .sec .read { font-size: 13px; line-height: 1.6; }
/* line 195, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 { position: relative; }
/* line 196, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .t.enT { margin-bottom: 20px; }
/* line 197, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .read.read01 { position: absolute; width: 48%; right: 0; top: 0px; }
/* line 198, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect { display: flex; justify-content: space-between; flex-wrap: wrap; width: 48%; align-items: flex-end; }
/* line 199, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect .ph { width: 120px; }
/* line 200, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect .text02 { width: calc(100% - 135px); }
/* line 201, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .t2.enT { font-size: 12px; color: #a58041; }
/* line 202, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .com { font-size: 11px; }
/* line 203, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .name { font-size: 14px; }
/* line 204, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .name span { font-size: 80%; }
/* line 210, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec02 { margin-top: 25px; position: relative; }
/* line 211, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec02 .t.enT { margin-bottom: 5px; }
/* line 212, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec02 .catch { margin-bottom: 5px; }
/* line 213, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec02 .read.read02 { width: 50%; }
/* line 214, page_design.scss */
#design #sec04 .textWrap .concept .sec.sec02 .ph { width: 45%; position: absolute; bottom: 0px; right: 0; }
@media only screen and (max-width: 750px) { /* line 223, page_design.scss */
  #design #sec04 { width: 100%; }
  /* line 225, page_design.scss */
  #design #sec04 .phWrap .phMain { width: 100%; height: 280px; }
  /* line 230, page_design.scss */
  #design #sec04 .textWrap { padding: 30px 0 0px; }
  /* line 231, page_design.scss */
  #design #sec04 .textWrap .text { width: 90%; margin: 0 auto 1.5em; }
  /* line 236, page_design.scss */
  #design #sec04 .textWrap .concept { width: 100%; padding: 25px 20px; }
  /* line 238, page_design.scss */
  #design #sec04 .textWrap .concept .sec .t.enT { font-size: 22px; }
  /* line 239, page_design.scss */
  #design #sec04 .textWrap .concept .sec .catch { font-size: 16px; }
  /* line 240, page_design.scss */
  #design #sec04 .textWrap .concept .sec .read { font-size: 13px; line-height: 1.6; }
  /* line 242, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 { position: relative; }
  /* line 243, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .t.enT { margin-bottom: 0.5em; }
  /* line 244, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .read.read01 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 100%; margin-bottom: 1.5em; }
  /* line 245, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect { width: 100%; }
  /* line 246, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect .ph { width: 130px; }
  /* line 247, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect .text02 { width: calc(100% - 150px); }
  /* line 248, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .t2.enT { font-size: 14px; }
  /* line 249, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .com { font-size: 11px; }
  /* line 250, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .name { font-size: 14px; }
  /* line 251, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec01 .architect .text02 .name span { font-size: 80%; margin-right: .5em; }
  /* line 257, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec02 { margin-top: 30px; }
  /* line 258, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec02 .t.enT { margin-bottom: .5em; }
  /* line 259, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec02 .catch { margin-bottom: .5em; }
  /* line 260, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec02 .read.read02 { width: 100%; margin-bottom: 1.5em; }
  /* line 261, page_design.scss */
  #design #sec04 .textWrap .concept .sec.sec02 .ph { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } }
/* line 271, page_design.scss */
#design #sec05.secFormat02 { border-top: 80px solid #e7e2e3; }
@media only screen and (max-width: 750px) { /* line 283, page_design.scss */
  #design #sec05.secFormat02 { border-top: 50px solid #e7e2e3; } }
/* line 324, page_design.scss */
#design #sec07.secFormat02 { /*margin-bottom: 60px;*/ }
@media only screen and (max-width: 750px) { /* line 336, page_design.scss */
  #design #sec07.secFormat02 { /*margin-bottom: 50px;*/ }
  /* line 337, page_design.scss */
  #design #sec07.secFormat02 .phMain { height: 250px; }
  /* line 343, page_design.scss */
  #design #sec07.secFormat02 + .caption { padding: 0 5%; } }
/* line 353, page_design.scss */
#design #sec08 { margin-bottom: 60px; background: #e7e2e3; padding-bottom: 50px; }
/* line 355, page_design.scss */
#design #sec08 .intro { padding: 150px 60px 50px; }
/* line 356, page_design.scss */
#design #sec08 .intro .introlist { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; width: 100%; }
/* line 357, page_design.scss */
#design #sec08 .intro .introlist .phMain { width: 56%; max-width: 580px; }
/* line 358, page_design.scss */
#design #sec08 .intro .introlist .text { background: rgba(58, 0, 27, 0.92); color: #fff; width: 46%; max-width: 610px; margin: -60px -2% auto 0; position: relative; z-index: 10; padding: 50px 50px; }
/* line 366, page_design.scss */
#design #sec08 .inner { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 367, page_design.scss */
#design #sec08 .cmnTit { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 30px; }
/* line 368, page_design.scss */
#design #sec08 .cmnTit .tit { font-size: 20px; border: 1px solid rgba(0, 0, 0, 0.5); padding: 2px 1em; margin-right: 1em; }
/* line 369, page_design.scss */
#design #sec08 .cmnTit .catch { font-size: 18px; }
/* line 372, page_design.scss */
#design #sec08 .list .t { font-size: 16px; font-size: 1rem; line-height: 1.8rem; width: 100%; margin-bottom: 10px; text-align: left; }
/* line 375, page_design.scss */
#design #sec08 .list01.list { width: 42%; }
/* line 377, page_design.scss */
#design #sec08 .list01.list .ph { height: calc(100% - 70px); }
/* line 378, page_design.scss */
#design #sec08 .list01.list .ph span { width: 90px; position: absolute; line-height: 0; right: 15px; bottom: 15px; }
/* line 381, page_design.scss */
#design #sec08 .list02.list { width: 55%; }
/* line 382, page_design.scss */
#design #sec08 .list02.list .list03 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; }
/* line 384, page_design.scss */
#design #sec08 .list02.list .list03 .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 385, page_design.scss */
#design #sec08 .list02.list .list03 .phSet .ph { width: 48%; }
/* line 388, page_design.scss */
#design #sec08 .list02.list .list04 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 390, page_design.scss */
#design #sec08 .list02.list .list04 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 391, page_design.scss */
#design #sec08 .list02.list .list04 ul li { width: calc(100% / 4 - 10px); }
/* line 392, page_design.scss */
#design #sec08 .list02.list .list04 ul li .ph { width: 80%; margin: 0 auto 10px; }
/* line 393, page_design.scss */
#design #sec08 .list02.list .list04 ul li .cap { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; }
@media only screen and (max-width: 750px) { /* line 403, page_design.scss */
  #design #sec08 { margin-bottom: 50px; padding: 0 5%; padding-bottom: 50px; }
  /* line 405, page_design.scss */
  #design #sec08 .intro { padding: 50px 0px 30px; }
  /* line 407, page_design.scss */
  #design #sec08 .intro .introlist .phMain { width: 100%; max-width: 100%; }
  /* line 408, page_design.scss */
  #design #sec08 .intro .introlist .text { width: 92%; max-width: 92%; margin: -20px auto 0px; padding: 20px 20px; }
  /* line 416, page_design.scss */
  #design #sec08 .inner { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 418, page_design.scss */
  #design #sec08 .cmnTit .tit { font-size: 16px; margin-bottom: .5em; width: 100%; margin-right: 0; }
  /* line 419, page_design.scss */
  #design #sec08 .cmnTit .catch { font-size: 15px; text-align: justify; }
  /* line 422, page_design.scss */
  #design #sec08 .list .t { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; margin-bottom: 10px; letter-spacing: -.015em; }
  /* line 425, page_design.scss */
  #design #sec08 .list01.list { width: 100%; margin-bottom: 25px; }
  /* line 427, page_design.scss */
  #design #sec08 .list01.list .ph { height: auto; }
  /* line 428, page_design.scss */
  #design #sec08 .list01.list .ph span { width: 70px; }
  /* line 431, page_design.scss */
  #design #sec08 .list02.list { width: 100%; }
  /* line 432, page_design.scss */
  #design #sec08 .list02.list .list03 { margin-bottom: 25px; }
  /* line 435, page_design.scss */
  #design #sec08 .list02.list .list03 .phSet .ph { width: 48.5%; }
  /* line 441, page_design.scss */
  #design #sec08 .list02.list .list04 ul li { width: calc(100% / 4 - 6px); }
  /* line 442, page_design.scss */
  #design #sec08 .list02.list .list04 ul li .ph { width: 94%; margin: 0 auto 10px; }
  /* line 443, page_design.scss */
  #design #sec08 .list02.list .list04 ul li .cap { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; } }