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

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline;color: var(--txt);}
.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: 150px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}

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

.under main .list_anchor.list_3btn{}
.under main .list_anchor.list_3btn .btn{width: calc((100% - 60px) / 3);}
.under main .list_anchor.list_3btn .btn a{width: 100%;}

.under main #toc .list01 a:hover{color: var(--mcolor);}
.under#ovn_detail main .ttl .sm::before{bottom: -22px;}
.ttl .sm::before{bottom: -22px;}
}

@media screen and (min-width: 751px) and (max-width: 1440px){
.under #top_info{height: 420px;}
}

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

.under main .image_r,
.under main .image_l{float:none;display:block;width:100%;text-align:center;margin:0 auto 30px !important;border-radius: 10px;max-width: 580px;}
.under main .frame_pick .center img,
.under main .ovn_content img{border-radius: 10px;}
/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under #top_info{height: 200px;margin-top: 80px;border-radius: 40px;padding-bottom: 0;}
.under #top_info::before{height: 100%;width: 100%;background: url('../images/top_info_bg_sp.jpg') center /cover no-repeat;min-width: inherit;}
.under #top_info .top_ttl{font-size: 32px;}

.under main #topic_path{margin:10px 0 20px}
.under main #topic_path li:not(:last-child)::after{margin:0 7px;}
.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,
.under main .ovn_content h3{font-size:30px;padding-top: 40px;margin-bottom: 30px;}

.under main h3::before{width: 48px;height: 31px;left: calc(50% - 24px);}

.under main h4,
.under main .ovn_content h4{font-size:26px;margin-bottom: 30px;}
.under main h5,
.under main .ovn_content h5{font-size:22px;margin-bottom: 30px;padding: 0 0 0 20px;}
.under main h5::before{width: 5px;border-radius: 5px;}
.under main h6,
.under main .ovn_content h6{font-size:20px;margin-bottom: 30px;}

.under main .list_anchor{justify-content: center;}
.under main .list_anchor .btn{display: flex;justify-content: center;}
.under main .btn a,
.under main .list_anchor .btn a{width: 380px;max-width: 100%;background: url('../images/arrow_w.png') no-repeat right 10px center /8px var(--mcolor);padding:3px 11px 5px;}
.under main .list_anchor .btn.big a{font-size: 14px;}

.under main .list_check li{font-size: 18px;padding-left: 25px;}
.under main .list_check li::before{top: 7px; left: 5px; width: 7px; height: 15px;border-width:0 2px 2px 0;}

.under main .btn_big a{padding: 5px 20px 8px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:15px 10px}
.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:first-child th,
.under main table.mailform tr:first-child th{border-bottom: none;}
.under main table.tb_block tr:not(:first-child) th,
.under main table.mailform tr:not(:first-child) th{border-top: none;}
.under main table.tb_block tr th.sp{border-top: 1px solid var(--mcolor);border-bottom: none;}

.under main table.mailform tr th:not(:first-child),
.under main table.tb_block tr th:not(:first-child),
.under main table.mailform tr:not(:first-child) td,
.under main table.tb_block tr:not(:first-child) td{border-top: none;}
.under main table.tb_block td + td{border-top: none;}

.under main table.mailform tr th.sp + td,
.under main table.tb_block tr th.sp + td{border-top: 1px solid var(--mcolor);}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%;}

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

.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: 16px;min-height: 50px;padding-bottom: 10px;}

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

.under main .flex_img li{margin:0 5px;}
.under main .flex_img li img{border-radius: 10px;}

/*============ FRAME ============ */
.under main .frame01{padding:20px 15px;border-width: 2px;}

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

.under main .frame_pick{padding:30px 15px}
.under main .frame_pick .pick_ttl{font-size: 24px;}

.under main .frame_company{padding: 50px 15px;}
.under main .frame_company .comp_ttl{font-size: 24px;}

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


/* ===========  OVERNOTE ===========  */
.under main .list_ovn {justify-content: space-between;margin-bottom: 30px;}
.under main .list_ovn li {margin:0 0 30px;}
.under main .list_ovn li .img{width: 290px;margin-right: 20px;}
.under main .list_ovn .big{font-size: 18px;}
.under main .list_ovn .date{font-size: 14px;margin-bottom: 10px;padding-bottom: 10px;}
.under main .list_ovn .info_box .des{-webkit-line-clamp:3}

.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 #toc{padding: 15px;border-radius: 10px;}

.under main .ttl{margin-bottom: 10px;}

}


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

.under main .list_ovn li {width: 100%;flex-wrap: wrap;padding: 10px;border-radius: 10px;}
.under main .list_ovn li .img {width: 100%;border-radius: 10px;margin-bottom: 10px;}
.under main .list_ovn .info_box{flex-grow: 1;}
.under main .list_ovn li:last-child {margin-bottom: 0;}

.under main .box_line .contact_line,
.under main .box_line .contact_line a{width: 100%;}

}


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

}