@charset "utf-8";

/**sect_fview**/
#sect_fview{padding-bottom: 12.8rem; position: relative; }
#sect_fview [class*="wth_"]{position: relative; }
#sect_fview li a{display: block; height: 100%; width: 100%; position: relative;}
#sect_fview li a:hover{opacity: 1;}
#sect_fview li a:after{content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgb(0 0 0 / 30%);}


#sect_fview .fview_toppri{display: flex; position: absolute; top:0; left: 0; width: 100% ;height: 100%; align-items: center; justify-content: center; flex-direction: column;color: #fff; font-size: clamp(2.6rem, 3vw, 3.6rem); z-index: 10; font-weight: 300; letter-spacing: 0.02em; line-height: 1.5; padding:1em 2em; gap: 2rem;}
#sect_fview .fview_toppri small{display: block; font-size: 2rem; padding-top: 1rem;}
#sect_fview .fview_toppri .fview_intr{font-size: 55%; letter-spacing: 0.1em; font-weight: 400;}
#sect_fview .fview_toppri .fview_hx{line-height: 1.4;}
#sect_fview .fview_toppri .fview_hx img{ width: 30vw; margin: auto; min-width: 350px; max-width: 550px; margin-bottom: 1em;}
#sect_fview .fview_btm{position: absolute; margin: auto; bottom:25%; left:0; right: 0; z-index: 10; width:fit-content; color: #fff; font-size: 2rem; text-align: center;}
#sect_fview .fview_btm img{height:2.4rem;}
#sect_fview .fview_collab .fview_toppri{padding-bottom: 4em;}
#sect_fview .fview_collab .fview_toppri img{width: 100%; margin: auto; min-width: 300px; max-width: 600px;}

/**fviewイレギュラー**/
#sect_fview .fv_myreno .fview_toppri .fview_hx img{width: 23vw;}
#sect_fview .fv_paramount .fview_toppri .fview_hx img{width: 40vw;}
#sect_fview li.fv_paramount a:after{ background-color: rgb(255 255 255 / 40%);}
#sect_fview li.fv_paramount .fview_toppri .fview_intr{color: #000; font-weight: 500;}


