@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(--txt);}
	
	.under_bnr li a:hover {background: var(--green-ghost);}

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

.under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}
.under_col_table {display: flex;justify-content: space-between;}
	.under_col_table dl {width: calc((100% - 40px)/2);}
}
@media screen and (min-width: 751px) and (max-width: 1700px) {
	.under main .under_inner, .under main #topic_path, .under main #top_info { padding-right: 25px; }
	.under main .btn:not(.btn_404) a { width: 360px; }
	.under main #top_info { margin-top: 80px; }
}
@media screen and (min-width: 751px) and (max-width: 1400px) {
	.under main h3, .under main .ovn_content h3 {font-size: 38px;}
	.under main #top_info { margin-top: 60px; }
}

@media screen and (max-width: 750px) {
.under main #content{padding:0 0 60px;background: #fff;}
.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}

/*==========================================================
                 C U S T O M
==========================================================*/
	.under main .under_inner, .under main #topic_path, .under main #top_info { padding-right: 0; }
/*  TOP INFO  */
.under main #top_info{height:200px;background-size: auto 50px; background-position: left 15px bottom 8px;margin-top: 0;}
.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 ul {padding: 15px 0;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:24px}
.under main h4,
.under main .ovn_content h4{font-size:22px;}
.under main h5,
.under main .ovn_content h5{font-size:20px;margin-bottom: 25px;}
.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:15px 10px}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%;margin-top: -1px;}
	.under main table.tb_block th+td {border-top: none;margin: 0;}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 1100px;}
.under main .tb_note { margin-bottom: 10px; color: var(--green-lime); font-size: 14px; letter-spacing: 0; }

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{font-size: 14px;padding-left: 18px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{width: 12px; height: 12px; top: 8px;}
	.under main .list02 li, .under main .ovn_content ol li {font-size: 14px;padding-left: 25px!important;}

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

/* LIST FAQ */
.under main .list_faq dl{margin-bottom: 30px;}
.under main .list_faq dd, .under main .list_faq dt{padding-left: 65px;}
.under main .list_faq dt{font-size: 16px;min-height: 50px;}
	.under main .list_faq dt .num {top: 17px;}

/* List STEP */
.under main .list_step dl{margin-bottom: 40px;padding: 30px 15px}
	.under main .list_step dt { font-size: 18px; }
	.under main .list_step dt:before { font-size: 30px; width: 50px; top: -29px; }
	.under main .list_step dl:not(:last-child)::before { width: 60px; height: 20px; left: calc(50% - 30px); }

/*============ FRAME ============ */
.under main .frame01:before { height: 40px; top: -40px; background-size: auto 40px; width: calc(100% - 20px); left: 10px; }
	.under main .frame01 { padding: 30px 15px; border-radius: 10px; margin-top: 40px; }
.under main #about_ttl01 .frame01 {margin-top: 60px;}

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

.under main .frame_pick { padding: 20px 15px 50px; background-size: auto 45px; border-radius: 20px;margin-top: 20px;}
	.under main .frame_pick .pick_ttl { font-size: 22px; }
	.under main .frame_pick .pick_ttl:before { font-size: 70px; top: -44px; }


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


/* ===========  OVERNOTE ===========  */
.under main .list_ovn {justify-content: space-between;}
.under main .list_ovn li {padding: 20px;}
.under main .list_ovn li .cate {font-size: 14px;}
.under main .list_ovn li .img {height: 25vw;width: 40%;max-width: 250px;margin: 0 20px 0 0;}
.under main .list_ovn .info_box .cate {padding: 3px 15px 2px;}
	.under main .list_ovn .txt {-webkit-line-clamp: 2;}
	.under main .list_ovn .big {font-size: 18px;}

.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_anchor .btn { margin: 0 0 15px; }
	.under main .btn:not(.btn_404) a { width: 100%; max-width: 400px; font-size: 16px; min-height: 70px; padding: 10px 55px 10px 20px;height: auto;}
	.under main .list_anchor {display: block;}
	.under_col {display: block;}
	.under_col_item { margin-top: -1px; }
	.under_col_item dt, .under_col_item dd {padding: 15px 10px;}
	.under_col_table dt {font-size: 20px;margin-bottom: 10px;}
	.under_col_table dl {padding: 20px 15px;}
	.under_col_table dl:not(:last-child) {margin-bottom: 30px;}
	.under_bnr li a:before { width: 40px; height: 40px; background-size: 16px auto; right: -10px; top: calc(50% - 20px); }
	.under_bnr li a { font-size: 18px; line-height: 1.5em; padding: 15px 33px; height: 120px; }
	.under_bnr li a:after { width: calc(100% - 10px); height: calc(100% - 10px); }
.under_img_list .img:not(:last-child){margin-right: 20px;}
	.under main .doctor_name { font-size: 4vw; left: 4vw; bottom: 4vw; padding: 4vw 3vw; border-radius: 2vw; }
	.under main .doctor_name .lager {font-size: 130%;}
	.contact_box_scroll {height: 250px;}
	.contact_frame { border-radius: 70px; background-size: auto 30px;height: auto;padding: 40px 0;max-width: 400px;}
	.contact_frame .h_tel { font-size: 16px; }
	.contact_frame .h_tel .tel { font-size: 200%; margin: 0 0 10px; }
	.contact_frame .h_tel .tel:before { width: 19px; height: 25px; }
	.under main #fmail .mt100 {margin-top: 70px;}
}


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



.under main .list_ovn li .img { height: 50vw; float: none; width: 100%; max-width: 100%; margin: 0 0 20px; }
.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) {

}
