@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; 
}
*/
/**パンくず**/
#bread{background-color:#484645; padding: 0.5em;}
/**ファーストビュー**/
#sect_fview{ padding: 0; margin: 0; width: 100%; background-color: #2b2b2b;}
/**slickカスタマイズ**/
#sect_fview ul[class*="_sl"]{position: relative;}
#sect_fview ul[class*="_sl"] .slick-list li.slick-slide { width: 100%; max-width: 1100px;}
#sect_fview ul[class*="_sl"] .slick-list li.slick-slide img{width: 100%; height: auto;}
#sect_fview ul[class*="_sl"] .slick-slide img{opacity: 0.25; transition: 300ms 0s ease;}
#sect_fview ul[class*="_sl"] .slick-slide.slick-active img{opacity: 1; transition: 300ms 0s ease;}
#sect_fview ul[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; }
#sect_fview ul[class*="_sl"] .arrow-prev{transform: rotate(90deg); left:2vw;}
#sect_fview ul[class*="_sl"] .arrow-next{transform: rotate(-90deg); right:2vw;}

#sect_fview ul[class*="_sl"] .uniq-dots{position: absolute; bottom:0; display: flex; width: 100%; justify-content: center; padding-bottom: 1.5em;}
#sect_fview ul[class*="_sl"] .uniq-dots li{ height: 1em; width: 1em; margin: 0 0.5em; padding: 0; cursor: pointer;}
#sect_fview ul[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%;}
#sect_fview ul[class*="_sl"] .uniq-dots li.slick-active button{background: #988070;}

/**コンセプト**/
section[id*="sect_"][id*="concept"]{}
#sect_concept01{}
#sect_concept02{background-color: #000; color: #fff}

/**ルームイメージ**/
#sect_roomimage {overflow:hidden; position: relative;}
#sect_roomimage:before {/* content: '';*/ position: absolute; top: 0; left: 0; border-top: 25vw solid #E5E5E5; border-right: 160vw solid transparent; }
#sect_roomimage ul.photo_gall{ display: flex; flex-wrap: wrap;}
#sect_roomimage ul.photo_gall li{position: relative; background-repeat: no-repeat;background-size: cover;background-position: center center; margin-bottom: 1.75em; transition: all .4s ease 0s;}
#sect_roomimage ul.photo_gall li img{}
#sect_roomimage ul.photo_gall li:nth-child(4n+1){ width:65%; margin-right: 2.5%;}
#sect_roomimage ul.photo_gall li:nth-child(4n+1):before{content:""; display: block; padding-top: 66.66%;}
#sect_roomimage ul.photo_gall li:nth-child(4n+2){ width:32.5%; }
#sect_roomimage ul.photo_gall li:nth-child(4n+2):before{content:""; display: block; padding-top: 133.33%;}
#sect_roomimage ul.photo_gall li:nth-child(4n+3){ width:32.5%; margin-right: 2.5%;}
#sect_roomimage ul.photo_gall li:nth-child(4n+3):before{content:""; display: block; padding-top: 133.33%;}
#sect_roomimage ul.photo_gall li:nth-child(4n){ width:65%;}
#sect_roomimage ul.photo_gall li:nth-child(4n):before{content:""; display: block; padding-top: 66.66%;}

#sect_roomimage ul.photo_gall li>*{width:100%;position: absolute; background-repeat: no-repeat;background-size: cover; background-position: center center; left:0; }
#sect_roomimage ul.photo_gall li>*:first-child{top:0;}
#sect_roomimage ul.photo_gall li>*:last-child{bottom: 0;}
#sect_roomimage ul.photo_gall li>*:before{content:""; display: block; padding-top: 62.5%;}

#sect_roomimage ul.photo_gall li.prod_hidden{ visibility: hidden; opacity: 0; height: 0; margin: 0; padding:0;}
#sect_roomimage ul.photo_gall li.prod_visib{ visibility: visible!important; opacity: 1!important; }

