@charset "utf-8";


.myreno_head{background-color: var(--comm-Lightgray); position: relative; z-index: 99;}
.myreno_head .myreno-head_ul{display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; padding-bottom: 1rem; }
.myreno_head .myreno-head_ul li#myreno_home a{padding: 1rem;}
.myreno_head .myreno-head_ul li#myreno_home img{width:8rem;}
.myreno_head .myreno-head_ul li a{display: block; letter-spacing: 0;}
.myreno_head .myreno-head_ul li a.over_uline{padding: 0.5em 0.1em 0.5em 0.1em;}

main.myreno_top {padding-bottom: 0;}
main.myreno_top section[id*="sect_"],
main.myreno_top section[class*="sect_"]{background-color: #fff; z-index: 1; position: relative;}
main.myreno_top section:last-child{padding-bottom: 16rem;}
main.myreno_top #sect_case{padding-top: 12.8rem;}

main.myreno_top #breadcrumb{background-color:transparent;}
main.myreno_top #breadcrumb ul li a, main.myreno_top #breadcrumb ul li p, main.myreno_top #breadcrumb ul li a, main.myreno_top #breadcrumb ul li h1{color: #fff;}
main.myreno_top #breadcrumb ul li:before{ background-image: url(../img/comm_arrWH01.svg);}
main.myreno_top .myreno_head { background-color: rgb(255 255 255 / 70%);}

/**sect_myrenoFV**/
#sect_myrenoFV{--btmBar:7rem; --anmTime:2200px;}
#sect_myrenoFV{/*padding-bottom: 12.8rem;*/ position: relative; height: calc(var(--anmTime) * 1.5); min-height: 700px; z-index: 0; }
#sect_myrenoFV [class*="wth_"]{position: relative; height: 100%; }
[class*="messa"][class*="_SlDes"]{position: relative; display: flex; height: 100%; flex-direction: column; justify-content: center;}
[class*="messa"][class*="_SlDes"] .slick-list li.slick-slide{opacity: 0; transition: opacity .75s linear; transition-delay: .75s; }
[class*="messa"][class*="_SlDes"] .slick-list li.slick-slide.slick-active{opacity: 1;}
[class*="messa"][class*="_SlDes"] .slick-list li.slick-slide img{ }


/**アニメーションver01
.main_copy { overflow: hidden; display: flex; justify-content: center; align-items: center; }
.main_copy.is-active {}
.main_copy .copy_int{text-transform: uppercase;}
.main_copy.is-active .copy_int{ --y: 0; --rotate: 0;}
.main_char { display: inline-block; transform: translateY(var(--y, -110%)) rotate(var(--rotate, -45deg)); transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: calc(0.05s * var(--char-index));}
.trigg_dummy{width: 100%; background-color: rgba(255,0,4,0); position: absolute; top:100vh; left:0; z-index: 999; }
.txt_on{width: 100%; max-width: 1200px; padding: 0 10vw; color: #fff; font-size: var(--font-LL); margin: auto; text-align: center; line-height: 2.5; position: absolute; top:var(--anmTime); z-index: 9; right: 0; left:0; padding-top: calc(var(--anmTime) / 5); }
.txt_on .txt_sentence + .txt_sentence{ padding-top: 1.5em;}
.sub_copy { display: flex; justify-content: center; align-items: center; text-transform: uppercase;}
.sub_copy.is-active { --opacity: 1;}
.sub_char { display: inline-block; opacity: var(--opacity, 0); transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: calc(0.05s * var(--char-index));}
アニメーションver01ココまで**/

#sect_myrenoFV .fview_copy{display: flex; position:fixed; height:100%; /*position: absolute; top:0; left: 0;*/ width: 100% ; align-items: center; justify-content: center; flex-direction: column;color: #fff; font-size:3.6rem/* clamp(2.6rem, 3vw, 3.6rem)*/; z-index: 9; font-weight: 300; letter-spacing: 0.01em; line-height: 1.5; margin: auto; top:0; /*bottom:0;*/ left: 0; right: 0; padding-bottom: var(--btmBar);}
#sect_myrenoFV .fview_copy small{display: block; font-size: 2rem; padding-top: 1rem;}

.main_copy { overflow: hidden; display: flex; justify-content: center; align-items: center; }
.main_copy.is-active {}
.main_copy .copy_int{text-transform: uppercase;}
.main_copy.is-active .copy_int{ --y: 0; --opacity: 1;}
.main_char { display: inline-block; opacity: var(--opacity, 0); transform: translateY(var(--y, 30%)); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.0s cubic-bezier(0.77, 0, 0.175, 1); }
.trigg_dummy{width: 100%; background-color: rgba(255,0,4,0); position: absolute; top:100vh; left:0; z-index: 999; }
.txt_on{width: 100%; max-width: 1200px; padding: 0 10vw; color: #fff; font-size: var(--font-LL); margin: auto; text-align: center; line-height: 2.5; position: absolute; top:var(--anmTime); z-index: 9; right: 0; left:0; padding-top: calc(var(--anmTime) / 5); }
.txt_on .txt_sentence + .txt_sentence{ padding-top: 1.5em;}
.sub_copy { display: flex; justify-content: center; align-items: center; text-transform: uppercase;}
.sub_copy.is-active { --y: 0; --opacity: 1;}
.sub_char { display: inline-block; opacity: var(--opacity, 0); transform: translateY(var(--y, 30%)); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.0s cubic-bezier(0.77, 0, 0.175, 1);}

#sect_myrenoFV .fview_logo{position: absolute; margin: auto; bottom:0; left:0; right: 0; top:35vh; height:1.75em; z-index: 10; width:fit-content; opacity: 0; transition: opacity 1.0s ease;}
#sect_myrenoFV .fview_logo.is-active{ opacity: 1; }
#sect_myrenoFV .fview_logo img{ height:2.4rem;}

#sect_myrenoFV .fview_messSCR{position: fixed; margin: auto; /*bottom:calc(4rem + var(--btmBar));*/ bottom:4rem; left:0; right: 0; height:1.75em; width:fit-content; z-index: 11;}
#sect_myrenoFV .fview_messSCR .SliScr_box{color: #fff; display: block; font-size: var(--font-SS); cursor: pointer;}
#sect_myrenoFV .fview_messSCR .SliScr_box>*{width:1.5rem; margin:auto; margin-top: 0.5rem; display: block;}
#sect_myrenoFV .fview_sodan{position: fixed; bottom: 3rem; right: 7rem; margin:auto; z-index: 10; width: fit-content;}
#sect_myrenoFV .fview_sodan a{width:12rem; display: block;} 
#sect_myrenoFV .fview_sodan a img{display: block; width:100%;}
#sect_myrenoFV .fview_sodan a img.sodan_on{display: none;}
#sect_myrenoFV .fview_sodan a:hover {opacity: 1;}
#sect_myrenoFV .fview_sodan a:hover img.sodan_off{display: none;}
#sect_myrenoFV .fview_sodan a:hover img.sodan_on{display: block;}

#sect_myrenoFV .fview_movie{width: 10rem; height:10rem; display: block; position: fixed; /*bottom:calc(5rem + var(--btmBar));*/ bottom: 5rem; left: 15rem; z-index: 10;}
#sect_myrenoFV .fview_movie a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(255,255,255,0.30); border-radius: 50%; border: solid 1px #fff; color: #fff;}
#sect_myrenoFV .fview_movie a .movie_txt{font-size:var(--font-S);}
#sect_myrenoFV .fview_movie a .movie_img{ width: 1.25rem; padding-top: 0.5rem;}
#sect_myrenoFV .fview_movie a .movie_img>*{ width: 100%; display: block;}
#sect_myrenoFV .fview_movie a:hover{opacity:1; background-color: rgba(128,128,133,0.30);}

/* モーダルのスタイル */
#videoModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center;}
#videoModal.modal video { width: 100%; height: auto;}
#videoModal.modal .modal-content { position: relative; width: 75%; max-width: 900px; max-height: 80%; }
#videoModal.modal .close {position: absolute; top: 20px; right: 20px; font-size: 30px; cursor: pointer; color: #fff;}



/*
.lightcase-contentInner {
  max-width: 100%!important;
  width: 90vw!important;
  height: auto;
}

@media (max-width: 768px) {
  .lightcase-contentInner {
    width: 100vw!important;
    height: auto!important;
    }
}
*/

#sect_myrenoFV .fview_video { position: fixed; width: 100%; height: 100%; overflow: hidden; top:0; left: 0; z-index: 1; }
#sect_myrenoFV .fview_video video,
#sect_myrenoFV .fview_video iframe{ width: 100%; height: 100%; /*position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%);*/ }
#sect_myrenoFV .fview_video img{}
#sect_myrenoFV .fview_video:before{/*content: "";*/ position: fixed; width:100%; height:var(--btmBar); background-color: #fff; display: block; bottom: 0; }
#sect_myrenoFV .fview_video:after{content: ""; position: absolute; width:100%; height:100%; background-color: rgb(71 63 58 / 60%); display: block; top:0; left: 0; z-index: 1;}
#sect_myrenoFV .fview_btmbar{position: fixed; width:100%; height:var(--btmBar); background-color: #fff; display: block; bottom: 0; z-index: 2;}

/**lightcase上書き**/

html[data-renofork-type="inline"] #lightcase-case{text-shadow: 0 0 0px rgb(0 0 0 / 0%); z-index: 10001;}
html:not([data-lc-type=error]) #lightcase-content{ background-color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
#lightcase-overlay{ opacity:0.8!important; background-color: #e9eff6!important;}
@media only screen and (max-width: 760px) {
}
@media screen and (min-width: 641px) {
    html[data-renofork-type="inline"] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 0px!important; background-color: #fff;}
}
/**lightcase上書きここまで**/


/**sect_case**/
#sect_case{}

/**sect_service**/
#sect_search{}
#sect_search .search_ul{display: flex; gap:0;}
#sect_search .search_ul>*{ width: 100%;}
#sect_search .search_ul .search_img{aspect-ratio: 16 / 9;}
#sect_search .search_ul .search_txt{ background-color: #e7e9e9; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height:340px;}
#sect_search .search_ul .search_txt>*{width: 60%; min-width: 360px;}
#sect_search .search_ul .search_txt .search_alph{font-size:var(--font-SS); color: var(--comm-gray); padding-bottom: 1rem;}
#sect_search .search_ul .search_txt .search_intr{display: block; padding-bottom: 1.5rem; line-height: 1.6;}
#sect_search .search_ul .search_txt [class*="common_btn"]{padding-top: 1em; padding-bottom: 1em;}
#sect_search .search_ul .search_txt small{color: var(--comm-red); font-size: var(--font-SS); display: block;padding-bottom: 1rem; padding-top: 2rem;}

/**sect_event**/
#sect_event{}
#sect_event .event_areaname{font-size: var(--font-LL); padding-bottom: 2.4rem;}
#sect_event .txt_link + .event_areaname{padding-top: 6.4rem;}

/**sect_dgxgb**/
#sect_dgxgb{}
#sect_dgxgb .dgxgb_box{display: flex; flex-direction: column; align-items: center;}
#sect_dgxgb .dgxgb_box>*{border-bottom: solid 1px var(--comm-Lightblue); padding-bottom: 6.4rem; width:100%;}
#sect_dgxgb .dgxgb_box>* + *{padding-top: 6.4rem;}
#sect_dgxgb .dgxgb_box .dgxgb_toha{ text-align: center;}
#sect_dgxgb .dgxgb_box .dgxgb_toha>*{width:50%;margin: auto; min-width: 600px;}
#sect_dgxgb .dgxgb_box .dgxgb_toha img{width:100%; margin-bottom: 4.8rem;}
#sect_dgxgb .dgxgb_box .dgxgb_toha .dgxgbToha_ttl{font-size:var(--font-LL); padding-bottom: 2.4rem;}

#sect_dgxgb .dgxgb_box .dgxgb_nagare{ text-align: center;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare>*{}
#sect_dgxgb .dgxgb_box .dgxgb_nagare img{}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .dgxgbNagare_ttl{font-size:var(--font-LL); padding-bottom: 4.8rem;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul{display: flex;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li{width:100%; display: flex; flex-direction: column;position: relative;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .LiArrow_Rarr {position: absolute; top: 6rem; left: calc(50% + 6rem); width: calc(100% - 14rem);}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .LiArrow_Rarr:after{height: 2px;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .LiArrow_Rarr:before{border-width: 2px;}

#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_img{width:12rem;margin: auto; margin-bottom: 2.4rem;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_img img{width:100%;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_txt{}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_name{font-size:var(--font-LL); padding-bottom: 4.8rem; line-height: 1.4;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_intr{display: flex; flex-direction: column; height: 10rem; justify-content: space-between;}
#sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_intr .small_arr{flex-grow: 1;background-image: url(../img/comm_scrollunder_black.svg); background-repeat: no-repeat; background-position: center center; background-size: 1rem;}

/**sect_value**/
#sect_value{}
#sect_value .value_ul{display:flex; flex-direction: column; gap:0.4rem;}
#sect_value .value_ul li{aspect-ratio: 8 / 3; position: relative;}
#sect_value .value_ul li a.value_txt{color: #fff; width:100%; height: 100%; position: absolute; top:0; left:0; display: flex; flex-direction: column; justify-content: center; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; }
#sect_value .value_ul li a.value_txt:hover{background-color: rgba(0, 0, 0, 0.0); opacity: 1;}
#sect_value .value_ul li .value_txt .value_alph{font-size: var(--font-SS); padding-bottom: 1rem;}
#sect_value .value_ul li .value_txt .value_name{font-size: var(--font-LL); padding-bottom: 2rem;}
#sect_value .value_ul li .value_txt .value_intr{}
#sect_value .value_ul li .value_txt [class*="txt_link"]{margin-top: 4rem;}
#sect_value .value_ul li .value_txt [class*="txt_link"]>* { border-bottom-color: #fff;}
#sect_value .value_ul li .value_txt [class*="txt_link"]>*:after{ background-image: url(../img/arr_WHT.svg);}


/**sect_showroom**/
#sect_showroom{}
#sect_showroom .showroom_ul{display: flex; gap:0.4rem;}
#sect_showroom .showroom_ul li{ width:100%;}
#sect_showroom .showroom_ul li a{display: block;}
#sect_showroom .showroom_ul li a:hover{opacity:1;}
#sect_showroom .showroom_ul li .showroom_img{aspect-ratio: 3 / 2; position: relative;}
#sect_showroom .showroom_ul li .showroom_img:after{content:""; width: 100%; height: 100%; display: block; background-color: rgb(0 0 0 / 50%); position: absolute; top:0; left: 0; transition: background-color 0.3s ease;}
#sect_showroom .showroom_ul li a:hover .showroom_img:after{background-color: rgb(0 0 0 / 0%);}
#sect_showroom .showroom_ul li .showroom_txt{background-color: var(--comm-Lightgray); padding: 0.75em 1.5em; background-image: url(../img/arr_MaruWHT.svg);background-repeat: no-repeat;background-position: right 1em center; background-size: 1em auto; } 
#sect_showroom .showroom_ul li a:hover .showroom_txt{ background-image: url(../img/arr_MaruBLK.svg);}

/**sect_staff**/
#sect_staff{}
#sect_staff .staff_areaname{font-size: var(--font-LL); padding-bottom: 2.4rem;}
#sect_staff .wth_sliRight + .staff_areaname{padding-top: 6.4rem;}

/**sect_contact**/
.sect_contact{}
.sect_contact .contact_btn{margin-left: 9rem; display: flex; gap: 2em; align-items: center;}
.sect_contact .contact_btn [class*="common_btn"]{ margin-bottom: 0; width: fit-content;}
.sect_contact .mid_L{padding-bottom: 2.8rem;}
.sect_contact .mid_L .mid_alph { width: 5rem;white-space: nowrap;}
.sect_contact .contact_btn + .mid_L{padding-top: 10rem;}
.sect_contact .contact_btn .contact_intr{font-size: var(--font-M);}


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

    .myreno_head{display: none;}

    .main_copy { flex-direction: column;}

    /**sect_myrenoFV**/
    #sect_myrenoFV{--btmBar:0rem; --anmTime:1900px;}
    #sect_myrenoFV{padding-bottom: 8.0rem; min-height: 500px; height: calc(var(--anmTime) * 1.3);}
    #sect_myrenoFV [class*="wth_"]{}
    [class*="messa"][class*="_SlDes"]{}
    [class*="messa"][class*="_SlDes"] .slick-list li.slick-slide{ }
    [class*="messa"][class*="_SlDes"] .slick-list li.slick-slide.slick-active{}
    [class*="messa"][class*="_SlDes"] .slick-list li.slick-slide img{ }
    
    #sect_myrenoFV .fview_copy{font-size:2.8rem/* clamp(2.6rem, 3vw, 3.6rem)*/; text-align: center; height: 100vh;}
    #sect_myrenoFV .copy_int{display: block; padding-left: 1.5rem; overflow: hidden;}
    #sect_myrenoFV .fview_copy small{font-size: 1.6rem; padding-top: 1.5rem;}
    
    .trigg_dummy{ }
    .txt_on{font-size: var(--font-L); padding: 0 8vw; padding-top: calc(var(--anmTime) / 10); max-width: initial; /*position: relative;*/}
    
    #sect_myrenoFV .fview_logo{ position: static; margin: 0; margin-top: 4rem}
    #sect_myrenoFV .fview_logo img{height:1.6rem;}
    #sect_myrenoFV .fview_messSCR{bottom: calc(3rem + var(--btmBar));}
    #sect_myrenoFV .fview_messSCR .SliScr_box{}
    #sect_myrenoFV .fview_messSCR .SliScr_box>*{}
    #sect_myrenoFV .fview_sodan{bottom: 1rem; right: 1rem; }
    #sect_myrenoFV .fview_sodan a{width:8rem;} 
    #sect_myrenoFV .fview_sodan a img{}
    #sect_myrenoFV .fview_sodan a img.sodan_on{}
    #sect_myrenoFV .fview_sodan a:hover {}
    #sect_myrenoFV .fview_sodan a:hover img.sodan_off{}
    #sect_myrenoFV .fview_sodan a:hover img.sodan_on{}

    #sect_myrenoFV .fview_movie{ bottom: calc(1rem + var(--btmBar)); left: 1rem;}
    #sect_myrenoFV .fview_movie a{}
    #sect_myrenoFV .fview_movie a .movie_txt{}
    #sect_myrenoFV .fview_movie a .movie_img{}
    #sect_myrenoFV .fview_movie a .movie_img>*{}
    #sect_myrenoFV .fview_movie a:hover{}

    #sect_myrenoFV .fview_video { position: fixed; width: 100%; height: 100vh; overflow: hidden; top:80px; left: 0; z-index: -1;}
    #sect_myrenoFV .fview_video video,
    #sect_myrenoFV .fview_video iframe{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); }
    #sect_myrenoFV .fview_video img{}
    #sect_myrenoFV .fview_video:before{ }
    #sect_myrenoFV .fview_btmbar{display: none; }

    /* モーダルのスタイル */
    #videoModal.modal { }
    #videoModal.modal video { }
    #videoModal.modal .modal-content { width: 100%; }


    /**sect_service**/
    #sect_search{}
    #sect_search .search_ul{ flex-direction: column; }
    #sect_search .search_ul>*{}
    #sect_search .search_ul .search_img{}
    #sect_search .search_ul .search_txt{padding-top: 2.5rem; padding-bottom: 5rem;}
    #sect_search .search_ul .search_txt>*{width: calc(100vw - 8.4rem);}
    #sect_search .search_ul .search_txt .search_alph{padding-bottom: 0.5rem;}
    #sect_search .search_ul .search_txt .search_intr{padding-bottom: 2rem;}
    #sect_search .search_ul .search_txt small{padding-bottom: 0.5rem; padding-top: 1.5rem;}

    /**sect_event**/
    #sect_event{}
    #sect_event .event_areaname{ font-size: var(--font-L); padding-bottom: 3.2rem; padding-left: 3.2rem !important;}
    #sect_event [class*="txt_link"] { margin-top: 3.2rem; }
    #sect_event .txt_link + .event_areaname{ padding-top: 8rem; }

    /**sect_dgxgb**/
    #sect_dgxgb{}
    #sect_dgxgb .dgxgb_box{}
    #sect_dgxgb .dgxgb_box>*{}
    #sect_dgxgb .dgxgb_box>* + *{padding-top: 8rem;}
    #sect_dgxgb .dgxgb_box .dgxgb_toha{}
    #sect_dgxgb .dgxgb_box .dgxgb_toha>*{width:calc(100% - 6rem); min-width: initial;}
    #sect_dgxgb .dgxgb_box .dgxgb_toha img{margin-bottom: 3.2rem;}
    #sect_dgxgb .dgxgb_box .dgxgb_toha .dgxgbToha_ttl{ padding-bottom: 2.4rem;}
    #sect_dgxgb .dgxgb_box .dgxgb_toha .dgxgbToha_txt{ width:100%; }

    #sect_dgxgb .dgxgb_box .dgxgb_nagare{ }
    #sect_dgxgb .dgxgb_box .dgxgb_nagare>*{}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare img{}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .dgxgbNagare_ttl{padding-bottom: 4.8rem;}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul{ flex-direction: column; padding: 0 5vw; gap: 5rem;}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li{ flex-direction: row; gap:1.6rem 6vw; text-align: left; }
    
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .LiArrow_Barr { position: absolute; height: calc(100% - 4rem); top: 7.6rem; left: calc(3.8rem - 0.5em);}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .LiArrow_Barr:after{}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .LiArrow_Barr:before{}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_img{width:7.6rem; margin-top: 0; margin-bottom: 0; }
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_txt{flex:1;}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_name{padding-bottom: 0; padding-top: 2.5rem; font-size: var(--font-L);}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_intr{display: flex; flex-direction: column;height: auto; justify-content: space-between;}
    #sect_dgxgb .dgxgb_box .dgxgb_nagare .nagare_ul li .step_intr .small_arr{background-position: 3em center; height: 4rem;}

    /**sect_value**/
    #sect_value{}
    #sect_value .value_ul{}
    #sect_value .value_ul li{aspect-ratio: 25 / 16;}
    #sect_value .value_ul li a.value_txt{}
    #sect_value .value_ul li a.value_txt:hover{background-color: rgba(0, 0, 0, 0); }
    #sect_value .value_ul li .value_txt .value_alph{ padding-bottom: 0.5rem;}
    #sect_value .value_ul li .value_txt .value_name{font-size: var(--font-LL); padding-bottom: 1.5rem;}
    #sect_value .value_ul li .value_txt .value_intr{}
    #sect_value .value_ul li .value_txt [class*="txt_link"]{margin-top: 1rem;}
    #sect_value .value_ul li .value_txt [class*="txt_link"]>* {}
    #sect_value .value_ul li .value_txt [class*="txt_link"]>*:after{}

    /**sect_showroom**/
    #sect_showroom{}
    #sect_showroom .showroom_ul{ flex-direction: column;}
    #sect_showroom .showroom_ul li{}
    #sect_showroom .showroom_ul li a{}
    #sect_showroom .showroom_ul li a:hover{;}
    #sect_showroom .showroom_ul li .showroom_img{}
    #sect_showroom .showroom_ul li .showroom_img:after{}
    #sect_showroom .showroom_ul li a:hover .showroom_img:after{}
    #sect_showroom .showroom_ul li .showroom_img img{}
    #sect_showroom .showroom_ul li .showroom_txt{ } 
    #sect_showroom .showroom_ul li a:hover .showroom_txt{ }


    /**sect_staff**/
    #sect_staff{}
    #sect_staff .staff_areaname{font-size: var(--font-L); padding-bottom: 3.2rem;}
    #sect_staff .wth_sliRight + .staff_areaname{padding-top:12rem;}
    #sect_staff [class*="wth_sliRight"] {width: 92vw!important; margin: auto;}

    /**sect_contact**/
    .sect_contact{}
    .sect_contact .contact_btn{ align-items: flex-start; flex-direction: column; gap: 1.75rem;}
    .sect_contact .contact_btn + .mid_L { padding-top: 8rem;}
    .sect_contact [class*="common_btn"]{margin-left:0; }
    .sect_contact .contact_btn { margin-left: 0;}
    
}