@charset "UTF-8";#modelhouse h1, #modelhouse h2, #modelhouse h3, #modelhouse h4, #modelhouse h5, #modelhouse h6{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;}
#modelhouse p{margin:0;padding:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;}
.l-flex__wrap02{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;/* -webkit-box-pack:justify;*//* --ms-flex-pack:justify;*//* justify-content:space-between;*/-ms-flex-wrap:wrap;flex-wrap:wrap;}
.top-bunner{width:1200px;margin:80px auto 70px;}
.top-bunner li{text-align:center;margin:0 0 15px 0;}
.p-top .group ul li{margin:0px 20px 20px 0px;}
.p-top .group ul li:nth-child(5n){margin:0px 0px 20px 0px;}
.l-flex__wrap03{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:920px;margin:40px auto 0px;}
.l-flex__wrap{margin:0px auto 40px;display:flex;flex-direction:row;flex-wrap:wrap;}
.l-flex_start{justify-content:start !important;}
.banner-box03{margin-bottom:150px;}
.banner-box03 img{max-width:100%;}
.banner03-cont{width:30%;margin:0 auto;}
/*コロナ対策*/
.colona h2{font-weight:500;}
.colona{max-width:100%;width:800px;border:solid 1px #333;margin:50px auto;}
.colona_in ul{justify-content:space-between;margin:0 50px;}
.colona_in li{border:solid 1px #333;padding:20px 40px;}
.colona_in a{margin:3%;}
#web-c{background:#432107;padding:3%;color:#fff;margin:0 60px;transition:0.5s;}
#web-c:hover{opacity:0.7;}
@media screen and (min-width:768px), print{.l-contactus .content .box__inner li.toku{margin-top:-37px;}
br.ip6{display:none;}
.pc2{display:inline-block !important;}

/*TOPスライダー*/
.main-box{width: 100%;max-width: 2000px;margin: 0 auto;position: relative;}
.main-box .visual li.slide img{ width: 100%; }
.main-box .visual li:nth-child(1).slide h1{ margin:0; }

#bnr-box{ width:1100px; margin:100px auto 100px; position:relative; }
#bnr-box .ttl{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 52px;line-height: 58px;letter-spacing: 5px;margin: 0; margin-bottom:30px; }
#bnr-box .txt{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px; line-height:30px; letter-spacing:0.8px; position:absolute; top:0px; left:700px; }
#bnr-box .list{ display: flex; justify-content: space-between; }

/*============================
#modelhouse
============================*/
#modelhouse{margin-bottom:80px;background-color:#efece6;padding-top:45px;padding-bottom:44px;background-image:url(../assets/images/top/modelhouse-bg-01.png);background-position:center top 72px;background-repeat:no-repeat;}
#modelhouse .inner{padding:0;}
#modelhouse .inner{max-width:1800px;width:100%;margin:0 auto;}
#modelhouse .inner .ttl-box{text-align:center;}
#modelhouse .inner .ttl-box .ttl{margin-bottom:32px;}
#modelhouse .inner .ttl-box .ttl-txt{color:#282828;font-size:16px;font-weight:500;line-height:1.6;margin-bottom:32px;}
#modelhouse .inner .list{width:1220px;margin:0 auto;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
}
#modelhouse .inner .list li{width:280px;margin-right:40px;}
#modelhouse .inner .list li .pic:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);}
#modelhouse .inner .list li a:hover{text-decoration:none;}
#modelhouse .inner .list li:nth-child(3n){margin-right:0px;}

#modelhouse .inner .list li:nth-child(5){margin-right:0px;}

#modelhouse .inner .list .pic{overflow:hidden;width:280px;height:220px;}
#modelhouse .inner .list .pic img{width:100%;-webkit-transition:0.5s;transition:0.5s;}
#modelhouse .inner .list .txt-box{position:relative;top:-45px;margin-bottom:-45px;width:260px;margin:0 auto;-webkit-box-shadow:0 2px 9px 1px rgba(6, 0, 1, 0.17);box-shadow:0 2px 9px 1px rgba(6, 0, 1, 0.17);background-color:#ffffff;}
#modelhouse .inner .list .txt-box .ttl-02{color:#282828;font-size:26px;font-weight:500;line-height:30px;letter-spacing:1.3px;text-align:center;padding-top:16px;padding-bottom:16px;border-bottom:1px dotted #000;margin-bottom:16px;}
#modelhouse .inner .list .txt-box .in-list{color:#282828;font-size:14px;font-weight:500;line-height:30px;letter-spacing:0.7px;padding:0 10px 24px;}
#modelhouse .inner .list .txt-box .in-list li{width:240px;font-size:15px;}
#modelhouse .open-mae{color:#282828;font-size:26px;font-weight:500;line-height:30px;text-transform:uppercase;letter-spacing:1.3px;text-align:center;padding-bottom:24px;}
.c-event .c-event__item:nth-child(n + 4){display:none;}
/*============================
#works
============================*/
#works{margin-bottom:105px;}
#works .inner{max-width:1800px;width:100%;margin:0 auto;padding:0;}
#works .inner .ttl{text-align:center;margin-bottom:34px;}
#works .inner .ttl-txt{text-align:center;color:#282828;font-size:16px;font-weight:500;letter-spacing:0.8px;margin-bottom:64px;}
#works .inner .system-list{margin-bottom:36px;display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#works .inner .system-list > li{width:441px;margin-right:12px;margin-bottom:36px;}
#works .inner .system-list > li a:hover{text-decoration:none;}
#works .inner .system-list > li:hover .system-ttl-01{text-decoration:underline;}
#works .inner .system-list > li:hover .system-pic img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);}
#works .inner .system-list > li:nth-child(4n){margin-right:0px;}
#works .inner .system-list .rel-box{position:relative;overflow:hidden;}
#works .inner .system-list .system-icon-list{position:absolute;left:0;bottom:0;z-index:10;}
#works .inner .system-list .system-icon-list li{padding:12px 18px;color:#ffffff;font-size:16px;font-weight:700;text-align:center;}
#works .inner .system-list .system-icon-list .works-cat-american{background-color:#c34646;}
#works .inner .system-list .system-icon-list .works-cat-sweden{background-color:#8fb6b4;}
#works .inner .system-list .system-icon-list .works-cat-provence{background-color:#c98383;}
#works .inner .system-list .system-icon-list .works-cat-modern{background-color:#3d5a70;}
#works .inner .system-list .system-icon-list .works-cat-lohas{background-color:#976a35;}
#works .inner .system-list .system-icon-list .works-cat-organic{background-color:#536353;}
#works .inner .system-list .system-icon-list .works-cat-natural{background-color:#5e9f99;}
#works .inner .system-list .system-icon-list .works-cat-nisetai{background-color:#c5b5a0;}
#works .inner .system-list .system-pic.fit{width:441px;height:320px;overflow:hidden;}
#works .inner .system-list .system-pic.fit img{width:100%;height:320px;-webkit-transition:0.5s;transition:0.5s;}
#works .inner .system-list .system-txt{color:#7a643a;font-size:16px;font-weight:500;line-height:1.6;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:16px;}
#works .inner .system-list .system-txt .system-add{margin-right:1em;}
#works .inner .system-list .system-ttl-01{color:#282828;font-size:16px;font-weight:500;line-height:30px;letter-spacing:0.8px;}
#works .c-btn a{width:800px;height:50px;}
.l-concept_bnr{margin-bottom:80px;background-position:-780px 0px;}
.l-contactus .content{height:390px;}
.p-top .catalog .form{margin-bottom:118px;}
.p-top .catalog .box{width:1000px;margin:50px auto;}
.p-top .sec.catalog{margin:50px 0 112px;}
.p-top .staff .content{padding:50px 0;}
.p-top .staff .content .box .item{-ms-flex-preferred-size:calc((100% - 40px * 3) / 4);flex-basis:calc((100% - 40px * 3) / 4);text-align:center;margin-bottom:30px;margin-right:40px;}
.p-top .staff .content .box .item:nth-child(4n){margin-right:0px;}
.p-top .post .content .box .item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #000;}
.p-top .followus{padding:30px 0 48px;}
.concierge{width:800px;/*margin:0 auto;*/}}
.tour-kaisaibi{position:absolute;bottom:-100px;left:300px;padding:2px;text-align:center;background:#b03434;margin:0 auto;width:500px;box-sizing:border-box;}
.tour-kaisaibi p{color:#fff;}
.tour-kaisaibi span{font-size:22px;font-weight:bold;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.kogumatour-bnr{position:relative;margin-bottom:150px;}
@media screen and (max-width:1840px){br.ip6{display:none;}/*#modelhouse .inner .list{width:1211px;margin:0 auto;}#modelhouse .inner .list > li{width:385px;}#modelhouse .inner .list > li .pic:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);}#modelhouse .inner .list > li .pic{text-align:center;width:385px;height:412px;overflow:hidden;}#modelhouse .inner .list .txt-box{width:320px;}#modelhouse .inner .list .pic img{width:auto;position:relative;left:-25%;-webkit-transition:0.5s;transition:0.5s;}#modelhouse .inner .list li{margin-right:28px;}#modelhouse .inner .list .txt-box .in-list{padding-left:16px;padding-right:16px;padding-bottom:24px;}#modelhouse .inner .list .txt-box .in-list > li{width:100%;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;}*/
#works .inner .system-list{width:91%;margin:0 auto;}
#works .inner .system-list > li{width:24%;margin-right:1.33%;}
#works .inner .system-list > li:nth-child(4n){margin-right:0px;}
#works .inner .system-list > li img{width:100%;height:auto;}
#works .inner .system-list .system-pic.fit{width:100%;height:320px;}
#works .inner .system-list .system-icon-list li{padding:10px 18px;font-size:14px;}

}







@media screen and (max-width:767px){.pc2{display:none !important;}

/*TOPスライダー*/
.main-box{width: 100%;margin: 0 auto;position: relative;}
.main-box .sp-visual li.slide img{ width: 100%; }
.main-box .sp-visual li:nth-child(1).slide h1{ margin:0; }

#bnr-box{ margin:12vw 5vw 18vw; position:relative; }
#bnr-box .ttl{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 7vw;line-height: 1.6;letter-spacing: 0.24vw;margin: 0; }
#bnr-box .txt{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 4.5vw; line-height:1.8; letter-spacing:0.24vw; margin:1.5vw 0 3vw; }
#bnr-box .list li:nth-child(1){ margin-bottom:8vw; }

.banner-box03{margin:18vw 0 0;}

/*============================
#modelhouse
============================*/
br.ip6{display:none;}
.sp-flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;}
#modelhouse img{width:100%;}
#modelhouse{background-color:#efece6;padding-bottom:10%;}
#modelhouse .inner{max-width:100%;width:100%;margin:0 auto;}
#modelhouse .inner .ttl-box{text-align:center;}
#modelhouse .inner .ttl-box .ttl-txt{color:#282828;font-size:14px;font-weight:500;line-height:1.6;margin-bottom:6.76%;}
#modelhouse .inner .list{width:88.4%;margin:0 auto;margin-bottom:5%;}
#modelhouse .inner .list li{margin-bottom:3.62%;margin-right:0;display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#modelhouse .inner .list li a{}
#modelhouse .inner .list > li{width:100%;}
#modelhouse .inner .list > li a{width:47.26%;}
#modelhouse .inner .list > li .sp-flex-box.no-link .pic{width:100%;}
#modelhouse .inner .list > li .pic{width:100%;height:auto;overflow:auto;}
#modelhouse .inner .list > li .pic img{width:100%;position:static;left:0%;}
#modelhouse .inner .list .txt-box{width:51.86%;background-color:#ffffff;}
#modelhouse .inner .list .txt-box .ttl-02{margin:0;padding-left:5%;padding-right:5%;padding:10% 5% 4%;color:#282828;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:1px;border-bottom:1px dotted #000;margin-bottom:5%;}
#modelhouse .inner .list .txt-box .in-list{padding:4% 5% 4%;line-height:1.5;color:#282828;font-weight:500;letter-spacing:0.7px;}
#modelhouse .inner .list .txt-box .in-list li{font-size:12px;}
#modelhouse .open-mae{color:#282828;font-size:13px;font-weight:500;line-height:1.6;text-transform:uppercase;letter-spacing:1.3px;padding:0 5%;}
.p-top .staff .content .box .item .frame{height:240px;padding:50px 10px 20px;background-size:100%;}
.p-top .sec.event{margin-top:8%;}
.p-top .event .content{margin-top:9%;margin-bottom:0;}
.c-event__item .box .item{padding:4% 2%;}
.c-btn{font-weight:700;}
.p-top .lifestyle .heading .deco{top:-66px;}
.p-top .lifestyle .heading .deco img{width:43%;}
.p-top .lifestyle .content{margin:7% 0;}
.p-top .lifestyle .content{padding:0 0px;}
.p-top .lifestyle .content{padding:0 0px;}
.p-top .lifestyle .content .box .item{margin-bottom:5%;}
/*============================
#works
============================*/
#works{margin-bottom:10%;}
#works .inner{max-width:100%;width:100%;margin:0 auto;}
#works .inner .ttl-txt{text-align:center;color:#282828;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0.7px;margin-bottom:8.69%;}
#works .inner .system-list{width:94.68%;margin:0 auto;margin-bottom:2%;display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#works .inner .system-list > li{width:47.44%;margin-right:4.83%;margin-bottom:6%;}
#works .inner .system-list > li:nth-child(2n){margin-right:0px;}
#works .inner .system-list .rel-box{position:relative;}
#works .inner .system-list .system-icon-list li{text-align:center;color:#ffffff;font-size:12px;font-weight:700;line-height:1.5;padding:3%;}
#works .inner .system-list .system-icon-list .works-cat-american{background-color:#c34646;}
#works .inner .system-list .system-icon-list .works-cat-sweden{background-color:#8fb6b4;}
#works .inner .system-list .system-icon-list .works-cat-provence{background-color:#c98383;}
#works .inner .system-list .system-icon-list .works-cat-modern{background-color:#3d5a70;}
#works .inner .system-list .system-icon-list .works-cat-lohas{background-color:#976a35;}
#works .inner .system-list .system-icon-list .works-cat-organic{background-color:#536353;}
#works .inner .system-list .system-icon-list .works-cat-natural{background-color:#5e9f99;}
#works .inner .system-list .system-icon-list .works-cat-nisetai{background-color:#c5b5a0;}
#works .inner .system-list .system-pic.fit{width:100%;height:140px;margin-bottom:0;}
#works .inner .system-list .system-pic.fit img{width:100%;height:140px;}
#works .inner .system-list .system-txt{margin-top:7%;color:#7a643a;font-size:13px;font-weight:500;line-height:1.6;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:2%;}
#works .inner .system-list .system-txt .system-add{margin-right:1em;}
#works .inner .system-list .system-ttl-01{color:#282828;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0.8px;}
#works a .c-btn{width:88.4%;height:45px;}
#works .inner .ttl{margin:0;}
#works .inner .ttl img{width:100%;}
.l-contactus .content .box__inner{width:auto;height:auto;padding:0;margin-top:-2px;}
.sp-bnr-tour{padding:0 0px;}
.sp-bnr-tour img{width:100%;margin:0 auto;}
.p-top .catalog .box{margin:8px 0;}
.p-top .catalog .form  img{width:100%;margin:0 auto;}
.p-top .sec.catalog{margin:8% 0;}
.p-top .catalog .form{margin-bottom:10%;margin-top:30%;}
.l-concept_bnr__box{padding:5% 0 30px;}
.p-top .interview .content .box .item:nth-child(n + 3){display:none;}
.p-top .interview .content .box .item .frame .deco p{padding:16px 0;}
.p-top .interview .content .box .item{width:calc((100% - 9px) / 2);}
.p-top .interview .heading .subttl{margin:0;}
.p-top .interview .heading .ttl{margin:0;font-size:20px;margin-top:2%;}
.p-top .sec.interview{margin:8% 0;}
.p-top .staff .logo p{padding:15px 0;}
.p-top .staff .content{padding:0px 0;}
.p-top .staff .content .box{margin:3% 0;}
.p-top .staff .content .box .item{flex-basis:calc((100% - 18px) / 2);}
.p-top .staff .content .box .item:nth-child(2n){margin-right:0px;}
.p-top .staff .content .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.p-top .post .content .box .item{margin-bottom:4%;padding-bottom:4%;border-bottom:1px dotted #000;}
.p-top .staff{margin-bottom:68px;}
.post .container{width:auto;padding:0 12px;}
.p-top .post .content{width:100%;margin-bottom:5%;}
.p-top .sec.post{margin:50px 0 0;}
.p-top .sec.sp-box-001{margin-top:0;margin-bottom:5%;}
.sp-bnr-box-001 ul{width:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.sp-bnr-box-001 .m20{margin:0;}
.sp-bnr-box-001 ul li{width:48%;margin-right:4%;}
.sp-bnr-box-001 ul li:nth-child(1){width:100%;}
.sp-bnr-box-001 ul li:nth-child(2){width:100%;}
.sp-bnr-box-001 ul li:nth-child(3){margin-right:0;}
.sp-bnr-box-001 ul li img{width:100%;}
.p-top .sec.end-text{margin:7% 0;}
.p-top .followus ul li:nth-child(6){margin:0px 0px 4% 0px;}
.p-top .followus ul li{margin:0px 0px 4% 0px;}
.tour-kaisaibi{position:unset;width:90%;}
.l-flex__wrap03{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%;margin:5% auto 0px;}
.l-flex__wrap03 img{width:100%;}
.l-flex__wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%;margin:5% auto 0px;}
.p-top .group ul li{margin:0px 0px 4% 0px;}
.p-top .group ul li:nth-child(5n){margin:0px 0px 4% 0px;}
.concierge{width:100%;margin:0 auto;}
.concierge img{width:100%;}
.colona_in .flex{display:block;}
.colona_in li{width:100%;}
#web-c{width:100%;margin:0;}}
@media screen and (max-width:380px){br.ip6{display:block;}
.p-top .staff .content .box .item .frame{height:215px;padding:50px 10px 20px;background-size:100%;}
.p-top .staff .content .box .item .frame .eyecatch{height:120px;}
.p-top .interview .content .box .item .frame .eyecatch{height:135px;}
.p-top .interview .content .box .item .frame{height:228px;}}
@media screen and (max-width:321px){.p-top .staff .content .box .item .frame{height:179px;padding:50px 10px 20px;background-size:100%;}
.p-top .staff .content .box .item .frame .eyecatch{height:96px;}
.p-top .lifestyle .heading .ttl{font-size:26px;}
.container-sp img{width:100%;}
.p-top .interview .content .box .item{width:calc((100% - 3px) / 2);}
.p-top .interview .content .box .item .frame .eyecatch{height:116px;}
.p-top .interview .content .box .item .frame{height:210px;padding:56px 10px 20px;}
#slidearea{padding-top:67px;}}