@media screen and (min-width: 2200px) {
.under .key { height: 30vw; }
}
@media screen and (min-width: 769px) {
.under #mainContent .list01.col2 { column-count: 2; }
/* UNDER HOVER */
.under #mainContent .topic_path li a:hover{text-decoration:underline}

.under #mainContent .wp_content p a:not([target=_blank]):hover,
.under #mainContent .link:not([target=_blank]):hover{color: var(--scolor);}
.under #mainContent .list_anchor .btn.active a{background: var(--scolor);pointer-events: none;}
	
.under #mainContent .toc_list li a:hover {color: var(--mcolor);}
	
.under #mainContent .under_bnr li a:hover:after {background: var(--mcolor);}
.under #mainContent .under_bnr li a:hover {color: #fff;border-color: var(--txt);}
.under #mainContent .under_bnr li a:hover:before {background: #fff;}
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
.under .key { height: 450px; }
}

@media screen and (min-width: 769px) and (max-width: 1130px) {

.under #mainContent .image_r img,.under #mainContent .image_l img{max-width: 500px;}
.under #mainContent .image_r {margin-left: 30px;}
.under #mainContent .image_l {margin-right: 30px;}
.under #mainContent .under_bnr li {max-width: 700px;font-size: 22px;}
.under #mainContent .under_bnr li a {height: 120px;}
	.under #mainContent .list01 li::before, .under #mainContent .blog-content ul:not([class]) li::before , .under #mainContent .toc_list li a:before{top: 13px;}
	.under #mainContent .btn a {margin: 0 auto;}
}
@media screen and (min-width: 769px) and (max-width: 1020px) {
.under #mainContent .toc_list li { width: 100%; }
.under #mainContent .image_r,.under #mainContent .image_l{float:none;display:block;width:100%;text-align:center;margin:0 auto 20px !important}
}

@media screen and (max-width: 768px) {
.under .sec05_slide .slick-list { padding: 20px 0 45px; }
/*=======================UNDER===================================*/
.under #mainContent {padding:0 0 80px}
.under #mainContent section,.under #mainContent .section{padding:0 0 40px;}

.under #mainContent .image_r,.under #mainContent .image_l{float:none;display:block;width:100%;text-align:center;margin:0 auto 20px !important}

.under #mainContent .list01.col2 { column-count: 1; }
/*==========================================================
							 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under .key{height:300px;margin-bottom: 15px;}
.under .key h2:after {width: 100px;margin-top: 10px;}
.under .key .inner, .under #mainContent .topic_path .inner, .under #mainContent >.inner {padding: 0 15px;}
.under #mainContent .topic_path{margin-bottom:15px}
.under #mainContent .topic_path li,
.under #mainContent .topic_path li a{font-size: 14px;}

/*============ HEAD TITLE ============ */
.under .key h2{font-size:26px;}
.under #mainContent h3,.under #mainContent .wp_content h3{font-size:24px;margin-bottom: 20px;}
.under #mainContent h4, .under #mainContent .wp_content h4 { font-size: 22px; padding: 12px 25px 14px; margin: 0 0 20px; }
.under #mainContent h5, .under #mainContent .wp_content h5{font-size:20px;}
.under #mainContent h6, .under #mainContent .wp_content h6{font-size:18px;}

/*============ TABLE ============ */
.under #mainContent table{margin-bottom:30px}
.under #mainContent table td,
.under #mainContent table th{padding:10px}
.under #mainContent table.tb_block th, .under #mainContent table.tb_block td{width: 100%!important;display: block;margin-top: -1px;}

/* TABLE SCROLL */
.under #mainContent .tb_scroll{overflow:scroll;}
.under #mainContent .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under #mainContent .tb_scroll table{width: 800px;}
.under #mainContent .tb_note { margin-bottom: 10px; color: #999; line-height: 1.2em; font-size: 14px; letter-spacing: 0; }

/*============ LIST ============ */
.under #mainContent .list01,
.under #mainContent .wp_content ul{}
.under #mainContent .list01 li,
.under #mainContent .wp_content ul li{}
.under #mainContent .list01 li::before,
.under #mainContent .wp_content ul li::before{top: 12px;}

.under #mainContent .list_check{}
.under #mainContent .list_check li{}
.under #mainContent .list_check li:before{top: 7px;}

/* LIST FAQ */
.under #mainContent .list_faq dl{margin-bottom: 30px; padding: 15px}
.under #mainContent .list_faq dt span{top:3px;}
.under #mainContent .list_faq dt{font-size: 16px;min-height: 50px;padding-bottom: 3px;}

/* List STEP */
.under #mainContent .list_step_item{margin-bottom: 40px;padding: 30px 15px}
	.under #mainContent .list_step_item:not(:last-child)::before { width: 60px; height: 20px; left: calc(50% - 30px); }
/*============ FRAME ============ */
.under #mainContent .frame01{padding:30px}
	.under #mainContent .frame01:before {left: 10px;top: 10px;right: 10px;bottom: 10px;}
.under #mainContent .frame02{padding:30px 15px}

.under #mainContent .frame_pick{padding:30px 15px}


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


/* ===========  WP ===========  */
.under #mainContent .list_wp {justify-content: space-between;}
.under #mainContent .list_wp li {width: calc((100% - 20px) / 2);margin: 0 0 20px 0}
.under #mainContent .list_wp li .cate {font-size: 14px;}
.under #mainContent .list_wp li .img {height: 30vw;}
.under #mainContent .list_wp .info_box .cate {padding: 3px 15px 2px;}

.under #mainContent .btn_list {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}
.under #mainContent .btn_list li:not(:last-child) {margin-bottom: 20px;}

.under #mainContent .list_anchor {display: block;}
.under #mainContent .list_anchor .btn:not(:last-child) {margin-bottom: 20px;}

.under #mainContent .toc_list {}
.under #mainContent .toc_list li {width: 100%;}
.under #mainContent .toc_list li:last-child {margin-bottom: 0;}
.under #mainContent .toc_list li a{display: block;}
.under #mainContent #toc_container {padding: 30px 15px;}
.under #mainContent .toc_list li a:before {top: 12px;}

.under #mainContent .under_bnr li { font-size: 20px; line-height: 1.5em; }
.under #mainContent .under_bnr li a {height: 120px;}
	
	.under #mainContent table.tb_clinic th {width: 95px;}
	.under #mainContent .blog-content { margin-top: 40px; }
	blockquote { padding: 25px 15px; }
	.under .doctor_box2 .content:not(:last-child) {margin-bottom: 20px;}
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
.under #mainContent .under_bnr li { font-size: 5vw; height: 30vw;}
.under #mainContent .toc_list {display: block;}
.under #mainContent .toc_list li {width: 100%;margin: 0 0 10px;}

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
.under #mainContent .btn a { font-size: 15px; line-height: 1.5em; }
}