[class*="kvis"][class*="_SlDes"]{position: relative;}
[class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide{ /*aspect-ratio: 2 / 1;*/ overflow: hidden; height: calc(100vh - 180px); min-height: 520px; max-height: 100vw;}
[class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide img{ }
#sect_fview .fview_sodan{position: absolute; bottom: -4rem; right: 7rem; margin:auto; z-index: 10; width: fit-content;}
#sect_fview .fview_sodan a{width:12rem; display: block; } 
#sect_fview .fview_sodan a img{display: block; width:100%;}
#sect_fview .fview_sodan a img.sodan_on{display: none;}
#sect_fview .fview_sodan a:hover {opacity: 1;}
#sect_fview .fview_sodan a:hover img.sodan_off{display: none;}
#sect_fview .fview_sodan a:hover img.sodan_on{display: block;}

/**sect_service**/
#sect_service{}
#sect_service .service_ul{display: flex; gap:0.2rem;}
#sect_service .service_ul li{ width: 100%;}
#sect_service .service_ul li a{aspect-ratio: 3 / 2; position: relative; display: block; overflow: hidden;}
#sect_service .service_ul li a:hover{opacity:1;}
#sect_service .service_ul li a img.service_bg{}
#sect_service .service_ul li a img.service_logo{height: 10%; max-height: 2rem;;}
#sect_service .service_ul li a .service_txt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size:var(--font-S); color: #fff; gap:0.75rem; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease;}
#sect_service .service_ul li a:hover .service_txt{background-color: rgba(0, 0, 0, 0.0);}

/**sect_event**/
#sect_event{}
#sect_event .row_bgPhoto li .bgPhoto_txt .area_name{ font-size: var(--font-L); padding-bottom: 0.5em;}
#sect_event .row_bgPhoto li .bgPhoto_txt small{ font-size: var(--font-M); line-height: 1.6;}



/**sect_about**/
#sect_about{}
#sect_about .about_ul{}
#sect_about .about_ul li{display: flex; padding-bottom: 16rem; }
#sect_about .about_ul li:last-child{padding-bottom: 0;}
#sect_about .about_ul li>*{}
#sect_about .about_ul li .about_img{aspect-ratio: 2 / 1; overflow: hidden; width: 68%; }
#sect_about .about_ul li .about_img .img_4x4{display: flex; flex-wrap: wrap; gap:0.2rem;}
#sect_about .about_ul li .about_img .img_4x4 img{width: calc(50% - 0.1rem);}
#sect_about .about_ul li .about_img img{ }
#sect_about .about_ul li .about_txt{ display: flex; flex-direction: column; align-items: flex-start;; justify-content: center; padding-left: 8rem; width:32%;}
#sect_about .about_ul li .about_txt >*{/*width: 75%;*/}
#sect_about .about_ul li .about_txt p{line-height: 2; display: block;}
#sect_about .about_ul li:nth-child(2n){ flex-direction: row-reverse;}
#sect_about .about_ul li:nth-child(2n) .about_txt{ padding-right: 8rem; padding-left: 0;}
#sect_about .about_ul li .about_txt .txt_link{margin-top: 2rem;}

/**sect_case**/
#sect_case{}


/**sect_news**/
#sect_news{}
#sect_news .news_ul{padding-left: 18rem;}
#sect_news .news_ul li{ border-top: 1px solid var(--comm-Lightgray); padding: 1.2em 0.25em;}
#sect_news .news_ul li h3{display: flex;}
#sect_news .news_ul li:last-child{border-bottom: 1px solid var(--comm-Lightgray);}
#sect_news .news_ul li .news_yymmdd{flex-shrink: 0; font-size: var(--font-S); width: 7em;}
#sect_news .news_ul li .news_catg{flex-shrink: 0; font-size: var(--font-S); width: 10em;}
#sect_news .news_ul li .news_txt{flex-shrink: 1; display: block; }

/**sect_renoProp**/
#sect_renoProp{}

/**sect_openroom**/
#sect_openroom{}

/**sect_journal**/
#sect_journal{}

/**sect_toha**/
#sect_toha{}
#sect_toha .toha_ul{}
#sect_toha .toha_ul li{display: flex; padding-bottom: 12.8rem; align-items: flex-start;}
#sect_toha .toha_ul li:last-child{padding-bottom: 0;}
#sect_toha .toha_ul li>*{}
#sect_toha .toha_ul li .toha_img{aspect-ratio: 1 / 1; width: 30%; overflow: hidden}
#sect_toha .toha_ul li .toha_img img{}
#sect_toha .toha_ul li .toha_txt{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 70%; padding-right: 6%; padding-top: 4.8rem;}
#sect_toha .toha_ul li .toha_txt >*{}
#sect_toha .toha_ul li p,
#sect_toha .toha_ul li .bullp{line-height: 2; display: block;}
#sect_toha .toha_ul li .toha_txt p + p{padding-top: 4.8rem;}
#sect_toha .toha_ul li .toha_txt.txt_wide{width: 100%; padding-top: 0;}

#sect_toha .toha_ul li.reve{ flex-direction: row-reverse;}
#sect_toha .toha_ul li.reve .toha_txt{padding-right: 0; padding-left: 6%;}

#sect_toha .toha_ul li.toha_renov{ display: grid; grid-template-columns:40% 60%; grid-template-rows:auto 1fr; }
#sect_toha .toha_ul li.toha_renov .toha_img{grid-row: 1 / 3; grid-column: 2 / 3; width: 100%; aspect-ratio: 2 / 1; overflow: hidden;}
#sect_toha .toha_ul li.toha_renov .mid_M{padding-top: 4.8rem; padding-right: 10%;} 
#sect_toha .toha_ul li.toha_renov p{ padding-right: 10%;}

#sect_toha .toha_ul li.toha_refo{ display: grid; grid-template-columns:70% 30%; grid-template-rows:auto 1fr; }
#sect_toha .toha_ul li.toha_refo .toha_txt{ padding-right: 0; padding-left: 6%; }
#sect_toha .toha_ul li.toha_refo .toha_img{grid-row: 1 / 3; grid-column: 2 / 3; width: 100%; }
#sect_toha .toha_ul li.toha_refo .mid_M{padding-top: 4.8rem; padding-right: 10%;}
#sect_toha .toha_ul li.toha_refo p{ padding-right: 10%;}

#sect_toha .toha_ul li:last-child{ width: 100%; padding-bottom: 12.8rem; flex-direction: row-reverse;}
#sect_toha .toha_ul li:last-child .toha_img{ aspect-ratio: 3 / 2; width: 43%; overflow: hidden;}
#sect_toha .toha_ul li:last-child .toha_txt{ width: 57%; padding-left: 10%; }
#sect_toha .toha_ul + [class*="txt_link"]{margin-top: 0;}




@media only screen and (max-width: 760px) {

    /**sect_fview**/
    #sect_fview{padding-bottom: 8.0rem;}
    #sect_fview [class*="wth_"]{ }
    #sect_fview .fview_toppri{ font-size: 2.8rem; text-align: center; padding:0 0.5em 2rem 0.5em; }
    #sect_fview .fview_toppri .fview_intr{ letter-spacing: 0.05em; font-size: 52%;}
    #sect_fview .fview_toppri .fview_hx{letter-spacing: 0.05em;}
    #sect_fview .fview_toppri .fview_hx img{ width: 75vw; min-width: initial; max-width: initial; margin-bottom: 0.5em;}
    
    #sect_fview .fview_btm{ bottom:25%; font-size: 1.25em; }
    #sect_fview .fview_btm img{max-width: initial; height: 1em;}
    
    /**fviewイレギュラー**/
    .fv_online img[class*="obj_"][class*="cover"]{object-position:35% 50%}
    .fv_pet img[class*="obj_"][class*="cover"]{object-position:26% 50%}
    #sect_fview .fv_myreno .fview_toppri .fview_hx img{width: 60vw;}
    #sect_fview .fv_paramount .fview_toppri .fview_hx img{width: 80vw;}
    
    [class*="kvis"][class*="_SlDes"]{}
    [class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide{ aspect-ratio: 2 / 3; height: calc(100vh - 140px); min-height: initial; max-height: initial; }
    [class*="kvis"][class*="_SlDes"] .slick-list li.slick-slide img{ }
    #sect_fview .fview_sodan{right: 1rem;}
    #sect_fview .fview_sodan a{width:9rem; margin-right: 1rem;} 
    #sect_fview .fview_sodan a img{}
    #sect_fview .fview_sodan a img.sodan_on{}

    /**sect_service**/
    #sect_service{}
    #sect_service .service_ul{ flex-direction: column; gap:0.2rem;}
    #sect_service .service_ul li{ }
    #sect_service .service_ul li a{}
    #sect_service .service_ul li a:hover{}
    #sect_service .service_ul li a img.service_bg{}
    #sect_service .service_ul li a img.service_logo{height: 1.75rem; max-height: initial;}
    #sect_service .service_ul li a .service_txt{ background-color: rgba(0, 0, 0, 0.5);}
    #sect_service .service_ul li a:hover .service_txt{}
	
    /**sect_event**/
    #sect_event{}
    #sect_event .row_bgPhoto li .bgPhoto_txt .area_name{ font-size: var(--font-M); }
    #sect_event .row_bgPhoto li .bgPhoto_txt small{ font-size: var(--font-S); line-height: 1.4;}

    /**sect_about**/
    #sect_about{}
    #sect_about .about_ul{}
    #sect_about .about_ul li{padding-bottom: 12rem; flex-direction: column;}
    #sect_about .about_ul li:last-child{}
    #sect_about .about_ul li>*{width: 100%!important;}
    #sect_about .about_ul li .about_img{margin-bottom: 3.2rem;}
    #sect_about .about_ul li .about_img img{ }
    #sect_about .about_ul li .about_txt{ flex-direction: column; padding: 0 10vw;}
    #sect_about .about_ul li .about_txt >*{width: 100%;}
    #sect_about .about_ul li .about_txt p{}
    #sect_about .about_ul li:nth-child(2n){ flex-direction: column;}
    #sect_about .about_ul li:nth-child(2n) .about_txt{ padding: 0 10vw;}
    #sect_about .about_ul li .about_txt .txt_link{margin-top: 4rem;}
    
    /**sect_case**/
    #sect_case{}

    /**sect_news**/
    #sect_news{}
    #sect_news .news_ul{padding-left: 0;}
    #sect_news .news_ul li{ padding: 1.2em 0.25em;}
	#sect_news .news_ul li h3{flex-wrap: wrap;}
    #sect_news .news_ul li:last-child{}
    #sect_news .news_ul li .news_yymmdd{}
    #sect_news .news_ul li .news_catg{}
    #sect_news .news_ul li .news_txt{ padding-top: 0.8rem;}

    /**sect_renoProp**/
    #sect_renoProp{}
    #sect_renoProp .square_group li[class*="Lprop_"][class*="T"]{order: 0;}
    #sect_renoProp .square_group li[class*="Lprop_"][class*="B"]{order: 1;}
    #sect_renoProp .square_group li:nth-last-child(-n+2){order: 0;}
    
    /**sect_openroom**/
    #sect_openroom{}
    
    /**sect_journal**/
    #sect_journal{}
 


    /**sect_toha**/
    #sect_toha{}
    #sect_toha .toha_ul{}
    #sect_toha .toha_ul li{flex-direction: column!important;padding-bottom: 12rem;}
    #sect_toha .toha_ul li:last-child{}
    #sect_toha .toha_ul li>*{}
    #sect_toha .toha_ul li .toha_img{ aspect-ratio: 2 / 1!important; width: 100%;}
    #sect_toha .toha_ul li .toha_img img{}
    #sect_toha .toha_ul li .toha_txt{width: 100%; padding-right: 0;}
    #sect_toha .toha_ul li .toha_txt >*{}
    #sect_toha .toha_ul li p{}
    #sect_toha .toha_ul li .toha_txt p + p{padding-top: 3.2rem;}
    #sect_toha .toha_ul li .toha_txt.txt_wide{}

    #sect_toha .toha_ul li .mid_M,
    #sect_toha .toha_ul li p,
    #sect_toha .toha_ul li .bullp {padding-left:4vw!important; padding-right:4vw!important; width: 100%!important;}

    #sect_toha .toha_ul li.reve{flex-direction: column-reverse!important;}
    #sect_toha .toha_ul li.reve .toha_txt{ padding-left: 0; padding-top: 3.2rem;}

    #sect_toha .toha_ul li.toha_renov{ display: flex; margin-right: 0; flex-direction: column; padding-bottom: 3.2rem;}
    #sect_toha .toha_ul li.toha_renov .toha_img{margin-bottom: 3.2rem;}
    #sect_toha .toha_ul li.toha_renov .mid_M{padding-top: 0; padding-right: 0;}
    #sect_toha .toha_ul li.toha_renov p{ padding-right: 0; order: 1;}
    #sect_toha .toha_ul li.toha_renov + li{padding-bottom: 8rem;}

    #sect_toha .toha_ul li.toha_refo{ display: flex; flex-direction: column; padding-bottom: 3.2rem; }
    #sect_toha .toha_ul li.toha_refo .toha_txt{  }
    #sect_toha .toha_ul li.toha_refo .toha_img{margin-bottom: 3.2rem; }
    #sect_toha .toha_ul li.toha_refo .mid_M{padding-top: 0; }
    #sect_toha .toha_ul li.toha_refo p{order:1; }

    #sect_toha .toha_ul li:last-child{margin-left: 0; padding-bottom: 8rem; flex-direction: column-reverse!important;}
    #sect_toha .toha_ul li:last-child .toha_img{ width: 100%;}
    #sect_toha .toha_ul li:last-child .toha_txt{ width: 100%; padding-left: 0; padding-top: 3.2rem;}
    #sect_toha .toha_ul + [class*="txt_link"]{margin-top: 0;}



}