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

.under main .list_btn .btn a{width: 300px;padding-right: 30px}

/* 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 .link:not(a[target=_blank]):hover{color: var(--scolor);}



.under main .image_l + p,
.under main .image_r + p{margin-top: -10px;}

}

@media screen and (min-width: 751px) and (max-width: 1800px){
	.under main #top_info::after{width: 100%;height: 400px}
	.under main #top_info .inner{padding-top: 130px;padding-left: 75px}
	.under main #top_info{height: 480px}
	.under main #topic_path .inner{width: 1020px}
	.under main{padding-top: 60px}
	.under main h2{font-size: 85px;}
}

@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:320px}
.under main #top_info::before{height: 130px;}
.under main #top_info::after{top: 15px;left: 15px;border-radius: 30px 0 0 30px;width: calc(100% - 15px);height: 290px;background: url('../images/top_info_bg.jpg') right -140px center /cover no-repeat;}
.under main #top_info .inner{padding: 15px 15px 0 30px;display: flex;align-items: center;height: 100%;}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}
#trouble.under main #top_info::after{background-position: center;}

/*============ HEAD TITLE ============ */
.under main h2{font-size: 28px;line-height: 1.5em;
    text-shadow: #fff 6px 0px 0px, #fff 5.91686px 0.995377px 0px, #fff 5.66974px 1.96317px 0px, #fff 5.2655px 2.87655px 0px, #fff 4.71532px 3.71022px 0px, #fff 4.03447px 4.44106px 0px, #fff 3.24181px 5.04883px 0px, #fff 2.35931px 5.51667px 0px, #fff 1.41143px 5.83163px 0px, #fff 0.424423px 5.98497px 0px, #fff -0.574341px 5.97245px 0px, #fff -1.55719px 5.79441px 0px, #fff -2.49688px 5.45578px 0px, #fff -3.36738px 4.96596px 0px, #fff -4.14455px 4.33852px 0px, #fff -4.80686px 3.59083px 0px, #fff -5.33596px 2.74364px 0px, #fff -5.71718px 1.8204px 0px, #fff -5.93995px 0.84672px 0px, #fff -5.99811px -0.150428px 0px, #fff -5.89004px -1.14341px 0px, #fff -5.61874px -2.1047px 0px, #fff -5.19172px -3.00766px 0px, #fff -4.62082px -3.82727px 0px, #fff -3.92186px -4.54081px 0px, #fff -3.11421px -5.12852px 0px, #fff -2.22026px -5.57409px 0px, #fff -1.26477px -5.86518px 0px, #fff -0.274238px -5.99373px 0px, #fff 0.723898px -5.95617px 0px, #fff 1.70197px -5.75355px 0px, #fff 2.63288px -5.39147px 0px, #fff 3.49082px -4.87998px 0px, #fff 4.25202px -4.23324px 0px, #fff 4.89538px -3.46919px 0px, #fff 5.40307px -2.60899px 0px, #fff 5.76102px -1.67649px 0px, #fff 5.95932px -0.697531px 0px;
}

.under main h2 span{font-size: 120%;}

.under main h3,
.under main .ovn_content h3{font-size:26px}
.under main h4,
.under main .ovn_content h4{font-size:24px;margin-bottom: 20px;padding-left: 15px;border-width: 6px;}
.under main h5,
.under main .ovn_content h5{font-size:22px;margin-bottom: 20px}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:15px 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%;}

/* 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{margin-bottom: 20px;}
.under main .list01 li,
.under main .ovn_content ul li{font-size: 16px;padding-left: 25px;margin-bottom: 10px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{top: 8px;}

.under main table.mailform th,
.under main table th{font-size: 16px;padding: 15px;}

.under main table.mailform td{padding: 10px 0 15px;border-bottom: none;}
.under main table td{padding: 15px;}


.under main table.mailform tr:last-child td{border-bottom: 1px solid #ccc}



.under main .list_btn{flex-direction: column;align-items: center;justify-content: center;}

.under main .dot{font-size: 16px;}
.under main .dot::before{width: 8px;height: 8px;top: 11px;}

/* STEP LIST */
.under main dl.list_step dt .step_num{font-size: 22px}
.under main dl.list_step dt p{font-size: 20px}
.under main dl.list_step dd{padding: 10px}
.under main dl.list_step::before{border-width: 40px 60px 0 60px;left: calc(50% - 60px);bottom: -60px}
.under main dl.list_step{margin-bottom: 80px}

.under .frame {
	padding: 15px;
}
.under .frame .frame_wrapper:not(:last-child) {
	padding-bottom: 15px;
    margin-bottom: 15px;
}
.under .frame .ttl_frame {
	font-size: 20px;
	padding: 2px 5px;
	min-width: 200px;
}
.under .frame .frame_wrapper p:not(:last-child) {
	margin-bottom: 10px;
}
.under .frame .frame_wrapper .list01 {
	margin-bottom: 10px;
}
}


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


}


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

}