@charset "utf-8"; /* ===== index ===== */




/**section ファーストビュー**/
#sect_reapafview{ position: relative; overflow: hidden; padding: 0; }

/**ページタイトル
#sect_reapafview #osr_ttl{ position: absolute; margin: auto; left:0; bottom:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
#sect_reapafview #osr_ttl img{ filter: drop-shadow(0px 0px 0.25em rgba(0,0,0,0.5)); width: 20%; max-width: 420px;}**/

/**scrollマーク**/
#sect_reapafview #fview-sclimg{ position: absolute; bottom: 0; left:5vw; font-size: 1.1rem; width: 12em; transform: rotate(90deg); transform-origin:right bottom;}
#sect_reapafview #fview-sclimg .ul-anim{ color: #fff; text-decoration: none; display: block; position: relative; letter-spacing: 0.1em; padding-bottom: 0.25em;}
#sect_reapafview #fview-sclimg .ul-anim:after { content: ""; position: absolute; bottom: 0; left:0; width: 0%; height: 1px; background: #fff; animation: ulmove 1.4s ease-in-out infinite;}
@keyframes ulmove{ 0%{ } 100%{ width: 100%;} }

/**ファーストビューslick**/
#sect_reapafview .kvis_SlDes {position: relative; height: 100%;}
#sect_reapafview .kvis_SlDes .slick-list li.slick-slide {width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
#sect_reapafview .kvis_SlDes .slick-list li.slick-slide img{width: calc(100% - 100px); margin: auto; height: calc(100% - 50px); object-fit: cover;}
#sect_reapafview .kvis_SlDes .slick-list li.slick-slide.slick-active {}

/**ファーストビュー非slick**/
#sect_reapafview .kvis_Des {position: relative; height: 100%; width:100%;}
#sect_reapafview .kvis_Des picture {width: 100%; height: 100%; display: block;}
#sect_reapafview .kvis_Des picture img{width: calc(100% - 100px); margin: auto; height: calc(100% - 50px); object-fit: cover; display: block;}

/**section 紹介文**/
#sect_reapaintro{ padding-top: 6em; }
#sect_reapaintro .intro_box{ line-height:2; }
#sect_reapaintro .intro_txt{ font-size: 1.7rem; padding-bottom: 1.5em;}
#sect_reapaintro .intro_atten{font-size: 1.4rem; display: block; }
#sect_reapaintro .btn_box{padding-top: 2em;}

/**section 非日常的なインテリア空間**/
#sect_interior{padding-top: 6em;}
#sect_interior .interior_box{}
#sect_interior [class*="reapa_osr-photo"]+.sect_midset{padding-top: 7em;} 






/* ##### responsive ##### */
@media screen and (max-width: 760px) {

/**section ファーストビュー**/
#sect_reapafview{ }

/**ページタイトル
#sect_reapafview #osr_ttl{ }
#sect_reapafview #osr_ttl img{ width: 50%; max-width: initial;}**/

/**scrollマーク**/
#sect_reapafview #fview-sclimg{ left:-8em; font-size: 0.8rem; }
#sect_reapafview #fview-sclimg .ul-anim{}
#sect_reapafview #fview-sclimg .ul-anim:after {}

/**ファーストビューslick**/
#sect_reapafview .kvis_SlDes {}
#sect_reapafview .kvis_SlDes .slick-list li.slick-slide {}
#sect_reapafview .kvis_SlDes .slick-list li.slick-slide img{width: 100%;}
#sect_reapafview .kvis_SlDes .slick-list li.slick-slide.slick-active {}

/**ファーストビュー非slick**/
#sect_reapafview .kvis_Des picture img{width: 100%;}

/**section 紹介文**/
#sect_reapaintro{padding-top: 3em; padding-bottom: 40px;}
#sect_reapaintro .intro_box{  }
#sect_reapaintro .intro_txt{ font-size: 1.4rem; padding-bottom: 0.75em;}
#sect_reapaintro .intro_atten{font-size: 1.3rem; display: block; }
#sect_reapaintro .mid_japan{}


/**section 非日常的なインテリア空間**/
#sect_interior{padding-top: 2em;}
#sect_interior .interior_box{}
#sect_interior .sect_midset .midset_txt .midset_name{}
#sect_interior [class*="reapa_osr-photo"]+.sect_midset{padding-top: 4em;}
#sect_interior .interior_box .btn_box{padding-top: 5em;}

}