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

/* HOVER */
.under main #topic_path li a:hover{background-color: var(--mcolor);color:#fff;border-color: var(--mcolor);}
.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{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: 100px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 100px;}

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

.under main #top_info .u_info_l{width: 700px;padding: 78px 0 0 0}
.under main #top_info .u_info_r{margin-right:0}


.under main .list_u_1 li a:hover{color:var(--mcolor);}

.under main .item_h4,.under main .item_h5{display:flex;justify-content: space-between;align-items: center;}
.under main .flex-start{align-items: flex-start;}
.under main .item_h4 .img{width: 750px;margin-bottom: 0;}
.under main .it1 .img{margin-left: calc(50% - 960px);}
.under main .it2 .img{margin-right: calc(50% - 960px);}
.under main .item_h4 .info{width: calc(100% - 440px);}

.under main .item_h5 .img{width: 450px;}
.under main .item_h5 .info{width: calc(100% - 518px);}

.under main .it_h4{padding-bottom: 76px}
.under main .it_h5{padding-bottom: 42px}

.under main .item_h4.it1 .img img{border-radius: 0 30px 30px 0}
.under main .item_h4.it2 .img img{border-radius: 30px 0 0 30px}

.under main .u_right{flex-direction: row-reverse;}

.under main .list_box .it1 .txt,.under main .list_box .it2 .txt{padding-top: 25px}
.under main .list_box .it10 .txt{padding: 20px 17px}

.under main .list_img .item_l{width: 500px;}
.under main .list_img .item_r{width: calc(100% - 544px)}

.under main .tag-link .list_u_1>li a:hover{text-decoration: none}
.under main .tag-link .list_u_1>li a.no-link:hover{text-decoration: underline;color:var(--txt);}
.under main .tag-link .list_u_2 li a::before{top: 5px}

.under#basics main .u_info_desc,.under#preparation main .u_info_desc,.under#price main .u_info_desc{margin-top: -35px}
.under#case main .u_info_desc,.under#guide main .u_info_desc{margin-top: -151px}

.under main .list_ovn li:hover {background: var(--gray);}

.under main{padding-top: 170px}
.under#basics main .u_info_desc .u-tt-desc{max-width: 100%}
.under#ovn_detail main #top_info,.under#page_404 main #top_info{margin-bottom: 50px}


}
@media screen and (min-width: 751px) and (max-width: 1600px){
    .under main{padding-top: 155px}
    .under main #top_info .inner{padding: 0 0 0 100px;}
    .under main #top_info .u_info_l{padding: 25px 0 0 0;width: 55%;margin-right: 5%}
    .under main #top_info .u_info_r{width: 620px}
    
    .under main #top_info .u_info_desc .inner{max-width: 1000px}
    .under main .u_info_desc{margin: -90px 0 91px 0;padding: 55px 0;}
    .under main .u_info_desc .u-tt-desc{font-size: 30px}
    .under main .item_h4 .img{width:62%}
    .under main .it1 .img{margin-left: calc(50% - 72%);}
    .under main .it2 .img{margin-right: calc(50% - 72%)}
    .under main .item_h4 .info{width: calc(100% - 540px);}
    .under main .u_box1::after{bottom: -30px}
    .under main .u_box1_sec::before, .under main .u_box1_sec::after{width: 40%}
    .under main .u_box1_sec::before{left: calc(50% - 800px);}
    .under main .u_box1_sec::after{right: calc(50% - 800px);}

    .under main .ls0{letter-spacing: -0.02em}

    .under main h2{font-size: 40px;}
    .under main .u_box3_sec::after{top: -1px}
    .under#basics main #top_info .u_info_l,.under#preparation main #top_info .u_info_l,.under#price main #top_info .u_info_l{padding-top: 0}
    .under#basics main .u_info_desc,.under#preparation main .u_info_desc,.under#price main .u_info_desc,.under#guide main .u_info_desc{margin-top: -10px}
}
@media screen and (min-width: 751px) and (max-width: 1440px){
    
    .under main .it1 .img{margin-left: calc(50% - 68%);}
    .under main .it2 .img{margin-right: calc(50% - 68%)}
    .under main .item_h4 .info{width: calc(100% - 570px);}
    .under main .u_box1_sec::before{left: calc(50% - 725px);}
    .under main .u_box1_sec::after{right: calc(50% - 725px);}
}
@media screen and (min-width: 751px) and (max-width: 1366px){
    .under main .it1 .img{margin-left: calc(50% - 64%);}
    .under main .it2 .img{margin-right: calc(50% - 64%)}
    .under main .item_h4 .info{width: calc(100% - 600px);}

    .under main .u_box1_sec::before{left: calc(50% - 700px);}
    .under main .u_box1_sec::after{right: calc(50% - 700px);}
}
@media screen and (min-width: 751px) and (max-width: 1280px){
    .under main .item_h4 .img{width: 57%;}
    .under main .it1 .img{margin-left: calc(50% - 650px);}
    .under main .it2 .img{margin-right: calc(50% - 650px)}
    .under main .u_info_desc::before{min-width: 1200px}

    .under main .u_box1_sec::before{left: calc(50% - 640px);}
    .under main .u_box1_sec::after{right: calc(50% - 640px);}
    
}



