@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 .list_kiji dd a:hover{color: var(--mcolor);}
.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: 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;}

/* ITEM H4 */
/*.under main .item_h4,.under main .item_h5{display: flex;align-items: center;justify-content: space-between;}*/
/*.under main .flex{flex-direction:row-reverse}
.under main .item_h4 .item_l{width: 500px;}
.under main .item_h4 .item_r{width: 640px;padding-top: 6px;}

.under main .item_h4_2 .item_l{width: 580px;}
.under main .item_h4_2 .item_r{width: calc(100% - 700px);}


.under main .item_h5 .item_l{width: calc(100% - 515px);}
.under main .item_h5 .item_r{width: 428px;padding-top: 6px;}


.under main .item_h5_2 .item_l{width: calc(100% - 435px);}
.under main .item_h5_2 .item_r{width: 314px;padding-top: 6px;}*/

.under main .list-h5 li:nth-child(4n+4){margin-right: 0}

.under main .list_anchor .btn a{width: 412px}
.under#contact main .info_tth2{margin-top: 94px}

.under main .item_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.under main .item_list .sub_sec{width: calc((100% - 50px) / 2);}

}
@media screen and (min-width: 751px) and (max-width: 1800px){
    .under main #top_info{
    height: 370px;
}
    .under main #top_info::before{width: 100%;height: 350px;}
    .under main .info_tth2{width: auto;padding: 20px;margin: 25px 0 0 0;}
    .under main h2{font-size: 75px;}


}
@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{height: 220px;padding-bottom: 25px}
.under main #top_info::before{width: 100%;height: 280px;background-size: cover;}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}

.under main .info_tth2{width: auto;height: auto;border-radius: 15px;padding: 15px 20px;margin: 0;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:24px;margin-bottom: 40px;}
.under main h3 .ttl3{padding-bottom: 20px}
.under main h3 .ttl3::before, .under main h3 .ttl3::after, .under main .ovn_content h3::before, .under main .ovn_content h3::after{height: 2px;width: calc(100% - 30px);}
.under main h3 .ttl3::before, .under main .ovn_content h3::before{left: 2px}
.under main h3 .ttl3::after, .under main .ovn_content h3::after{right: 2px;bottom: -7px;}
.under main .u_desc{font-size: 18px}

.under main h4,
.under main .ovn_content h4{font-size:22px;margin-bottom: 30px;}
.under main h5,
.under main .ovn_content h5{font-size:20px;}
.under main h6,
.under main .ovn_content h6{font-size:18px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table th{font-size: 18px;}
.under main table td,
.under main table th{padding: 10px;}
.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.mailform th, .under main table th{font-size: 20px}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 15px;}
.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;
}
.under main .list01 li::before,
.under main .ovn_content ul li::before{
    top: 11px;
}

.under main .list02,
.under main .ovn_content ol{}
.under main .list02 li,
.under main .ovn_content ol li{}
.under main .list02 li::before,
.under main .ovn_content ol li::before{}

.under main .list_check{}
.under main .list_check li{}

/* 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;padding-bottom: 13px;line-height: 1.3em;}

/* List STEP */
.under main .list_step dl{margin-bottom: 20px;padding-bottom: 40px}

/*============ 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}

.under main .sub_item_h4,.under main .sub_item_h5{padding: 60px 0}
.under main .item_h4_2{padding: 25px}
.under main .item_h4_2::before,.under main .item_h4_2.flex::before{width: 100%;height: 100%;left: 0;right: inherit;top: inherit;bottom: 0;background: url(../images/bg_img_h4_sp.png) center / cover no-repeat;}

.under main .list-h5{}
.under main .list-h5 li{width: calc((100% - 20px) / 2);margin: 0 20px 20px 0;padding: 20px;}
.under main .list-h5 li:nth-child(2n+2){margin-right: 0}

.under main .bg_item_h5{padding: 40px 20px}
.under main .item_h5_2{padding: 20px 0}
.under main .sub_sec{padding-bottom: 30px}


}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
.under main .list-h5 li{width: 100%;margin: 0 0 20px 0}
.under main .list-h5 li:last-child{margin-bottom: 0}


}


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

}