@charset "utf-8";
/* CSS Document */
/*
header {height: auto; min-height: 45px; padding: min(1.5vw, 10px) min(3vw, 20px); box-sizing: border-box; position: relative;}
.header {position: relative; box-sizing: border-box; padding: 0; height: 100%; }
.header img {vertical-align: middle; width: 100%; height: auto;}
.header  #hd-logo {width: min(40vw , 220px); height: auto;}
#hd-tel {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#hd-tel img {width: min(35vw, 180px ); }

#wrapper {padding-bottom: 58px;}
*/
header {display: none;}
#contents {top:0; }

#mainV {background: #fffcdb; padding-bottom: min(4vw , 30px);}
.homSlider{width: 100%; aspect-ratio: inherit; }
.slider {width: 100%; aspect-ratio: 16/9; overflow: hidden; position: relative; background: #fff;}
.slider video {position:  absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); aspect-ratio: 16/9;}
.slider.slick-slide{ margin: 0;	}

.video-btn {content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; cursor: pointer; z-index: 10; overflow: hidden; }
.video-btn img {width: 100%; height: 100%; object-fit: cover;}
video { width: 100%; margin: 0 auto; height: auto; position: relative; z-index: 1; aspect-ratio: 16/9;}
.movie_thum {margin: min(2vw , 20px) auto 0; width: 95%; }
.movie_thum .slick-track { transform: unset !important;}
.movie_thum .thumnail {aspect-ratio: 16/9; overflow: hidden; position: relative; margin: 0 min(0.25vw , 5px); cursor: pointer; background: #000;}
.movie_thum .thumnail img { width: 100%; height: 100%; object-fit: cover;}
 .movie_thum .thumnail:not(.slick-current) img {opacity: 0.5;} 

#linkBtn {width: 90%; margin: min( 7vw , 60px) auto min( 5vw , 40px);}
#linkBtn ul {list-style: none; margin: 0; padding: 0;}
#linkBtn li {width: 100%; max-width: 682px; margin: 0 auto;}
#linkBtn li img {width: 100%; height: auto; }
#linkBtn li:not(:first-child) {margin-top: min(4.5vw , 40px);}

/* modal */
body.active {overflow: hidden;}
html.active { overflow: hidden;}
.main-modal { display: none; height: 100vh; position: fixed; top: 0; z-index: 1111111; width: 100%;  left: 0;}
.modal__bg { background: rgba(0, 0, 0, 0.65); height: 100vh; position: absolute; width: 100%;}
.main-modal .container { position: relative; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 98vw; max-width: 960px;}
.main-modal .container .movie { position: relative; width: 100%; padding-top: 56.25%;}
.main-modal .container .movie video { position: absolute; top: 0; right: 0; width: 100%;  height: 100%;}

.top_kento {margin:  min(8vw , 60px) auto; padding: 0;}
.top_kento_btn {display: flex; display: -webkit-flex; justify-content:center; list-style: none; width: 90%; margin: 0 auto; column-gap: min(2vw , 10px);}
.top_kento_btn li {flex: 1; } 
.top_kento_btn li img {width: 100%; height: auto;}

.top_simulation {padding: min(6vw , 50px) 5% min(5vw , 30px);  margin-bottom: 0;}
.top_simulation_title {margin: 0 0 min(3vw , 20px);  letter-spacing: 1px; font-size: min(5vw , 25px); padding-left: 0.5em; border-width: 5px;}
.top_simulation .inner_body04 {padding: 0;}

.btn_price {margin: min( 8vw, 60px) auto min( 10vw,  80px) ; }
.b_radius_blue {margin:  min(4vw , 30px) 0;}
.blue_text {padding-bottom: 0;}

.ft__info {margin: min(8vw , 60px ) auto ; width: 80%;}
.bottom_kento_btn img {width: 100%;}

.icon_menu_life {margin-bottom: 0; padding-bottom: min(8vw , 50px);}
ul.icon_menu_life {display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
ul.icon_menu_life li {margin: 0 0 1% !important; width: 32.67% !important;  background: #fff; float: none; display: block;}
ul.icon_menu_life li a img {vertical-align: middle;}

.footer {display: flex; display: -webkit-flex; column-gap: 1px; width: 100%;}
.footer_btn {float: none; margin: 0; width: auto; flex:1; letter-spacing: 1px; font-size: min(3.6vw , 14px); }
.footer a {display: block;}


#nenrei-popup{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transition: .6s;
    display: none;
}
#nenrei-popupbg{
    background: rgba(255,255,255,0.75);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
}
#nenrei-popup .innerbox{
    max-width: 650px;
    width: 90%;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    border-radius: 10px;
    overflow:hidden;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 40%);
}
#nenrei-popup .closebtn{
    background-color: #fff;
    padding: 2px 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family:'���C���I',Meiryo;
    font-weight: bold;
    cursor:pointer;
    display:block;
}
#nenrei-popup .closebtn:hover{opacity:.6;}
#nenrei-popup .title {
    background-color: #00468C;
    position:relative;
    padding: 15px;
}
#nenrei-popup .title  h4{color:#fff;font-size:24px;text-align:center;font-weight: bold;line-height:1.4em;}
#nenrei-popup .naiyou{
    background-color: #fffcdb;
    padding: 25px;
}