@media screen and (max-width: 750px) {
.under main #content{padding:0 0 80px}
.under main section{padding:0 0 60px;}

.under main .image_r,
.under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 30px !important}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info .inner{flex-direction: column;}
.under main #top_info .inner,.under main #top_info .u_info_desc .inner{padding: 0 15px}
.under main #top_info .inner .u_info_r{max-width: 500px;margin: 0 auto}
.under main .u_info_desc{margin: -60px 0 60px 0;padding: 90px 15px 40px 0;}
.under main .u_info_desc::before{width: calc(100% - 15px);min-width: auto;border-radius: 0 30px 30px 0;}
.under main .u_info_desc .u-tt-desc{font-size: 20px;line-height: 1.5em;margin-bottom: 20px;max-width: 100%;}
.under main .u_img img{border-radius: 25px}

.under main .index_menu{padding: 40px 30px 15px 30px;margin-bottom: 0;}
.under main .index_menu .tt-content{margin: -60px 0 8px 0;}
.under main .list_u_2{padding-left: 42px}
.under main .list_u_1>li{padding: 10px 0}
.under main .list_u_1>li>a{padding-left: 40px;}
.under main .list_u_2 li a::before{top: 5px}
.under main .list_u_1>li>a::before,.under main .tag-link .list_u_1>li::after{width: 30px;height: 30px;}
.under main .tag-link .list_u_1>li>a::before{top: -1px}
.under main .tag-link .list_u_1>li::after{top: 9px}
.under main .index_menu.tag-link{padding-bottom: 25px;margin-bottom: 0;}

.under main #top_info{padding-top: 30px;}
.under main #topic_path,.under#page_404 main #top_info{margin-bottom: 30px;text-align: center;}
.under#ovn_detail main #top_info{margin-bottom: 0px;}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;line-height: 1.2em;}
.under main #topic_path li a{padding: 4px 11px 1px 11px;}

/*============ HEAD TITLE ============ */
.under main h2,.under main h3,.under main h4,.under main h5{margin-bottom: 30px}
.under main .u-tt-en{margin-bottom: 0;text-align: center;}
.under main h2{font-size:26px;text-align: center;margin-bottom: 10px;}
.under main h3,
.under main .ovn_content h3{font-size:24px;}
.under main h3::before, .under main .ovn_content h3::before{width: 15px;height: auto;aspect-ratio: 1 / 1;top: -20px;}
.under main h3 .en{margin-bottom: 10px}
.under main .img_tag3{margin: 40px 0 0 0;padding-bottom: 0}
.under main h3.mt_tag3{margin-top: 60px}
.under main h4,
.under main .ovn_content h4{font-size:22px;padding-bottom: 10px;}
.under main .tt_tag4{font-size: 18px;margin-bottom: 15px;}
.under main .tt_tag4{padding-bottom: 0}
.under main h5,
.under main .ovn_content h5{font-size:20px;}
.under main .group_h5{padding: 40px 0}
.under main .item_h5 .img{text-align: center;margin: 0 auto 1.5em auto}

.under main h6,
.under main .ovn_content h6{font-size:18px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding: 10px;border-bottom-width: 4px;font-size: 14px;}
.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.table_b{margin-bottom:2.4em}

