@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{color: var(--scolor);}


/* 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: 250px;}
.under main .btn_list .is_next {position: absolute;top: 0;right:250px;}

.under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}
.under main .list_ovn li:hover {background:rgb(0,72,192,10%);}
/*ITEM H4*/
.under main .item{display: flex;justify-content: space-between;align-items: center;}
.under main .row-reverse{flex-direction: row-reverse;}
.under main .item_h4 .info{width: calc(100% - 715px);}
.under main .item_h4_1::before{left: 86px;}
.under main .item_h4_2::before{right: 86px;}

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

.under main table.tb_cus th{padding:8px 25px 9px 25px}

.under main .btn_list .is_none a:hover,.under main .btn_list .is_prev a:hover{background-color: var(--scolor);}



}
@media screen and (min-width: 751px) and (max-width: 1600px){
    .under main h2{font-size: 60px}
    .under main h3, .under main .ovn_content h3{font-size: 50px;padding-right: 0;}
    .under main{padding-top: 80px}
}
@media screen and (min-width: 751px) and (max-width: 1280px){
    .under main .item_h4 .info{width: calc(100% - 680px);}
}
@media screen and (max-width: 750px) {

.under main{padding-top: 70px}
.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 .item_h4::before{width: calc(100% + 30px);left: -15px}
.under main .item_h4{padding: 30px 0}
/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:250px;margin-bottom: 50px}
.under main #top_info::after{width: 300px}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}
.under main #topic_path li:not(:last-child)::after{width: 6px;top: 0;margin: 0 10px;}


/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:24px;margin: 0 auto 20px auto;padding-right: 0px;}
.under main h4,
.under main .ovn_content h4{font-size:22px;line-height: 1.4em;}
.under main h5,
.under main .ovn_content h5{font-size:20px;padding-bottom: 12px;margin-bottom: 30px;}
.under main h6,
.under main .ovn_content h6{font-size:18px;padding-left: 16px;border-left-width: 4px;}

/*============ TABLE ============ */

.under main table{margin-bottom:1.5em}
.under main table td,
.under main table th{padding:10px;line-height: 1.4em;}
.under main table.mailform th, .under main table th{font-size: 18px;}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block tr:not(:last-child) th{border-bottom:none}
.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,.under main table.mailform th{border-right: none;border-left: none;}
.under main table.tb_block td,.under main table.mailform td{border: none;}

.under main table .bg1{padding: 10px}

/* 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: 16px;padding-left: 20px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{ width: 9px;height: 9px;top: 12px;}

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

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

/* 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 dl{margin-bottom: 20px;padding-bottom: 40px}
.under main .list_step dt{font-size: 18px}
.under main .list_step dl:not(:last-child)::before{width: 50px;left: calc(50% - 25px);bottom: 0px;}
/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

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

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


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


/* ===========  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 {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 .ovn_content img{max-height: 350px;}
}


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

.under main .list_anchor{justify-content: space-between;margin-bottom: 0px;}
.under main .list_anchor .btn{width: calc((100% - 10px) / 2);margin: 0 0px 10px 0}
.under main .list_anchor .btn a{width: 100%}

.under main .list_ovn li .img {height: 50vw;}
.under main .list_ovn li {width: 100%;}
.under main .list_ovn li:last-child {margin-bottom: 0;}


}


/* IPHONE 6 */
@media screen and (max-width: 360px) {

}