@media screen and (min-width: 1921px) {
    .sec_un_boxh3_con,
    .sec_un_boxh3,
    .un_features_w,
    .un_features_box,
    .un_features_item,
    .under main .un_boxh4,
    .under main .sec_un_boxh4 {max-width: 1920px;margin-left: auto;margin-right: auto;}
}

@media screen and (min-width: 751px) {
    .lightbox,
    .lightboxOverlay {min-width: var(--site_size);}

    /* HOVER */
    .under main #topic_path li a:hover {text-decoration: underline}
    .under main a[data-lightbox]:hover,
    .under main .bnn a:hover {opacity: 0.7;}

    .under main .ovn_content p a:not([target=_blank]):hover,
    .under main .link:not([target=_blank]):hover,
    .under main .link.h_over:hover{color: var(--scolor);}

    .under main .list_anchor .btn.active a {background: var(--scolor);pointer-events: none;}

    /* BUTTON OVN DETAIL */
    .under main .btn_list {display: flex;justify-content: center;position: relative;}
    .under main .btn_list .is_prev {position: absolute;top: 0;left: 150px;}
    .under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}
    .under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}
    .under main .sec_un_boxh3 .image {height: 530px;}
    .under main .sec_un_boxh4 .image {height: 480px;}
    .under main .room_slide .room_thumb p:hover{opacity: 0.7;}
    .btn_black a{border: 1px solid #1d1d1d;}

    .under main .list_5btn .btn{width: calc((100% - 80px) / 5);margin:0 20px 0 0;}
    .under main .list_5btn .btn:last-child{margin-right: 0;}
    .under main .list_5btn .btn a{width: 100%;}
	.under main .list_4anchor {max-width: 1430px;margin-left: auto;margin-right: auto;}
	.under main .list_4anchor p{width: calc(25% - 20px);}
	.under main .list_4anchor p a {width: 100%;}
	.frame01.mw1 {max-width: 500px;margin-left: auto;margin-right: auto;}
	.box_contact_list li.un_con1 a {width: 500px;font-size: 24px;}

    .under main .flex_3col .item:nth-child(3n + 3){margin-right: 0;}

    .under main .list_faq{width: 1200px;margin:0 auto;max-width: 100%;}
    .under main .list_faq dt:hover{color: var(--scolor);}
    .under .close:hover{background: #ccc;}
    .under main .btn_popup:hover{opacity: 0.7;cursor: pointer;}
	.un_features_item .slick-arrow:hover {background-color: var(--scolor);}

}

@media screen and (min-width: 751px) and (max-width: 1800px) {
    .top_info_con{padding-left:70px;padding-top:70px}
    .top_info_img p,
    .top_info_img p img{border-radius:25px}

    .under main .page_title{font-size:34px;padding-bottom:20px;margin-bottom:25px}
    .page_title .en{font-size:70px;margin-bottom:10px}
    .sec_un_boxh3_con,
    .sec_un_boxh3{padding-left:50px;padding-right:50px}

    .under main .un_boxh3_l .image{padding-right:50%}
    .under main .un_boxh3_l{padding-left:calc(50% + 50px)}
    .under main .un_boxh3_r{padding-right:calc(50% + 50px)}
    .under main .un_boxh3_r .image{padding-left:50%}

    .un_features{padding:137px 50px 20px}
    .un_features_w{left:0;width:100%}
    .sec_un_boxh4_con,
    .sec_un_boxh4{padding-left:0}
    #room .sec_un_boxh4{padding-right:0}

    .under main .un_boxh4_r{padding-right:calc(50% + 30px)}
    .under main .un_boxh4_r .image{padding-left:50%}
    .under main .un_boxh4_l .image{padding-right:50%}
    .under main .un_boxh4_l{padding-left:calc(50% + 30px);padding-right:0}

    .un_boxh5{max-width:inherit;}
    .un_boxh5{padding:80px 50px;}

    .un_boxh5 section:not(:last-of-type):before{width:calc(100% + 100px);left:-50px}
    .under .inner2,
    .under main .frame_pick{max-width:inherit}

    .under main #content > .inner{padding:0 30px}
    .under main h4,
    .under main .ovn_content h4{font-size:26px;line-height:1.6;padding-bottom:10px;margin-bottom:30px}
    .under main .un_boxh5 section:not(:last-of-type){padding-bottom:50px;margin-bottom:40px}
    .under main table{border-spacing:40px 0;width:calc(100% + 80px);left:-40px}
    .un_features_box .item1{margin-right:50px}
    .under main .un_boxh4{padding:0}
	.under main .list_4anchor {padding: 0 40px;}
}

@media screen and (min-width: 751px) and (max-width: 1500px) {
    .top_info_img{height:490px;bottom:0}
    .top_info_img p,
    .top_info_img p img{border-radius:0 0 25px 25px}
    .top_info_con{padding-left:30px}
    .un_features_box .item1{width:600px}
    .un_boxh3{padding:80px 0 100px}
    .sec_un_boxh3_con.pd0{padding-left:0;padding-right:0}
    .un_features{padding:80px 50px 20px}
    
    .under main .top_info_txt{padding-right:30px;margin-bottom:20px}
    .under main .un_ttl3 .en,
    .under main .ovn_content h3 .en{font-size:60px;margin-bottom:10px}
    .under main .un_ttl3,
    .under main .ovn_content h3{margin-bottom:30px}

    .under main .flex_slide .item{width: 380px;height: 360px;padding: 15px;}

    .un_features_item .item{width: calc(50vw - 100px);}
    .popup_item .center img{width: 450px;}
	.under main .flow_tb .flex_3col {width: 520px;}

    .under main .tb_l{padding-right: 20px;}
}
    

@media screen and (max-width: 750px) {
    .under main p {font-size: 13px;margin-bottom: 11px;}
    .under main #content {padding: 0 0 80px}
    .under main section {padding: 0 0 50px;}
    .under main .image_r,
    .under main .image_l {float: none;display: inline-block;width: 100%;text-align: center;margin: 0 auto 30px !important}
    .under main {padding-top: 70px;}
    .under main #content > .inner {padding: 0px 18px;}

    /*==========================================================
                     C U S T O M
    ==========================================================*/
    /*  TOP INFO  */
    .under main #top_info{height: 200px;}
    .under main .top_info_con{padding:0 15px}
    .top_info_img p,
    .top_info_img p img{border-radius:0 0 25px 25px}
    .page_title .en{font-size:46px;margin-bottom:11px}
    .page_title .ja{font-size:13px}

    .under main .page_title{}
    .under main .page_title::before{width:100%}
    
    .under main #topic_path{margin-bottom:15px}
    .under main #topic_path li,
    .under main #topic_path li a{font-size:14px}

    /*============ HEAD TITLE ============ */
    .under main h2{font-size: 26px;}
    .under main h3{font-size: 24px}
    .under main h4{font-size: 24px;padding-bottom: 5px;margin-bottom: 25px;line-height: 1.5;}
    .under main h4::before {width: 40px;}
    .under main h5{font-size: 22px;letter-spacing: 0em;}
    
    /*============ TABLE ============ */
    .under main table{margin-bottom:20px;border-spacing:0;width:100%;left:0}
    .under main table td,
    .under main table th{padding:15px 10px;font-size:13px}
    .under main table.tb_block tr{display:flex;flex-direction:column}
    .under main table.tb_block tr:not(:last-child) th{}
    .under main table.tb_block td + td{border-top:none}
    .under main table.tb_block th,
    .under main table.tb_block td{width:100%}
    .under main table.tb_block th{border-bottom:1px #CECECE solid}

    .under main .tb_scroll{overflow:scroll}
    .under main .tb_scroll:not(:last-child){margin-bottom:30px}
    .under main .tb_scroll table{width:800px}
    .under main .tb_note{margin-bottom:10px;color:#999}

    .under main th{line-height: 1.5em;}

    /*============ LIST ============ */
    .under main .list01{margin-bottom: 11px;}

    .under main .list01 li,
    .under main .list02 li,
    .under main .list_check li {font-size: 13px;}
    
    .under main .list01 li::before{top: 10px;width: 8px;height: 8px;}
    .under main .list_check li::before {top: 5px;left: 5px;width: 5px;height: 13px;}

    /* LIST FAQ */
    .under main .list_faq dl {margin-bottom: 30px;padding: 15px}
    .under main .list_faq dt span {top: 3px;}
    .under main .list_faq dt {font-size: 16px;min-height: 50px;padding-bottom: 3px;}

    /* LIST STEP */
    .under main .list_faq dl{margin-bottom: 20px;border-radius: 40px 0 40px 0;}
    .under main .list_faq dt{padding-right: 15px;}
    .under main .list_faq dt::before{width: 18px;top: calc(50% - 1px);}
    .under main .list_faq dt::after{height: 18px;top: calc(50% - 9px);right: 8px;}
    .under main .list_faq dt .en{font-size: 30px;margin-bottom: 0;line-height: 1em;}
    .under main .list_faq dt .ja{font-size: 16px;line-height: 1.5em;padding-bottom: 0;}

    .under main .list_step dl {margin-bottom: 65px;padding: 40px 18px;}
    .under main .list_step dt .num {font-size: 30px;margin-bottom: 5px;line-height: 1;}
    
    .under main .list_step dt .ja {font-size: 16px;line-height: 1.5;padding-bottom: 10px;}
    .under main .list_faq dd,
    .under main .list_step dd {font-size: 13px;}

    /* LIST BTN */
    .under main .list_2col_sp{justify-content: center}
    .under main .list_2col_sp .btn{width: calc((100% - 20px) / 2);margin:0 20px 20px 0;}
    .under main .list_2col_sp .btn:last-child,
    .under main .list_2col_sp .btn:nth-child(2n + 2){margin-right: 0;}
    .under main .list_2col_sp .btn a{width: 100%;line-height: 1.5em;}

    /*============ FRAME ============ */
    .under main .frame01{padding:30px 15px;border-radius:30px 0}
    .under main .frame01 .btn a{padding-left: 20px;letter-spacing: 0;background-position: right 15px center !important;}
    .under main .frame02{padding:30px 15px}
    .under main .frame_pick{padding:30px 15px;border-radius:30px 0}
    .under main .frame_pick .pick_ttl span{font-size:35px}
    .under main .frame_pick .pick_ttl{font-size:16px}

    /* ============ ORTHER ============ */
    .under main .box_map {height: 250px}

    .un_boxh3{border-radius:30px 0 30px 0;padding:30px 20px}
    .sec_un_boxh3_con,
    .sec_un_boxh3{padding-left:0;padding-right:0}

    .under main .top_info_txt{padding-right:0;margin-bottom:15px}
    .under main .un_ttl3 .en{font-size:46px;margin-bottom:11px}
    .under main .un_ttl3 .ja .text{padding:0 15px}
    .under main .un_ttl3 .ja{font-size:13px}
    .under main .un_ttl3{margin-bottom:20px}

    .under main .sec_un_boxh3 .image,
    .under main .sec_un_boxh4 .image{position:relative}

    .under main .un_boxh3_r,
    .under main .un_boxh3_l .image{padding-right:0;margin-bottom:30px}
    .under main .un_boxh3_l{padding-left:0}
    .under main .un_boxh3_r .image,
    .under main .un_boxh3_l .image{width:calc(100% + 20px)}
    .under main .un_boxh3_r .image,
    .under main .un_boxh3_r .image img{border-radius:15px 0 0 15px}
    .under main .un_boxh3_l .image img,
    .under main .un_boxh3_l .image{border-radius:0 15px 15px 0}
    .under main .un_boxh3_l .image{left:-20px}
    .under main .un_boxh3_r .image{right:0}

    .under main .sec_un_boxh3{min-height:inherit}
    .un_features_box .item2{max-width:inherit}
    .under main .un_boxh4{padding:0}
    .under main .un_boxh4_r{padding-right:0}
    .under main .sec_un_boxh4{min-height:inherit}
    .sec_un_boxh4_con,
    .sec_un_boxh4{padding-left:0;padding-right:0}
    .under main .un_boxh4_r .image{right:0;width:calc(100% + 20px)}
    .under main .un_boxh4_l{padding-left:0}
    .under main .un_boxh4_l .image{left:-20px;padding-right:0;width:calc(100% + 20px)}
    .un_boxh5{border-radius:30px 0;padding:30px 20px;margin-bottom: 60px;max-width: 100%;}
    .under main .un_boxh5 section:not(:last-of-type){padding-bottom:40px;margin-bottom:20px}
    .un_boxh5 section:not(:last-of-type):before{width:calc(100% + 40px);left:-20px}
    .under .inner2{max-width:1420px;padding:0 18px}

    .un_features{margin-top:30px;border-radius:30px 0;padding:60px 15px 40px;margin-bottom:40px}
    .un_features_w{left:0;width:100%;flex-direction:column;margin-bottom:30px}
    .un_features_box .item1{margin-right:0}
    .un_features_box{flex-direction:column}
    .un_features_box{margin-bottom:43px}

    .un_features_item{margin-bottom: 0;flex-wrap: wrap;width: 100%;}
    .un_features_item .item{width:100%;margin: 0 25px;}
    .un_features_item .item:last-child{margin-bottom: 0;}
	.un_features_item .slick-arrow { width: 30px; height: 50px; background-size: 10px auto; }
	.un_features_item .slick-next {right: -10px;}
	.un_features_item .slick-prev {left: -10px;}

    .under main .un_features_w .un_ttl3{margin-bottom:30px;padding-left: 15px;}
    .under main .un_features_w .un_ttl3 .en{letter-spacing: 0;}
    .under main .un_features_w .un_ttl3 .ja .text{padding: 0 8px;}
    .under main .un_features_tt{font-size:20px;line-height:1.9;text-align:left;padding-left:15px}

    .un_features_tt1 .bg{width:210px;height:40px;border-radius:38px;margin-bottom:20px;font-size:12px;margin-left:15px}
    .un_features_box .item2{margin-top:20px}
    .un_features_tt1 .ja{font-size:17px;line-height:1.64;padding-left:0}
    .un_features_item .item .img{margin-bottom:20px}
    .un_features_item .item .un_features_tt1{margin-left:0;padding-right: 35px;}
    .un_features_item .item .un_features_txt1{padding-right: 35px;}
    .un_features_box .item2 .un_features_tt1 .ja{font-size:20px}
    .un_features_box .item2 .un_features_txt1{max-width:inherit;font-size:13px;padding-right:33px}

    .under main .un_features_item .item .un_features_en,
    .under main .un_features_en{height:100%;top:0px;font-size:9px;line-height:2.7;right: 6px;padding-right: 0;}

    .un_features_en > span{margin-top:5px}

    .under main .flex_2col{justify-content: center;margin-bottom: 0;}
    .under main .flex_2col .item{padding: 20px;width: 600px;margin:0 0 20px;border-radius: 30px 0 30px 0;max-width: 100%;}
    .under main .flex_2col .item:last-child{margin-bottom: 0;}
    .under main .flex_2col .item .big{font-size: 18px;line-height: 1.75em;}
    .under main .flex_2col .item .txt{margin-bottom: 0;}
    .under main .flex_2col .item .txt span{width: 85px;}
    .under main .flex_2col .item .btn{position: relative;bottom: inherit;left: inherit;margin-top: 15px;}

    .under main .flex_3col .item{padding: 20px;width: 600px;margin:0 0 20px;border-radius: 30px 0 30px 0;max-width: 100%;}
    .under main .flex_3col .item .big{font-size: 18px;line-height: 1.75em;}

    .under main .room_slide{flex-wrap: wrap;margin-bottom: 15px;}
    .under main .room_slide .room_big{width: 100%;}
    .under main .room_slide .room_thumb{width: calc(100% + 10px);margin:0 -5px 20px}
    .under main .room_slide .room_thumb p{margin:0 5px;}

    .under main .flex_3img{justify-content: space-between;}
    .under main .flex_3img .item{width: calc((100% - 20px) / 2);margin:0 0 20px;padding: 15px;}
    .under main .flex_3img .item p{font-size: 16px;}

    .under main .flex_slide .item{width: 300px;height: 300px;margin-right: 20px;}

    .box_contact_tel.tel_b a{background: url("../images/icon_tel_b.svg") no-repeat left center/17px;}
	.box_contact_list li.un_con1 {width: 100%;}
	.box_contact_list li.un_con1, .frame01.mw1 {max-width: 500px;margin-left: auto;margin-right: auto;}
	.box_contact_list li.un_con1 a {width:100%;font-size: 18px;}
	.box_contact_list li.item1.un_con1 a span {padding-left: 27px;}

    /* POPUP */
    .under .room_popup{padding: 30px;}
    .under .room_popup_ct{padding: 15px;}
    .popup_item .center img{width: 450px;max-width: 100%;}
    .under .close{width: 35px;height: 35px;top: -15px;right: -15px;}

    /* FLOW TABLE */
    .under main .flow_tb{display: flex;align-items: flex-start;flex-wrap: wrap;}
    .under main .flow_tb .flex_3col{flex-shrink: 0;width: 100%;margin-right: 0;margin-bottom: 30px;}
    .under main .flow_tb .flex_3col .item{margin-bottom: 0;}
    .under main .tb_content{display: flex;flex-wrap: wrap;}
    .under main .tb_content table{width: 100%;margin-bottom: 0;}
    .under main .tb_content .des{margin-top: 15px}

    /* ROOM FLEX */
    .under .room_flex{flex-direction: column;justify-content: center;}
    .under .room_flex .img{margin:0 0 30px;}
    .under .room_flex .sec04_item{width: 100%;}

    .under main .tb_2col_ct{flex-wrap: wrap;}
    .under main .tb_l{width: 100%;padding-right: 0;}
    .under main .tb_r{width: 100%;padding: 30px 0 0;}
	
	.under main .privacy_box {padding: 30px 15px;}
	.under main .list_anchor .btn a { padding-left: 20px; background-position: right 15px center !important; }
}

/* IPHONE 14 */
@media screen and (max-width: 440px) {
    .under main .flex_3img .item{width: 100%;}

    .under main .flex_slide .item{width: 260px;height: 260px;margin-right: 15px;}
    .under main .flex_slide .item p{font-size: 14px;}

    .un_features_info,
    .un_features_box .un_features_info{padding-left: 0;}

    .un_features_box .item2 .un_features_tt1 .ja{font-size: 17px;}

    .under .room_popup .sec04_item > div{width: 100%;}
}

@media screen and (max-width: 390px) {
    .un_features_tt1 .ja,
    .un_features_item .item .un_features_txt1 {padding-left: 0;}

    .under main .un_ttl3 .en{font-size: 40px;}
    .under main .un_features_tt{font-size: 5.5vw;}
    .under main .flex_2col .item .txt{display: block;}
    .under main .flex_2col .item .txt span{display: block;}
    .under main .flex_2col .item .big{font-size: 17px;}

    .sec04_price .price{font-size: 18px;position: relative;bottom: -2px;}

    .under .room_popup .sec04_price .number,
    .sec04_price .number{font-size: 24px;line-height: 1em;}
    .sec04_price .sm{bottom: 0;}
    .sec04_price .sm:last-child{margin-right: 0;}
}