@charset "utf-8"; /* ===== index ===== */
/*
body#top{
padding-top: 0; }
body#top header{
background-color: transparent;; }
body#top header.bg_wh{
background-color: #FFFFFF; transition: all 500ms 0s ease; 
}
*/
*{font-weight: bold;}
/**パンくず**/
#bread{padding: 1.5em 0;}

html {
    scroll-padding-top: 62px; /* ナビゲーションバーの高さに合わせて調整 */
}


/**slickカスタマイズ**/
[class*="_sl"]{position: relative;}
[class*="_sl"] .slick-list li.slick-slide { width: 100%; max-width: 1100px;}
[class*="_sl"] .slick-list li.slick-slide img{width: 100%; height: auto;}
[class*="_sl"] .slick-slide img{opacity: 0.25; transition: 300ms 0s ease;}
[class*="_sl"] .slick-slide.slick-active img{opacity: 1; transition: 300ms 0s ease;}
[class*="_sl"] [class*="arrow-"]{position: absolute; top: 0; bottom: 0; margin: auto; background-image: url(../../../com/img/comm_arrWH01.svg); width: 3em; height: 3rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; cursor: pointer; z-index: 101; }
[class*="_sl"] .arrow-prev{transform: rotate(90deg); left:2vw;}
[class*="_sl"] .arrow-next{transform: rotate(-90deg); right:2vw;}
[class*="_sl"] .uniq-dots{position: absolute; bottom:0; display: flex; width: 100%; justify-content: center; padding-bottom: 1.5em;}
[class*="_sl"] .uniq-dots li{ height: 1em; width: 1em; margin: 0 0.5em; padding: 0; cursor: pointer;}
[class*="_sl"] .uniq-dots li button{ display: block; border: 0; background: #fff; height: 100%; width: 100%; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; border-radius: 50%;}
[class*="_sl"] .uniq-dots li.slick-active button{background: #988070;}

[class*="_SlDes"]{padding-bottom: 2em;}
[class*="_SlDes"] .slick-list li.slick-slide img{ max-width: 100%;}
[class*="_SlDes"] [class*="arrow-"]{display: inline-block; width: 3em; height: 3em; position: absolute; top: 0; bottom: 0; margin: auto;/* background-image: url(../img/arr_black.svg); width: 3em; height: 3em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;*/ cursor: pointer; z-index: 101; }
[class*="_SlDes"] [class*="arrow-"]:before{ display: inline-block; width: 75%; height: 75%; content: ""; border-left: 1px solid #000; border-bottom: 1px solid #000; transform:scale(1, 0.75) rotate(45deg) ; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto;}
[class*="_SlDes"] .arrow-prev{ left:-3vw;}
[class*="_SlDes"] .arrow-next{ right:-3vw; }
[class*="_SlDes"] .arrow-next:before{ transform:scale(1, 0.75) rotate(-135deg);}
[class*="_SlDes"] .uniq-dots{position: absolute; bottom:0; display: flex; width: 100%; justify-content: center; }
[class*="_SlDes"] .uniq-dots li{ height: 1em; width: 1em; margin: 0 0.5em; padding: 0!important; cursor: pointer;}
[class*="_SlDes"] .uniq-dots li button{ display: block; border: 0; background: #AFAFAF; height: 100%; width: 100%; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; border-radius: 50%;}
[class*="_SlDes"] .uniq-dots li.slick-active button{ background: #4A4A4A;}

/**見出し**/
.two_plans{ margin: auto; margin-top: 2em; position: relative; margin-bottom: 5em; border-bottom: solid 1px #000;}
.two_plans p{border: solid 1px #000; display: inline-block; padding: 0.75em 3em 0.5em 3em; font-size: 1.25rem; border-bottom-color: #fff; margin-bottom: -1px; background-color: #fff;}
.two_plans:after{ display: none;content: ""; width: 1px; height:2em; position: absolute; bottom: 0; right:0; left:0; margin: auto; background-color: #000;}

/**横割りレイアウト**/
.spl_box{display: flex; align-content: stretch; padding: 1.5em; margin-top: 2em; border: solid 1px #000;}
.spl_box .spl_txt{ width:55%; padding-right: 1.5em; line-height: 1.6;}
.spl_box .spl_txt strong{ font-size: 1.3rem; padding-bottom: 0.5em; display: inline-block;}
.spl_box .spl_txt p+strong{ padding-top: 2em;}
.spl_box .spl_txt a{ display: inline-block; text-decoration: underline; color: #3a3a3a;}
.spl_box .spl_txt small{ padding-top: 2em; display: block;}
.spl_box .spl_photo{width: 45%; display: flex; justify-content: space-between; background-image: url(../img/arr_black.svg); background-repeat: no-repeat;background-position: center center; background-size: 15px auto;}
.spl_box .spl_photo img{ width:100%; }
.spl_box .spl_photo .beaf_box{width: 47%;}
.spl_box .spl_photo>* .beaf_name{display: inline-block; background-color: #000; color: #fff; padding: 0.25em 1em; margin-bottom: 0.5em;}


/**ファーストビュー**/
#sect_fview{ padding: 0; margin: 0; width: 100%; }
#sect_fview [class*="wth_"] img{width: 100%;}
#sect_fview [class*="_SlDes"] .slick-list{}
#sect_fview [class*="_SlDes"] .slick-list li{aspect-ratio: 3 / 2; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}

/**成約特典**/
#sect_benefit{background-image: url(../img/cbenefits_bg.webp);background-repeat: no-repeat;background-size: cover;background-position: center top; color: #fff; margin-top: 3em;}
#sect_benefit .benefit_list li{background-color: #fff;}
#sect_benefit .benefit_list li .benefit_ttl{background-color: #bb1b21; display: flex; line-height: 1.4; padding: 1em; align-items: center;}
#sect_benefit .benefit_list li .benefit_ttl .benefit_num {color:#fff452; white-space: nowrap; font-size: 200%; width: 2em;}
#sect_benefit .benefit_list li .benefit_ttl .benefit_name{width:100%; padding-left: 0.5em;}
#sect_benefit .benefit_list li .benefit_det{ color: #001960; line-height: 1.6; padding: 1em;}
#sect_benefit .benefit_list li .benefit_det .benefit_txt{display:block; padding: 1.4em 1em;}



/**コンセプト**/
#sect_concept{background-image: url(../img/concept_bg.webp);background-repeat: no-repeat;background-size: cover;background-position: center bottom; color: #fff;}
#sect_concept .txt_strong{position: relative;}
#sect_concept .txt_strong strong{font-size: 230%; padding: 0.3em 0 0.3em 0em; width: fit-content; display: block; color: #fff; line-height: 1; margin: 0.5em auto 0 auto; }
#sect_concept .txt_strong:after{/*content: "";*/width:1px; height: 2.5em; display: block; background-color: #fff; margin: auto;}
#sect_concept .wh_box{display:block; /*border: 1px solid #fff;*/ padding: 3em; background-color: #00000094; margin-top: -1.75em;}

/**サービス**/
#sect_service{}
#sect_service .service_sttl{font-size: 150%; text-align: center; padding-bottom: 2em; line-height: 1.4;}
#sect_service .service_sttl img{width:12em; display: block; margin: auto;}
#sect_service .service_list + .service_sttl{padding-top: 1em;}
#sect_service .service_list { padding: 2em 0 3em 0;}
#sect_service .service_list li{display: flex; background-color: #EDEDED; align-items: center;}
#sect_service .service_list li .service_linum{background-color: #001960; color: #FFDC0A; line-height: 1; padding: 1em; white-space: nowrap; height: 100%;}
#sect_service .service_list li .service_linum strong{display: block; text-align: center; font-size: 275%;}
#sect_service .service_list li .service_litxt{line-height: 1.4; width: 100%; padding: 1em;}
#sect_service .flow_name{}
#sect_service .flow_box{display: flex;}
#sect_service .flow_box .stage_box{background-color: #8c8c8c; color:#fff; padding: 1em 1.5em; width: 25%; line-height: 1.6; text-align: center;}
#sect_service .flow_box .stage_box strong{ display: block; color: #8c8c8c; background-color: #fff;  border-radius: 1.1em; font-size: 120%; margin-bottom: 0.5em;}
#sect_service .flow_box .step_box{padding: 0 0 0 1.5em; width: 75%;}
#sect_service .flow_box .step_box .step_num{ padding: 0.5em 1em; /*border:solid 1px #000;*/ color: #fff; display: block; margin-bottom: 1em; background-color: #8893b1;}
#sect_service .flow_box .step_box .step_txt{line-height: 1.5; padding: 0 1em 2em 1em; position: relative; }
#sect_service .flow_box .step_box .step_txt:after{content: ""; bottom: 0; margin: auto; left: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 1em 1em 0 1em; border-color: #afafaf transparent transparent transparent; display: inline-block; position: absolute;}
#sect_service .flow_box .step_box .step_txt + .step_num{margin-top: 1.5em;}
#sect_service .flow_box+.flow_box{margin-top: 1.5em;}
#sect_service .flow_box .step_box .step_finish{ border:solid 1px #001960; padding: 0.5em 1em; text-align: center; margin-top: 1em; font-size: 120%; color: #001960;}

/**特徴**/
#sect_feature ul#showroom_feature{ overflow-y: hidden; padding-bottom: 30px; }
#sect_feature ul#showroom_feature>li{padding-bottom: 4em; }
#sect_feature ul#showroom_feature>li:nth-child(2n){ }
#sect_feature ul#showroom_feature>li h4{overflow: hidden;}
#sect_feature ul#showroom_feature>li h4 span{ text-align: center;color: #FFFFFF; display: inline-block;	font-size:1.2em; line-height: 1em; background-color: #001960; padding: 0.75em 3em 0.75em 1em; position: relative;}
#sect_feature ul#showroom_feature>li h4 span:after{	content: ""; display: inline-block;	background-color: #fff;	width: 40px; height: 130px;	position: absolute;	top: -34px;	right: -28px; transform: rotate(-35deg);}
#sect_feature ul#showroom_feature>li img{ width: 100%; aspect-ratio: 3 / 2; }
#sect_feature ul#showroom_feature>li h5{ text-align: left; font-size: 150%; line-height: 1.4; padding-top: 1.5em; padding-bottom: 1em; color: #001960;}
#sect_feature ul#showroom_feature>li p{ text-align: left; letter-spacing: 0.05em;}
#sect_feature ul#showroom_feature>li [class*="_SlDes"]{margin-bottom: 4px; width: 100%!important; aspect-ratio: 3 / 2!important; overflow: hidden!important; padding-bottom: 0; display: block;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"]{position:relative;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track {display: flex!important; }
#sect_feature ul#showroom_feature>li .thumb-item-nav .slick-track{transform:unset!important; }
#sect_feature ul#showroom_feature>li .thumb-item-nav .slick-track:only-child{width: 100%!important;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track li.slick-slide{cursor: pointer; padding-left: 4px;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track li:first-child{padding-left: 0!important;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track .slick-slide img{opacity: 0.3;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track .slick-slide.slick-current img{opacity: 1;}

#sect_feature ul#showroom_feature>li [class*="thumb-item-"] [class*="arrow-"]{display: inline-block; width:1.5em; height: 1.5em; content: ""; z-index: 99; border-left: 1px solid #000; border-bottom: 1px solid #000; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer;}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .arrow-prev{left: 0.5em; right: auto; transform: scale(1, 0.75) rotate(45deg);}
#sect_feature ul#showroom_feature>li [class*="thumb-item-"] .arrow-next{right: 0.5em; left: auto; transform: scale(1, 0.75) rotate(-135deg);}
#sect_feature ul#showroom_feature>li .thumb-item-nav2{padding: 0 2em;}

/**ルームイメージ**/
#sect_roomimage {overflow:hidden; position: relative;}
#sect_roomimage .plan_ttl{display: flex; align-items: center; padding-bottom: 2.5em; flex-direction: column;}
#sect_roomimage .plan_ttl .plan_name{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 2.75rem; line-height: 1.2; padding-bottom: 0.4em;}
#sect_roomimage .plan_ttl .plan_name small{display: inline-block; padding: 0.3em 0.5em; color: #fff; background-color: #000000; line-height: 1; font-size: 65%; margin-right: 0.5em; vertical-align: middle; font-weight: 600;}
#sect_roomimage .plan_ttl .plan_theme{font-size: 1.25rem;}
#sect_roomimage .exp_txt+[class*="_SlDes"]{margin-top: 3em;}
#sect_roomimage [class*="_SlDes"]+.plan_ttl{padding-top: 8em;}



/**キャンペーン**/
#sect_campaign{}

/**旧モデルルーム**/
#sect_model{}
#sect_model .two_plans + .exp_txt{margin-top: -2em;}
#sect_model .spl_box{ padding: 0; border-style:none; margin-top: 4em;}

#sect_model .midokoro_list li{overflow: hidden; padding-bottom: 4em;}
#sect_model .midokoro_list li img{width: 100%; margin-bottom: 1em;}
#sect_model .midokoro_list .midokoro_mid{position: relative; display: inline-block; margin-left: -1.2em;}
#sect_model .midokoro_list .midokoro_mid>*{position: relative; display: block; /**任意→**/color: #fff; padding: 0.4em 1.5em 0.25em 2.2em; font-size: 1.1em;}
#sect_model .midokoro_list .midokoro_mid:before{ position: absolute; content:""; top: 0; left: 0; right:0; margin:auto; width: calc(100% - 1em); height: 100%; transform: skewX(25deg);}
/**以下色の応じて任意**/
#sect_model .midokoro_list .midokoro_mid:before{ background: rgb(0 0 0 / 100%); display: block;}

.case-dots{	width: 100%; display: flex; border: 1px solid #000; margin-bottom: 3em;}
.case-dots li{ display: block; width: 100%; height: 100%;}
.case-dots li button{margin: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; display: block; padding: 0.75em 0; font-size: 20px; letter-spacing: 0.1em;}
.case-dots li button{background-color: #FFFFFF; color: #000; cursor: pointer; position: relative;}
.case-dots li.slick-active button{ background-color: #000; color: #fff;}
.case-dots li.slick-active button:after { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-color: rgba(255, 109, 91, 0); border-top-width: 13px; border-bottom-width: 13px; border-left-width: 9px; border-right-width: 9px; margin-left: -9px; border-top-color: #000; top: 100%; left: 50%;}

[class*="slnum_0"]{display:none;}
[class*="slnum_0"].disp_active{display:block;}

ul[class*="photo_gall"]+.btn_box{padding-bottom: 3em; padding-top: 1em;}
ul[class*="photo_gall"]+.btn_box+.btn_box{padding-bottom: 3em; padding-top: 2em;}
ul[class*="photo_gall"]+.btn_box #more_btn{border:solid 1px #000;}
ul[class*="photo_gall"]{ display: flex; flex-wrap: wrap; padding-top: 3em;}
ul[class*="photo_gall"] li{ width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: 1.75em; transition: all .4s ease 0s;}
ul[class*="photo_gall"] li img{}
ul[class*="photo_gall"] li>*{width:100%; position: absolute; background-repeat: no-repeat;background-size: cover; background-position: center center; left:0; }
ul[class*="photo_gall"] li>*:first-child{top:0;}
ul[class*="photo_gall"] li>*:last-child{bottom: 0;}
ul[class*="photo_gall"] li:before{content:""; display: block; padding-top: 62.5%;}
ul[class*="photo_gall"] li.prod_hidden{ visibility: hidden; opacity: 0; height: 0; margin: 0; padding:0;}
ul[class*="photo_gall"] li.prod_visib{ visibility: visible!important; opacity: 1!important; }

ul.photo_gall-vandh li:nth-child(4n+1){ width:65%; margin-right: 2.5%;}
ul.photo_gall-vandh li:nth-child(4n+1):before{content:""; display: block; padding-top: 66.66%;}
ul.photo_gall-vandh li:nth-child(4n+2){ width:32.5%; }
ul.photo_gall-vandh li:nth-child(4n+2):before{content:""; display: block; padding-top: 133.33%;}
ul.photo_gall-vandh li:nth-child(4n+3){ width:32.5%; margin-right: 2.5%;}
ul.photo_gall-vandh li:nth-child(4n+3):before{content:""; display: block; padding-top: 133.33%;}
ul.photo_gall-vandh li:nth-child(4n){ width:65%;}
ul.photo_gall-vandh li:nth-child(4n):before{content:""; display: block; padding-top: 66.66%;}
ul.photo_gall-vandh li.photox3{ width: 100%!important; margin-right: 0!important; display: flex; align-items: flex-start;}
ul.photo_gall-vandh li.photox3>*{ width: 31.8%; margin-right: 2.3%; position: relative!important; background-repeat: no-repeat; background-size: cover; background-position: center center; }
ul.photo_gall-vandh li.photox3>*:last-child{margin-right: 0!important;}
ul.photo_gall-vandh li.photox3>*:before{padding-top: 133.33%;}
ul.photo_gall-vandh li.photox3:before{display: none;}



/**特徴**/
#sect_feature{}
#sect_feature ul.feat_ul {display:flex; align-content: stretch;}
#sect_feature ul.feat_ul li {margin-bottom: 4em;}
#sect_feature ul.feat_ul li .feat_name{font-size: 1.3rem; line-height: 1.2; text-align: center; padding: 1em 1em 0.5em 1em; border: 1px solid #595959; margin-bottom: 0.75em; border-bottom-style: none; border-right-style: none;}
#sect_feature ul.feat_ul li .feat_photo{padding-bottom:2em;}
#sect_feature ul.feat_ul li .feat_copy{color: #988070; font-size:1.3rem; padding-bottom: 1em; line-height: 1.6;}

/**特徴**/
#sect_indmroom{}
#sect_indmroom ul.case_ul {display:flex; align-content: stretch;}
#sect_indmroom ul.case_ul li {margin-bottom: 3em;}
#sect_indmroom ul.case_ul li:only-child{margin-bottom: 0;}
#sect_indmroom ul.case_ul li a{display: block; position: relative;}
#sect_indmroom ul.case_ul li a img{z-index: 10;}
#sect_indmroom ul.case_ul li a .case_lktxt{position: absolute; left: 1em; bottom: 1em; z-index: 11; color: #fff; line-height: 1.2; font-size: 150%;}
#sect_indmroom ul.case_ul li a .case_lktxt strong{display: block; font-size:175%;}

/**特徴**/
#sect_indcase{}
#sect_indcase ul.case_ul {display:flex; align-content: stretch;}
#sect_indcase ul.case_ul li {margin-bottom: 3em;}
#sect_indcase ul.case_ul li:only-child{margin-bottom: 0;}
#sect_indcase ul.case_ul li a{display: block; position: relative;}
#sect_indcase ul.case_ul li a img{z-index: 10;}
#sect_indcase ul.case_ul li a .case_lktxt{position: absolute; left: 1em; bottom: 1em; z-index: 11; color: #fff; line-height: 1.2; font-size: 150%;}
#sect_indcase ul.case_ul li a .case_lktxt strong{display: block; font-size:175%;}



/**物件概要**/
#sect_outline{background-color: #000;color: #fff; }
#sect_outline .outline_txt strong{display:block; padding-bottom: 0.5em; font-size: 1.3rem; line-height: 1.8;}
#sect_outline .outline_txt p+strong{ margin-top: 2em;}


/**企業について**/
#sect_company{ background-color: #efefef; background-image: url(../img/about_03.webp); background-size: cover; background-position: center top;}
#sect_company .company_ul{background-color:#fff; padding: 2em;}
#sect_company .company_ul li{display: flex; flex-direction:column; padding: 0 2em;}
#sect_company .company_ul li:last-child{ border-left: solid 1px #000;}
#sect_company .company_ul .company_txt{display: flex; flex-grow:1; padding: 0 1em 2em 1em;}
#sect_company .company_ul .company_logo{text-align: center; padding-bottom: 1em;height: 140px;display: flex;align-items: center; justify-content: center;}
#sect_company .company_ul .company_logo img{display: inline-block; width:auto; height: 100%;}
#sect_company .company_ul li:first-child .company_logo img{ height: 30%;}
#sect_company [class*="mid_Ltitle"]{color: #fff;}

/* ##### responsive ##### */
@media screen and (max-width: 768px) {
    
    body#top{}
    /**パンくず**/
    #bread{padding: 0;}
    
    /**slickカスタマイズ**/
    [class*="_sl"]{position: relative;}
    [class*="_sl"] .slick-list li.slick-slide { max-width: 100vw;}
    [class*="_sl"] .slick-list li.slick-slide img{}
    [class*="_sl"] .slick-slide img{}
    [class*="_sl"] .slick-slide.slick-active img{}
    [class*="_sl"] [class*="arrow-"]{width: 2em; height: 2rem;}
    [class*="_sl"] .arrow-prev{}
    [class*="_sl"] .arrow-next{}
    [class*="_sl"] .uniq-dots{}
    [class*="_sl"] .uniq-dots li{ }
    [class*="_sl"] .uniq-dots li button{ }
    [class*="_sl"] .uniq-dots li.slick-active button{}


    [class*="_SlDes"] { }
    [class*="_SlDes"] .slick-list li.slick-slide img{ }
    [class*="_SlDes"] [class*="arrow-"]{ width: 2.4em; height: 2.4em; top: -1em; }
    [class*="_SlDes"] .arrow-prev{ left: 2vw;}
    [class*="_SlDes"] [class*="arrow-"]:before{ border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
    [class*="_SlDes"] .arrow-next{ right: 2vw;}
    [class*="_SlDes"] .uniq-dots{}
    [class*="_SlDes"] .uniq-dots li{ }
    [class*="_SlDes"] .uniq-dots li button{}
    [class*="_SlDes"] .uniq-dots li.slick-active button{ }

    /**見出し**/
    .two_plans{ margin-top: 1.5em; margin-bottom: 3em; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
    .two_plans p{ padding: 1em 1.25em 0.5em 1.25em; font-size: 1.1rem; line-height: 1.4; }
    .two_plans:after{}
    
    /**横割りレイアウト**/
    .spl_box{flex-wrap: wrap; margin-bottom: 1.5em; padding: 1.25em;}
    .spl_box .spl_txt{width:100%; padding-right: 0; padding-bottom: 2em;}
    .spl_box .spl_txt strong{ font-size: 1.2rem;}
    .spl_box .spl_txt small{ font-size: 90%;}
    .spl_box .spl_photo{width:100%;}
    .spl_box .spl_photo img{}

    /**ファーストビュー**/
    #sect_fview{ padding: 1em 0;  }
    #sect_fview [class*="wth_"] img{}
    #sect_fview [class*="_SlDes"] .slick-list li{height: calc(100vh - 260px);}
    #sect_fview [class*="_SlDes"] .slick-list li[style*="kvis_03.webp"]{background-position: right center;}
	#sect_fview a.scroll_btn{ text-align: center; border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; width: 160px; color: #d46a99; padding: 0.5em 0; padding-left: 1em; position: absolute; bottom: 0; left:0; right:0; display: inline-block; background-color: #fff; margin: auto; font-family: 'Roboto', sans-serif;}
	#sect_fview a.scroll_btn:after{ content: ""; display: inline-block; width: 0.8em; height: 0.8em; background-image: url(../img/arr_pink.svg); background-repeat: no-repeat; background-size: contain; vertical-align: middle; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); background-position: center top; margin-left: 0.5em;}


    /**成約特典**/
    #sect_benefit{margin-top: 0;}
    #sect_benefit .benefit_list li{ margin-bottom: 2em;}
    #sect_benefit .benefit_list li:last-child{margin-bottom: 0;}
    #sect_benefit .benefit_list li .benefit_ttl{font-size: 4.5vw;}
    #sect_benefit .benefit_list li .benefit_ttl .benefit_num {}
    #sect_benefit .benefit_list li .benefit_ttl .benefit_name{}
    #sect_benefit .benefit_list li .benefit_det{}
    #sect_benefit .benefit_list li .benefit_det .benefit_txt{ font-size: 4vw; padding: 1.4em 0.5em;}

    /**コンセプト**/
    #sect_concept{background-position: center top;}
    #sect_concept .txt_strong{}
    #sect_concept .txt_strong strong{font-size: 7.5vw; }
    #sect_concept .txt_strong:after{}
    #sect_concept .wh_box{display:block; /*border: 1px solid #fff;*/ padding: 3em 2em ; }

    /**サービス**/
    #sect_service{}
    #sect_service .service_sttl{}
    #sect_service .service_sttl img{width:70vw; margin-bottom: 0.5em;}
    #sect_service .service_list + .service_sttl{}
    #sect_service .service_list { }
    #sect_service .service_list li{margin-bottom: 1em;}
    #sect_service .service_list li .service_linum{}
    #sect_service .service_list li .service_linum strong{}
    #sect_service .service_list li .service_litxt{font-size: 3.75vw;}
    #sect_service .flow_box{flex-direction: column;}
    #sect_service .flow_box .stage_box{ padding: 1em; width: 100%; font-size: 4.5vw;}
    #sect_service .flow_box .stage_box strong{font-size: 100%;}
    #sect_service .flow_box .step_box{padding: 0; width: 100%;}
    #sect_service .flow_box .step_box .step_num{ padding: 0.25em 1em; text-align: center; font-size: 4vw;}
    #sect_service .flow_box .step_box .step_txt{ padding: 0 0 2em 0; font-size: 4vw;}
    #sect_service .flow_box .step_box .step_txt:after{}
    #sect_service .flow_box .step_box .step_txt + .step_num{}
    #sect_service .flow_box+.flow_box{}
    #sect_service .flow_box .step_box .step_finish{ }

    /**特徴**/
    #sect_feature ul#showroom_feature{ }
    #sect_feature ul#showroom_feature>li{padding-bottom: 4em; }
    #sect_feature ul#showroom_feature>li:last-child{padding-bottom: 0;}
    #sect_feature ul#showroom_feature>li:nth-child(2n){ }
    #sect_feature ul#showroom_feature>li h4{overflow: hidden;}
    #sect_feature ul#showroom_feature>li h4 span{ display: block; padding:1em;font-size: 5vw; }
    #sect_feature ul#showroom_feature>li h4 span:after{display: none; }
    #sect_feature ul#showroom_feature>li img{  }
    #sect_feature ul#showroom_feature>li h5{ font-size:5vw; text-align: center;}
    #sect_feature ul#showroom_feature>li p{ font-size: 4vw;}
    #sect_feature ul#showroom_feature>li [class*="_SlDes"]{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"]{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track { }
    #sect_feature ul#showroom_feature>li .thumb-item-nav .slick-track{ }
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track li.slick-slide{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track li:first-child{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track .slick-slide img{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .slick-track .slick-slide.slick-current img{}

    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] [class*="arrow-"]{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .arrow-prev{}
    #sect_feature ul#showroom_feature>li [class*="thumb-item-"] .arrow-next{}
    #sect_feature ul#showroom_feature>li .thumb-item-nav2{}



    /**ルームイメージ**/
    #sect_roomimage {}
    #sect_roomimage .plan_ttl{padding-bottom: 2em;}
    #sect_roomimage .plan_ttl .plan_name{font-size: 1.75rem; padding-bottom: 0.4em; letter-spacing: 0;}
    #sect_roomimage .plan_ttl .plan_name small{ font-size: 50%; margin-right: 0.25em;}
    #sect_roomimage .plan_ttl .plan_theme{font-size: 1rem; line-height: 1.4;}
    #sect_roomimage .exp_txt+[class*="_SlDes"]{margin-top: 3em;}
    #sect_roomimage [class*="_SlDes"]+.plan_ttl{padding-top: 8em;}

    ul[class*="photo_gall"]{ }
    ul[class*="photo_gall"] li{width: 100%!important; margin-right: 0!important;}
    ul[class*="photo_gall"] li img{}
    ul[class*="photo_gall"] li:nth-child(4n+1){ }
    ul[class*="photo_gall"] li:nth-child(4n+1):before{ }
    ul[class*="photo_gall"] li:nth-child(4n+2){ }
    ul[class*="photo_gall"] li:nth-child(4n+2):before{}
    ul[class*="photo_gall"] li:nth-child(4n+3){ }
    ul[class*="photo_gall"] li:nth-child(4n+3):before{}
    ul[class*="photo_gall"] li:nth-child(4n){ }
    ul[class*="photo_gall"] li:nth-child(4n):before{}

    ul[class*="photo_gall"] li>*{margin-bottom: 1.75em; position: static;}
    ul[class*="photo_gall"] li>*:last-child{margin-bottom: 0;}
    ul[class*="photo_gall"] li>*:before{padding-top: 66.66%;}
    ul[class*="photo_gall"] li.photox2:before{padding-top: 0;}
    ul[class*="photo_gall"] li.prod_hidden{ }
    ul[class*="photo_gall"] li.prod_visib{  } 
    ul[class*="photo_gall"]+.btn_box{ padding-top: 0;}
    ul[class*="photo_gall"]+.btn_box+.btn_box{padding-top: 0;}



    /**キャンペーン**/
    #sect_campaign{}

    /**モデルルーム**/
    #sect_model{}
    #sect_model .two_plans + .exp_txt{margin-top: -1em;}
    #sect_model .spl_box{ margin-top: 3em;}

    /**特徴**/
    #sect_feature{}
    #sect_feature ul.feat_ul {}
    #sect_feature ul.feat_ul li {}
    #sect_feature ul.feat_ul li .feat_name{}
    #sect_feature ul.feat_ul li .feat_photo{}
    #sect_feature ul.feat_ul li .feat_copy{}

    /**特徴**/
    #sect_indcase{}
    #sect_indcase ul.case_ul {}
    #sect_indcase ul.case_ul li {}
    #sect_indcase ul.case_ul li:only-child{}
    #sect_indcase ul.case_ul li a{}
    #sect_indcase ul.case_ul li a img{}
    #sect_indcase ul.case_ul li a .case_lktxt{font-size: 120%;}
    #sect_indcase ul.case_ul li a .case_lktxt strong{}

    /**物件概要**/
    #sect_outline{ }
    #sect_outline .outline_txt{ padding-bottom: 2em;}
    #sect_outline .outline_txt strong{}
    #sect_outline .outline_txt p+strong{}
    #sect_outline .spl_box{flex-wrap: wrap; margin-bottom: 1.5em;}
    #sect_outline .spl_box .spl_txt{width:100%; padding-right: 0; padding-bottom: 2em;}
    #sect_outline .spl_box .spl_txt strong{}
    #sect_outline .spl_box .spl_txt small{ font-size: 90%;}
    #sect_outline .spl_box .spl_photo{width:100%;}
    #sect_outline .spl_box .spl_photo img{}
    #sect_outline [class*="comm_btn"]{margin-bottom:1.5em;}

    /**企業について**/
    #sect_company{ }
    #sect_company .company_ul{padding: 1em;}
    #sect_company .company_ul li{flex-direction:column; padding: 0; width: 50%; margin: 0;}
    #sect_company .company_ul li:last-child{ border-left-style: none; border-top: solid 1px #000; padding-top: 2em; margin-top: 2em;}
	#sect_company .company_ul li:first-child .company_logo img{ height: 25%;}
    #sect_company .company_ul .company_txt{display: flex; flex-grow:1; padding: 0 0.5em 2em 0.5em;}
    #sect_company .company_ul .company_logo{text-align: center; padding-bottom: 0.5em;}
    #sect_company .company_ul .company_logo img{display: block; width:80%; max-height: initial; height: auto; margin: auto;}


}