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

/* HOVER */
	.under main .list_toc li a:hover, .under main .link:hover, .under main #topic_path li a:hover {color: var(--scolor);}
	
	.under main section p {font-size: 19px;}
	.under main h5.ud_h5_inn {display: inline-block;width: calc(100% - 250px);}
	.under main h4.ud_h4_inn {display: inline-block;width: calc(100% - 450px);margin-top: 30px;}
	.under main .under_col.col2 { flex-wrap: wrap; }
	.under main .under_col.col2 .under_col_item {flex: none;width: calc((100% - 30px)/2);}
}
@media screen and (min-width: 751px) and (max-width: 1500px){
	.under main .under_main {padding: 50px 30px;}
}

@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 20px !important}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:300px;padding-top: 135px;}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}
.under main #top_info .inner:before { right: auto; left: 10px; width: 200px; height: 77px; top: 0; }
.under main #top_info .inner:after { left: auto; right: 10px; width: 100px; height: 32px; bottom: 0; }
/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .wp_content h3{font-size:24px;margin-bottom: 20px;}
.under main h4,
.under main .wp_content h4{font-size:22px;margin-bottom: 15px;}
.under main h5,
.under main .wp_content h5{font-size:20px;margin-bottom: 15px;}
.under main h6,
.under main .wp_content h6{font-size:18px;margin-bottom: 15px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:10px;font-size: 14px;}
	.under main table th {font-size: 16px;}
.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%;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: 800px;}
.under main .tb_note{margin-bottom: 10px;color: #999;font-size: 13px;}

/*============ LIST ============ */
.under main .list01,
.under main .wp_content ul{}
.under main .list01 li,
.under main .wp_content ul li{font-size: 14px;}
.under main .list01 li::before,
.under main .wp_content ul li::before{top: 10px;}

.under main .list02,
.under main .wp_content ol{}
.under main .list02 li,
.under main .wp_content ol li{font-size: 14px;}
.under main .list02 li::before,
.under main .wp_content ol li::before{top: 2px;}

.under main .list_check{}
.under main .list_check li{font-size: 14px;}
.under main .list_check li::before {top: 4px;}

/* 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: 3px;}

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

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

.under main .frame02{padding:30px 15px;border-radius: 10px;}

.under main .frame_pick { padding: 40px 15px; background-size: 100px auto; }
.box_h3 { padding: 40px 15px; }

/* ============ ORTHER ============ */
.under main .box_map{height:250px}
/* TALK SHOW */
.under main .talk_show{margin-bottom: 20px;}
.under main .talk_show dl{}
.under main .talk_show dt{width: 100px;margin-right: 15px;}
.under main .talk_show dt .img{width: 80px;}
.under main .talk_show dt .name{font-size: 14px;margin-top: 5px;}
.under main .talk_show dd p{padding-left: 10px;border-radius: 10px;}
.under main .talk_show dd p::before{border-width: 8px 16px 8px 0;top: calc(50% - 8px);left: -16px;}
.under main .talk_show dl.talk_r{margin-top: 30px;}
.under main .talk_show dl.talk_r dd p::before{border-width: 8px 0 8px 16px;right: -16px;left: inherit;top: calc(50% - 8px);}
.under main .talk_show dl.bg1 dd p::after{border-width: 10px 0 10px 20px;right: -20px;left: inherit;top: calc(50% - 10px);}
/*============ TOC CONTENT ============ */
.under main .toc_content{padding-bottom: 110px;padding-top: 10px;}
.under main .toc_content::before{width: 60px;height: 110px;bottom: 0;right: 5px;}
.under main .list_toc ul {margin-left: 18px;}

.under main .list_toc > li{font-size: 16px;line-height: 1.5em;padding-left: 40px;}
.under main .list_toc > li::before{font-size: 18px;width: 30px;height: 30px;}
.under main .list_toc > li::after{width: 8px;height: 30px;border-width: 1px;bottom: inherit;top: 12px;left: 22px;}
.under main .toc_ttl{font-size: 18px;margin-bottom: 10px;}
	.under main .list_toc li a { display: block; }
	.under main .list_toc { padding-right: 0; }
	.under main .under_main { padding: 50px 15px; }
	.under main .list_anchor {display: block;}
	.under main .list_anchor .btn:not(:last-child) {margin-bottom: 15px;}
	
	.under main .list_step { flex-direction: column;gap: 40px;}
	.under main .step_item { position: relative; padding: 50px 15px 25px; }
	.under main .step_item:not(:last-child):after {content: '';position: absolute;width: 2px;height: 40px;left: calc(50% - 1px);top: 100%;background: var(--gray);}
	.under main .step_item_num { position: absolute; margin: 0; top: -21px; left: 50%;transform: translateX(-50%); background: #fff; padding: 5px 0; }
	.under main .step_item_num:before,.step_item_num:after {display: none;}
	.under main .step_item_num .num {font-size: 180%;}
	.under main .step_item_icon {margin: 0;}
	.under main .step_item_ttl {font-size: 18px; margin-bottom: 10px;}
	.under main .under_row_item { padding: 25px 15px; border-radius: 10px; }
	.under main .under_row_item_ttl {font-size: 18px;gap: 10px;}
	.under main .under_row_item_ttl:before { width: 34px; height: 34px; top: -3px; }
	
	.under main .under_col { flex-direction: column; gap: 20px;}
	.under main .under_col_item_ttl {font-size: 20px;}
	
	.under main .frame03 { padding: 30px 15px; border-radius: 15px; }
	.under main .list_column li {font-size: 14px;}
	.under main .list_column {gap: 20px;}
	.under main .list_column li img {width: 150px;}
	
	.under main h4 .note { width: 120px; font-weight: 500; padding: 5px 0; margin-right: 5px; }
	
	.under main .frame02 .step_item_num { background: transparent; }
	.under main .frame02 .step_item:not(:last-child):after { height: 25px; top: calc(100% + 1px); }
}
@media screen and (max-width: 560px) {
.under main .talk_show dl{flex-direction: column;gap: 10px;}
.under main .talk_show dt{width:auto;margin-right: auto;margin-bottom: 10px;}
.under main .talk_show dt .img{width: 80px;}
.under main .talk_show dt .name{font-size: 14px;margin-top: 5px;}
.under main .talk_show dd p{padding-left: 10px;border-radius: 10px;}
.under main .talk_show dd p::before{border-width: 0px 10px 10px 10px;border-color: transparent transparent #ededed transparent;top: -10px;left: 30px}

.under main .talk_show dl.talk_r{flex-direction: column;gap: 10px;}
.under main .talk_show dl.talk_r dt{margin: 0 0 10px auto;}
.under main .talk_show dl.talk_r dd p::before{border-width: 0px 10px 10px 10px;border-color: transparent transparent #f9eada transparent;top: -10px;left: inherit;right: 30px;}
.under main .talk_show dl.bg1 dd p::after{border-width: 0px 13px 13px 13px;border-color: transparent transparent var(--scolor) transparent;right: 27px;left: inherit;top: -13px}
.under main .talk_show dl.talk_r dt{flex-direction: row;gap: 10px;}
	.under main .list_column { display: block; }
	.under main .list_column li:not(:last-child) {margin-bottom: 30px;}

}

/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
	.under main #top_info {padding-top: 30vw;height: calc(200px + 30vw)}

}


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

}