.sp440, .sp425, .sp390, .sp360 {display: none}

@media screen and (min-width: 1921px) {
    h1{padding:0}
    nav{display:block;position:fixed;top:0;right:-1070px;width:1070px}
    nav .inner{justify-content:center;align-items:center}
    .nav_left{max-height:900px}
    .nav_right{height:100%;justify-content:center;max-height:900px;align-self:center;padding-top:90px}

    .h_box{max-width:1920px;margin:0 auto;left:0;right:0}
    /*.h_inner{align-items:center}*/
    .h_left{padding-top:10px}

    .bg_main::before{background-size:cover;left:0;width:100%}
    /*.sec06_img.fixed{right:calc(50% - 50vw + 590px)}*/
    /*.content,
    footer,
    .content2{margin-right:calc(50% - 1330px)}*/
}

@media screen and (min-width: 751px) {
    .sp{display:none!important}
    .h_box{min-width:calc(var(--container) + 30px)}

    .nav_list > li:nth-child(2){position:relative}
    .nav_list > li:hover > a,{color:var(--scolor);text-decoration:none}
    .nav_list > div > .big a:hover,
    .nav_list > div ul > li > a:hover{color:var(--mcolor)}
    .nav_list li .sub li a::after,
    .nav_list li.big a::after{position:absolute;content:"";width:0;height:1px;background:#333;bottom:0;left:22px;transition:all .3s}
    .nav_list li .sub li a:hover::after{width:calc(100% - 22px)}
    .nav_list li.big a{position:relative}

    .parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
    .sub a:hover,
    .sec13_load dd a:hover,
    .sec02_load dl dd a:hover,
    .sec04_slide .title a:hover{text-decoration:none}

    .hamburger:hover,
    .to_top:hover,
    .sec04_slide .slick-slide .img:hover,
    .sec04_slide .slick-arrow:hover{opacity:.7}

    .btn.active a{background-color:var(--mcolor);color:#fff}
    .sec07_item li img{transition:all .3s;transform:scale(1)}
    .sec07_item li:hover .img img{transform:scale(1.2);transition:all .3s}
    .un_acc dl dt:hover{background:#ddd}
    .h_menu:hover{background:#000}
    
    .h_contact_sika a span,
    .h_contact_tel_tt span,
    .hamburger{-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;-moz-text-orientation:mixed;-ms-text-orientation:mixed;text-orientation:upright}

    .sec04_list1 li,
    .sec04_list2 li,
    .cta_bnr a{z-index:1;position:relative}
    .is_nav .h_contact_sika a,
    .cta_contact_mail a:hover{background:var(--mcolor)}
    .list_faq dt:hover{color:var(--mcolor)}
    .sec02_tab li a:hover{background:#333;color:#fff}
    .h_over a:hover{background:var(--mcolor);border-color:var(--mcolor);color:#fff}
    .h_over a:hover::before{background:url('../images/icon_arrow_w.svg') no-repeat center}
}

@media screen and (min-width: 751px) and (max-width: 1800px) {
    h1{padding-top:10px;font-size:11px;margin-bottom:10px;letter-spacing:0;max-width:400px}
    .h_inner{max-width:100%;padding-left:0}
    /*.h_inner{padding-right:558px;width:calc(100% - 65px);margin-left:auto;justify-content:flex-end;align-items:center}*/
    .h_inner{padding-right:386px;width:calc(100% - 405px);margin-left:auto;justify-content:flex-end;/*align-items:center*/}

    .h_left{margin-right:37px;padding-top:0}
    /*.h_mv{width:360px;height:100%}*/
    /*.h_mv{width:500px;height:100%}*/
    .h_mv{width:50%;height:100%}
    .h_list{margin-bottom:30px}
    .h_right{position:fixed;right:0;pointer-events:initial;height:calc(100% - 57px)}
    .h_list li{width:110px;height:30px;font-size:13px;padding-top:2px}
    .h_list li.item2{width:80px}
    .h_list li.item3{width:100px}

    .h_contact > *,
    .hamburger,
    .to_top,
    .h_contact{width:70px}

    .to_top{height:57px}
    .h_contact_sika a,
    .h_contact_tel_tt{font-size:15px;letter-spacing:0}
    .h_contact_sika a span{padding-top:25px;background-size:22px auto}
    .h_contact_tel span{padding-top:30px;letter-spacing:0}

    .hamburger span{padding-top:25px}
    .hamburger:hover,
    .hamburger{background-position:center top 10px}
    .hamburger.is_active:hover,
    .hamburger.is_active{background-position:center top 6px}
    
    .box_booking{margin-bottom:40px}
    .booking_img,
    .mv_sm_slider{width:400px}
    
    footer,
    .content{margin-right:110px}

    .bookingCalendar__tab{padding: 8px;font-size: 12px}

}

@media screen and (min-width: 751px) and (max-width: 1560px) {
    .sec06_img.fixed{right: 110px;}
}

@media screen and (min-width: 751px) and (max-width: 1450px) {
    .logo{width:370px}
    h1{max-width:320px;font-size:10px}
    /*.h_inner{padding-right:538px}*/
    .h_inner{padding-right:23rem}
    .h_list li{width:80px;font-size:11px}
    .h_left{margin-right:30px}

    nav .inner{align-items:center;height:auto;min-height:100%;padding-top:25px}
    .nav_list > div ul > li{margin-bottom:0;font-size:14px}
    .nav1,
    .nav2,
    .nav_list > div.nav2{margin-bottom:11px}
    .nav_list{margin-bottom:20px}
    .nav_list > div > .big{font-size:15px;height:32px}
    .nav_list > div > .big::before{top:7px}
    .box_news_r{width:calc(100% - 150px)}
    .h_inner{padding-left:7vw}
    .h_left{pointer-events:initial}
    /*.h_mv{width:310px}*/
    .h_mv{width:280px}

    .booking_img,
    .mv_sm_slider{width:370px}
    footer,
    .content{margin-right:100px}
   /* .sec06_img.fixed{right:100px}*/
    /*.sec06_img.fixed{right:100px}*/
    .sec06_img.fixed{right:auto;}
    .content::after,
    footer::after{width:500px;left:-30px}
    .mv_tt{margin-top:-295px;position:relative;z-index:1;text-shadow:0 -1px 4px #FFF,0 -2px 10px #FFF,0 -10px 20px #FFF,0 -18px 40px #FFF;margin-bottom:12px}
}

@media screen and (min-width: 751px) and (max-width: 1366px) {
    .h_inner {padding-left: 5vw;}
    .h_list{margin-bottom: 15px}
    .box_booking{margin-bottom: 20px}
    .bookingCalendar__item iframe{height: 190px}
}   

@media screen and (min-width: 751px) and (max-width: 1280px) {
    .h_box {max-height: inherit;padding-bottom: 0px;}
    .h_inner {padding-left: 0;}
    .h_ttl li {font-size: 16px;}
    .nav_list::before {right: 85px;}
    /*.h_mv{width:330px;}*/
    .h_mv{width:45%;}
}   

@media screen and (min-width: 751px) and (max-width: 1260px) {
    .h_left {max-width: 630px;}
    .h_contact_sika a,
    .h_contact_tel_tt,
    .h_contact_tel a {font-size: 14px;letter-spacing: 0;}
    .h_contact_sika a span {padding-top: 18px;background-size: 18px auto;}
    .sec03_img,
    .sec05_img,
    .sec09_img {background-attachment: scroll;}
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    .pc{display:none!important}
    img{max-width:100%;height:auto}
    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important}
    
    .hamburger{position:fixed;right:auto;bottom:0;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;border:0;z-index:101;top:auto;left:0}
    .hamburger,
    .hamburger.is_active{height:60px;padding:0;font-size:15px;display:flex}
    .hamburger-inner{display:table;padding-left:21px}
    .h_right{height:60px;top:auto;left:calc(33.333vw - 16px);bottom:0;z-index:999; bottom:-60px;}

    nav.is_active{right:0}
    nav{height:100vh;background-position:right 10px bottom 100px;padding-top:47px;padding-bottom:150px;width:100%;right:-100vw}
    nav .inner{flex-direction:column-reverse;padding:0 20px;height:auto}
    nav .logo{margin-bottom:0;margin-right:0;text-align:center}
    nav .h_ttl{justify-content:center}
    nav .h_ttl.h_ttl_t{margin-bottom:7px}
    nav .h_ttl li{font-size:18px}

    .nav_list{margin-bottom:10px;flex-direction:column;padding:0}
    .nav_list > div:not(:last-child){margin-right:0}
    .nav_right,
    .nav_list > div.nav2 ul,
    .nav_list > div.nav1,
    .nav_list > div.nav3,
    .nav_list > div.nav2,
    .nav_list > div ul > li,
    .nav_list > div ul,
    .nav1 .nav_sub1,
    .nav2 .nav_sub2{width:100%}

    .nav2 .nav_sub1{margin-bottom:0}
    .nav_list > div ul > li{margin-bottom:4px}
    .nav_list > div:not(:last-child){margin-bottom:15px}
    .nav_list > div.nav2 .nav_sub2{margin-right:0}
    .nav_list > div ul > li a{display:block;letter-spacing:.05em}
    .nav_list > div > .big{height:33px;margin-bottom:4px}
    .nav_list > div > .big::before{}

    /*=====================================================
                          C U S T O M
    ======================================================*/
    /*============ HEADER ============*/
    h1{font-size:10px;max-width:100%;margin-bottom:4px;color:#333;width:100%;padding:0}
    h1,
    .h_left{transition:all .3s}
    header.active h1{transform:translateY(-30px);margin-bottom:-3px}
    header.active .h_left{padding-top:0}
    header.active .h_box{height:80px}
    header.active #logo{width:238px;margin-left:25px;margin-top:0}

    .h_wrap{justify-content:center}
    .h_ttl li{font-size:12px}
    .logo img{width:269px}
    .bg_main{left:0;top:0}
    #logo{width:289px;margin-left:10px;margin-top:0;transform:translate(0px,-75px);transition:all .3s}
    .logo{flex-shrink:0;margin-right:10px;margin-bottom:21px}
    
    .h_box{position:fixed;z-index:99;margin:0 auto;transition:all .3s;display:flex;width:100%;background:rgba(255,255,255,0.7);height:100px}
    .h_inner{padding:0 10px}
    .h_left{display:inline-block;width:100%;padding-top:13px;flex-shrink:0}
    .h_contact .h_contact_sub.h_menu,
    nav .h_menu {bottom: auto;top: 0;right: 0;width: 50px;height: 50px;padding-left: 10px;padding-top: 8px}
    nav .h_menu {padding-top: 20px;top: 0}
    nav .hamburger-inner::before {top: 3px}
    /*============ MAIN ============*/
    .btn a {width: 100%}
    .mv{position:relative;height:185vw}
    .mv::after{position:absolute;content:"";background:url(../images/bg_main.jpg) no-repeat center top / cover;left:0;bottom:0;width:1920px;height:100%;z-index:-1}
    .mv::before{bottom:-292px}
    .mv_bg,
    .mv_slider_ite{height:170.178vw}
    .slick-slide img{width:100%;height:100%;object-fit:cover}
    /*.mv_tt{margin-top:-70px;z-index:1;margin-bottom:25px}*/
    .mv_tt{margin-top:0px;z-index:1;margin-bottom:25px}
    .mv_tt .lg{font-size:33px}
    .mv_tt .sm{font-size:18px;left:0}
    .content{width:100%;margin-right:0}
    .content::before,footer::after,
    .content2::before,
    .bg_main::after{display:none}
    .content::after,footer::after{width:100%;left:0;background:none}

    .sec01{padding-top:68px}
    .sec01_date{justify-content:center}
    .sec03_img,
    .sec05_img,
    .sec09_img{width:auto;height:auto;background:none}
    .sec03_img img,
    .sec05_img img,
    .sec09_img img,
    .sec06_img img,
    .sec12_img img,
    .sec03_img2 img{width:100%}

    .cta .inner,
    .ft_top .inner{max-width:440px}

    .caseBox .imageSlider,
    .sec04_slide .slick-slide .img{height: auto;aspect-ratio: 40/27;}
    body.under.news.news_page.customize-support .caseBox .imageSlider{ height: auto;}
    .sec06_img.fixed{right:0;width:100%!important}

    .sec09_list{justify-content: center;}

    .bookingCalendar__item iframe{height: 220px}

    /*============ FOOTER ============*/
    footer{margin-bottom:60px;padding-bottom:0;border-bottom:1px #fff solid;background:#fff}
    .ft_bt .inner{max-width:100%;padding-left:20px;padding-right:20px}
    .to_top{z-index:99;width:50px;height:60px;right:0;background:url(../images/arrow_totop_sp.svg) #333 no-repeat center;bottom: -60px}
    
    .hamburger,
    .h_contact > *{width:calc(33.333vw - 15px)}
    .hamburger span,
    .hamburger.is_active span{padding-left:30px;background-position:left center;padding-top:0}
    .hamburger.is_active span{background-position:left 5px center}

    .h_contact{width:auto;height:60px;flex-direction:row;pointer-events:none;}
    .h_contact > *{flex:none;pointer-events:initial;height:60px;font-weight:600;bottom: -60px;}
    .h_contact_tel a{font-size:14px;display:flex;width:100%;height:100%;justify-content:center;align-items:center}
    .h_contact_tel span{letter-spacing:.15em;background-size:11px auto;background-position:left center;padding:5px 0 4px 17px}
    .h_contact_sika a,
    .h_contact_tel_tt{font-size:14px}
    .h_contact_sika a{background:var(--mcolor);font-weight:600}
    .h_contact_sika a span{padding-top:0;background-position:left center;background-size:14px auto;padding-left:18px;line-height:1.21;letter-spacing:0;padding-right:0}
    .h_right,.h_right .h_contact > *{transition: all .2s;}
    .h_right.show,.h_right.show .h_contact > *,.to_top.show{bottom: 0;}
    /*============ END 750 ============ */
    .sec04_slide.slick-initialized { height: auto !important;}

}

@media screen and (min-width: 441px) and (max-width: 750px) {
    .sec01_img {padding-left: 0;text-align: center;}
    .cta_sns,
    .sec09_img2,
    .sec09_img4,
    .sec09_img5,
    .cta_btn,
    .sec09_img_3 {max-width: 440px;margin-left: auto;margin-right: auto;}
    .sec10::before {background-size: cover;background-position: center;}
}

/* screen-max:440px */
@media screen and (max-width: 440px) {
    .mv{height: 204.5vw;}
    .sp440 {display: block !important;}
}

@media screen and (max-width: 425px) {
	.sp425{display:block!important}
    .mv_tt .lg{font-size:28px}
    .mv_tt .sm{margin-left:0}
    /*.mv_tt{margin-top:-100px}*/
    .mv_tt{margin-top:0px}

    .h_list.mv_list{padding:0 10px}
    .h_list li{width:auto!important;padding:0 10px;font-size:13px}

    .sec01_img{padding-right:15px}
    .sec01_tt{position:relative;width:calc(100% + 40px);left:-20px}

    .ttl_com{letter-spacing:0;font-size:22px}
    .sec03_ttl3 .en{font-size:16px}
    .sec06_sub_ttl{font-size:18px;letter-spacing:0}
    .sec06_list li{padding-left:12px;letter-spacing:0}
    .sec06_list{padding:19px 8px 22px}
    .sec07_item li .tt{padding:20px 20px 0}
    .sec07_item li .tt .lg{font-size:18px;padding-bottom:10px;margin-bottom:10px}

    .ttl .en{font-size:32px}
    .ft_bnr li a{font-size:16px;letter-spacing:0}
    .sec06_ttl{font-size:30px}
    .cta_sns .tt{margin-right:20px}
    .sec09_img2 .img2{width:150px}
    .sec07_item li .tt .sm{font-size:13px}

    .bookingCalendar__tab{font-size: 3.4vw;padding: 9px 5px 8px 5px;}
}
@media screen and (max-width: 390px) {
    .sp390 {display: block !important;}

    nav{background-size: 220px;}
    .mv::before{background-size: 180px;bottom: -260px;}
    .sec01_tt .bg{font-size: 21px;}
    .sec08::after{top: -55px;background-size: 170px;}
    .sec11::after{top: -70px;background-size: 170px;}
}
@media screen and (max-width: 374px) {
    .sp360{display:block!important}
    .mv_tt .lg{font-size:26px}
    .h_list.mv_list li:not(:last-child){margin-right:7px}
    .h_list li{padding:0 8px;font-size:12px}
    .cta_add,.cta_parking{font-size:13px}
    .sec02{padding-top:90px}
    .ttl_com{letter-spacing:0;font-size:20px}
    .sec03_ttl3 .en{display:block}
    .sec03_ttl3{margin-bottom:11px;line-height:1.4}
    .sec07_item li:not(:nth-child(2n)){margin-right:10px}
    .sec07_item li{width:calc(50% - 5px);margin-bottom:20px}
    .sec07_item li .tt{padding:15px 10px 0}
    .sec07_item li .tt .sm{font-size:12px}
    .sec07_item li .tt .lg{font-size:18px;padding-bottom:6px;margin-bottom:2px}
    .btn a{font-size:14px;letter-spacing:0}
    .btn a::before{right:10px}
    .sec09 .ttl_com{font-size:18px}
    .sec09_list li .tt{font-size:15px}
    .ttl .en{font-size:28px}
    .sec09_sub_ttl .ja{letter-spacing:0}
    .sec03 .ttl_com{font-size:18px}
    .sec03_box ul li{letter-spacing:0}
    .sec01_img{padding:0 25px}
    .ft_bnr li a{font-size:14px}
    address{padding:3px 6px 0}
}