#sect_roomimage ul.photo_gall li.photox3{width: 100%!important; margin-right: 0!important; display: flex; align-items: flex-start;}
#sect_roomimage ul.photo_gall li.photox3>*{width: 31.8%; margin-right: 2.3%;position: relative!important; background-repeat: no-repeat;background-size: cover; background-position: center center; }
#sect_roomimage ul.photo_gall li.photox3>*:last-child{margin-right: 0!important;}
#sect_roomimage ul.photo_gall li.photox3>*:before{padding-top: 133.33%;}
#sect_roomimage ul.photo_gall 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_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_outline .spl_box{display: flex; align-content: stretch;padding: 1.5em;border: 1px solid #fff; margin-top: 4em;}
#sect_outline .spl_box .spl_txt{width:55%; padding-right: 1.5em;}
#sect_outline .spl_box .spl_txt strong{font-size: 1.3rem; padding-bottom: 1em;display: inline-block;}
#sect_outline .spl_box .spl_txt small{ padding-top: 2em; display: block;}
#sect_outline .spl_box .spl_photo{width:45%;}
#sect_outline .spl_box .spl_photo img{width:100%;}

/**企業について**/
#sect_company{background-color: #DCDCDC;}
#sect_company .company_ul{background-color:#fff; padding: 2em;}
#sect_company .company_ul li{display: flex; flex-direction:column; padding: 0 1em;}
#sect_company .company_ul .company_txt{display: flex;flex-grow:1; padding-bottom: 2em;}
#sect_company .company_ul .company_logo{text-align: center; padding-bottom: 2em;}
#sect_company .company_ul .company_logo img{display: inline-block; width:65%;}


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

    #sect_fview ul[class*="_sl"] .uniq-dots{}
    #sect_fview ul[class*="_sl"] .uniq-dots li{ }
    #sect_fview ul[class*="_sl"] .uniq-dots li button{ }
    #sect_fview ul[class*="_sl"] .uniq-dots li.slick-active button{}

	#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_contept{}
    
    /**ルームイメージ**/
    #sect_roomimage {}
    #sect_roomimage:before {}
    #sect_roomimage ul.photo_gall{ }
    #sect_roomimage ul.photo_gall li{width: 100%!important; margin-right: 0!important;}
    #sect_roomimage ul.photo_gall li img{}
    #sect_roomimage ul.photo_gall li:nth-child(4n+1){ }
    #sect_roomimage ul.photo_gall li:nth-child(4n+1):before{ }
    #sect_roomimage ul.photo_gall li:nth-child(4n+2){ }
    #sect_roomimage ul.photo_gall li:nth-child(4n+2):before{}
    #sect_roomimage ul.photo_gall li:nth-child(4n+3){ }
    #sect_roomimage ul.photo_gall li:nth-child(4n+3):before{}
    #sect_roomimage ul.photo_gall li:nth-child(4n){ }
    #sect_roomimage ul.photo_gall li:nth-child(4n):before{}

    #sect_roomimage ul.photo_gall li>*{margin-bottom: 1.75em; position: static;}
    #sect_roomimage ul.photo_gall li>*:last-child{margin-bottom: 0;}
    #sect_roomimage ul.photo_gall li>*:before{padding-top: 66.66%;}
    #sect_roomimage ul.photo_gall li.photox2:before{padding-top: 0;}
    #sect_roomimage ul.photo_gall li.prod_hidden{ }
    #sect_roomimage ul.photo_gall li.prod_visib{  } 
    #sect_roomimage ul.photo_gall+.btn_box{ padding-top: 1em;}

    /**特徴**/
    #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_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: 2em;}
    #sect_company .company_ul li{padding: 0;}
    #sect_company .company_ul li:first-child{margin-bottom: 4em;}
    #sect_company .company_ul .company_txt{}
    #sect_company .company_ul .company_logo{padding-bottom: 1em;}
    #sect_company .company_ul .company_logo img{display:block; width:100%;}



}