@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: var(--site_size);}
.under main #content .inner {width: 1500px;padding: 0 30px;}
.under main .list_anchor.col2 {max-width: 920px;margin: 0 auto;}
	
	.under main .doctor_name_img img {width: 200px!important;}

/* 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);text-decoration: none;}
.under main .list_anchor .btn.active a{background: #108eb9;pointer-events: none;}
.under main .list_ovn li:hover {background:var(--light);}
.under main #toc li a:hover {color: var(--mcolor);}

/* BUTTON OVN DETAIL */
.under main .btn_list {display: flex;justify-content: center;position: relative;}
.under main .btn_list .is_prev {position: absolute;top: 0;right:  calc(50% + 200px);}
.under main .btn_list .is_next {position: absolute;top: 0;left: calc(50% + 200px);}

.under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}
}
@media screen and (min-width: 751px) and (max-width: 1700px){
.under main {padding-top: 100px;}
}
@media screen and (min-width: 751px) and (max-width: 1500px){
.under main .img_lager.image_r { margin-right: -15px; }
.under main .img_lager.image_l { margin-left: -15px; }
.under main .img_lager img {width: 650px;}
.under main .image_l:not(.img_lager) img, .under main .image_r:not(.img_lager) img {width: 550px;}
}
@media screen and (min-width: 751px) and (max-width: 1400px){
.under main {padding-top: 86px;}
}

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

/*==========================================================
							 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:200px;margin-bottom: 5px;}
.under main #topic_path{margin-bottom:15px}
.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:24px;margin-bottom: 25px;}
.under main h3 .en {font-size: 60%;margin-top: 5px;}
.under main h4, .under main .ovn_content h4{font-size:22px;padding: 0 0 10px;margin-bottom: 30px;}
.under main h4::after, .under main .ovn_content h4:after {bottom: -10px;}
.under main h5, .under main .ovn_content h5{font-size:20px;padding-left: 35px;margin-bottom: 15px;}
.under main h5:before, .under main .ovn_content h5:before {width: 24px;height: 24px;top: 3px;}
.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:10px}
.under main table th {font-size: 18px;}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%!important;display: block;margin-top: -1px;}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 1050px;}
.under main .tb_note{margin-bottom: 10px;color: #999;font-size: 13px;}

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{padding-left: 20px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{width: 10px;height: 10px;top: 9px;}

.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;width: 40px;height: 40px;}
.under main .list_faq dt{min-height: 50px;padding-bottom: 3px;padding-bottom: 10px;}

/* List STEP */
.under main .list_step dl{padding: 25px 15px}
.under main .list_step dl:not(:last-child) {margin-bottom: 35px;}
.under main .list_step dt {font-size: 18px;padding-left: 50px;padding-top: 7px;margin-bottom: 5px;}
.under main .list_step dt:before { width: 40px; height: 40px; background-size: 100% auto; font-size: 24px; }
.under main .list_step dl:not(:last-child)::after { width: 40px; height: 22px; }

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

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

.under main .frame_pick{padding:30px 15px}
.under main .frame_pick .pick_ttl:before { width: 16px; height: 24px; bottom: -2px; }
.under main .frame_pick .pick_ttl span {font-size: 18px;}
.under main .frame_pick .pick_ttl { padding: 0 0 20px; font-size: 20px; }
/* ============ ORTHER ============ */
.under main .box_map{height:250px}


/* ===========  OVERNOTE ===========  */
.under main .list_ovn li {gap: 20px;padding: 10px;}
.under main .list_ovn li .big {font-size: 18px;}
.under main .list_ovn li .img {height: 30vw;width: 35vw;}
.under main .list_ovn .info_box .cate {padding: 3px 15px 2px;}
.under main .ovn_content img {max-height: 300px;}

.under main .btn_list {display: block;}
.under main .btn_list .btn a {margin: 0 auto;min-height: 60px;}
.under main .btn_list li:not(:last-child) {margin-bottom: 20px;}
.under main .contact_scroll { padding: 30px 15px; }
.under main .contact_scroll_main { padding: 25px 15px; }
.under main .contact_frame { padding: 30px 15px; }
.under main #toc , .under main .news_frame{padding: 30px 15px;}
.under main .list_toc li a {display: block;padding-left: 20px;}
.under main .toc_ttl {font-size: 22px;}
.under main .list_toc li a::before {width: 10px;height: 10px;top: 9px;}
.under main .btn a {min-height: 60px;}
	.under main .news_frame {display: block;text-align: center;}
	.under main .doctor_name_img {margin: 0 0 20px;}
}


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

/*============ OVERNOTES ============ */
.under main .list_ovn li .img {height: 50vw;margin: 0 0 20px;width: 100%;}
.under main .list_ovn li {width: 100%;display: block;}
.under main .list_ovn li:last-child {margin-bottom: 0;}
	.under main .company_doctor .name { right: 3vw; bottom: 3vw; font-size: 3.5vw; padding: 2vw 5vw; line-height: 1.75em; }
.under main .doctor_name .f_big { line-height: 1.5em; }
}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
	.under main .frame_pick .pick_ttl {font-size: 19px;}
}