/* TABLE SCROLL */
.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;}

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{font-size: 14px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{width: 13px;aspect-ratio: 1 / 1;height: auto;}

.under main .list02,
.under main .ovn_content ol{}
.under main .list02 li,
.under main .ovn_content ol li{font-size: 14px}
.under main .list02 li::before, .under main .ovn_content ol li::before{padding: 0 0 1px 0;top: 1px}

.under main .list_check{}
.under main .list_check>li{font-size: 14px;}
.under main .list_check>li::before{top: 5px;width: 6px;height: 12px;}

/* 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: 18px;min-height: 50px;padding-bottom: 3px;}

/* List STEP */
.under main .list_step .item-step{margin-bottom: 20px;padding-bottom: 40px}
.under main .list_step .item-step:not(:last-child)::before{width: 54px;height: auto;aspect-ratio: 8 / 3;left: calc(50% - 27px);bottom: 0px;}

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

.under main .frame02{padding:30px 15px}

.under main .frame_pick{padding:30px 15px}
.under main .frame_pick .sub_pick_ttl{margin: -50px 0 25px 0px;}
.under main .frame_pick .sub_pick_ttl span{padding: 3px 20px}
.under main .frame_pick .pick_ttl{font-size: 18px}


/* ============ ORTHER ============ */
.under main .box_map{height:250px}
.under main .item_h4 .img img{border-radius: 20px}

.under main .u_box1_sec::before, .under main .u_box1_sec::after{width: 220px;bottom: 1px;}
.under main .u_box1_sec::before{left: -15px;}
.under main .u_box1_sec::after{right: -15px;}
.under main .u_box1{padding: 40px 0 100px 0}
.under main .u_box1::after{width: 160px;bottom: -14px;}
.under main .u_box1 .tt{font-size: 25px;margin-bottom: 30px;}
.under main .u_box1 .tt .txt{padding: 0 15px}
.under main .u_box1 .tt .txt::before, .under main .u_box1 .tt .txt::after{width: 8px;height: 8px}

.under main .u_box2_sec{max-width: 500px;padding: 60px 0 30px 0;}
.under main .u_box2_sec .tt_box2 .txt{padding: 7px 20px;}
.under main .u_box2_sec .tt_box2 .txt::before{width: 41px;left: -55px;top: -30px;}
.under main .u_box2_sec .tt_box2 .txt::after{width: 42px;right: -60px;top: -30px;}
.under main .u_box2_sec .tt_box2_2{font-size: 20px;}
.under main .u_box2_sec .tt_box2_3{font-size: 25px}
.under main .u_box2_sec::before, .under main .u_box2_sec::after{width: 94px;bottom: -1px;}

.under main .list_box li{width: calc((100% - 32px) / 3);}
.under main .list_box li .name{min-height: 70px}

.under main .u_box3 .info_box3{padding:50px 30px}
.under main .info_box3 .list_item{max-width: 400px}
.under main .info_box3 .list_item .item{margin-bottom: 15px}
.under main .info_box3 .list_item .item .tt{font-size: 16px;height: auto;padding: 10px 20px;}
.under main .info_box3 .list_item .it1::before{left: 70px;width: 100px;top: initial;bottom: 0;}
.under main .info_box3 .list_item .it2 .tt1{font-size: 16px}
.under main .info_box3 .list_item .it2 .tt2{font-size: 25px}

.under main .info_box3 .list_item .it2{display: table;padding: 15px;margin: 0 auto 15px auto;}
.under main .info_box3 .list_item .it2::before{width: 30px;}
.under main .info_box3 .list_item .it2::after{width: 30px;}

.under main .info_box3 .list_item .it3::before{width: 100px;}
.under main .info_box3 .list_item .it4::before{width: 115px;right: 0px;}

.under main .info_box3 .list_item .it4 .tt{height: auto;padding: 10px 30px;}
.under main .u_box3::before{height: calc(100% + 1px);}
.under main .sub_u:not(:last-child){margin-bottom: 40px}

.under main .item_h3 .img{display: block !important;}
.under main .item_h3 .info .img{display: none !important;}

/* ===========  OVERNOTE ===========  */
.under main .list_ovn {justify-content: space-between;}
.under main .list_ovn li {width: calc((100% - 20px) / 2);margin: 0 0 20px 0}
.under main .list_ovn li .cate {font-size: 14px;}
.under main .list_ovn li .img_ovn {height: 30vw;}
.under main .list_ovn .info_box .cate {padding: 3px 15px 2px;}

.under main .btn_list {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}
.under main .btn_list li:not(:last-child) {margin-bottom: 20px;}

.under main .list_img{flex-direction: column;}
.under main .list_img .item_l, .under main .list_img .item_r{padding: 20px}
.under main .list_img .item_l{border-left: none;border-bottom: 3px solid var(--mcolor);}

.under main .u_contact{flex-direction: column;max-width: 400px}
.under main .u_contact .c_tel{margin: 0 0 20px 0}
.under main .u_contact .c_tel a{font-size: 25px;justify-content: center;}
.under main .u_contact .c_tel .ic::before{top: 10px}
.under main .u_contact .c_line a{font-size: 16px}
.under main .u_contact li .ic{padding-left: 40px;}
.under main .u_contact .c_line .ic::before{width: 30px;top: 10px}
.under main .privacy-wrap{margin-top: 20px}
.under main .list_img .btn a{text-align: center;padding: 0;justify-content: center}
.under main .max_w400{max-width: 350px}
.under main .info_ttl_u{padding-left: 70px;}
.under main .info_ttl_u::before{width: 60px}
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {

/*============ ORTHER ============ */
.under main .list_ovn li .img_ovn {height: 50vw;}
.under main .list_ovn li {width: 100%;}
.under main .list_ovn li:last-child {margin-bottom: 0;}

.under main .u_box1_sec::before, .under main .u_box1_sec::after{width: 120px;}
.under main .u_box1{padding: 40px 0 80px 0;}
.under main .u_box1::after{width: 115px;bottom: -11px;}
.under main .list_box li{width: calc((100% - 16px) / 2);}

.under main .u_box2_sec .tt_box2 .txt::before{left: -30px}
.under main .u_box2_sec .tt_box2 .txt::after{right: -30px}
.under main .info_box3 .list_item .it2::before,.under main .info_box3 .list_item .it2::after{top:25px}
.under main .info_box3 .list_item .it2::before{left: -15px}
.under main .info_box3 .list_item .it2::after{right: -15px}

.under main .info_box3 .list_item .it1::before{left: 0;}

.under main .info_box3 .list_item .it4 .tt{}
.under main .info_box3 .list_item .it3 .tt{}
.under main .u_box3::before,.under main .u_box3_sec::after{top: -1px}

.under main .info_box3 .list_item .it3::before,.under main .info_box3 .list_item .it4::before{/* left: 0; */margin: 0 auto}
.under main .u_box2_sec::before, .under main .u_box2_sec::after{bottom: 0}

.under main #top_info .inner .u_info_r{width: calc(100% - 30px);}
.under main .u_contact .tt-c3{font-size: 14px}

}
@media screen and (max-width: 385px) {
.under main .u_box3 .info_box3{padding: 30px 15px}
.under main .info_box3 .list_item .it1::before,.under main .info_box3 .list_item .it3::before{width: 75px;}
.under main .info_box3 .list_item .it4::before{width: 90px;}
}

/* IPHONE 6 */
@media screen and (max-width: 360px) {
    
    .under main .u_box1 .tt{font-size: 20px}
    .under main .list_box li .txt{padding: 28px 8px;}
    .under main .u_box1 .tt .txt::before, .under main .u_box1 .tt .txt::after{top:12px}
    .under main .u_box1_sec::before, .under main .u_box1_sec::after{width: 100px}

    .under main .u_box2_sec::before, .under main .u_box2_sec::after{width: 70px;bottom: 0px;}

    .under main .info_box3 .list_item .it2 .tt1{font-size: 16px}
    .under main .info_box3 .list_item .it2 .tt2{font-size: 20px}

    .under main .info_box3 .list_item .it1::before{width: 85px;top: initial;bottom: 0;letter-spacing: -10px}
    .under main .u_box3 .info_box3{padding: 50px 15px}
    .under main .info_box3 .list_item .item .tt{font-size: 16px}
    .under main .u_box2_sec .tt_box2 .txt::before{width: 30px;left: -20px;}
    .under main .u_box2_sec .tt_box2 .txt::after{width: 32px;right: -20px;}
    .under main .info_box3 .list_item .it1::before{left: 15px}

    .under main .u_contact{padding: 10px}

    .under main .info_box3 .list_item .item .tt{font-size: 14px}
}
@media screen and (max-width: 320px) {
    .under main .info_box3 .list_item .item .tt {padding:10px}
    .under main .info_box3 .list_item .it4 .tt{padding: 10px 15px}
    .under main .info_box3 .list_item .it1::before, .under main .info_box3 .list_item .it3::before{width: 65px}
    .under main .info_box3 .list_item .it4::before{width: 80px}
    .under main .info_box3 .list_item .it2{padding: 15px 25px}
    .under main .u_contact .tt-c3{font-size: 12px}
}