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

	/* HOVER */
	.under main #topic_path li a:hover{color: #85CE4F;}
	.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);}
	.under main .list_anchor .btn.active a{background: var(--scolor);pointer-events: none;}

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

	.under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}

	.under_anchor_link li a:hover {background: var(--mcolor);color: #fff;}
	.under_anchor_link li a:hover:before {background: #fff;}
	.under_anchor.fixed .under_anchor_main { position: fixed; z-index: 2;top: 140px; }
	#p404 .under_wrap .inner {display: block;}
	#p404 .under_main {width: 1100px;margin: 0 auto;}
	.under_list_img li .btn_popup_link:hover, .suggestion_popup_close:hover, .under_row_faq dt:hover {background: var(--scolor);}
	.under_row_more:hover .under_row_btn {background: var(--mcolor);color: #fff;}
	.under_row_more:hover .under_row_btn:after {border-top-color: #fff;}
	.under_list_img li .btn_popup:hover {opacity: 0.8;}
}

@media screen and (min-width: 751px) and (max-width: 1700px){
	.under_box_img_item { width: 500px; }
	.under_box_img_main {margin-right: 50px;}
	.under_box_img.box_left .under_box_img_main {margin-left: 50px;}
	.under_img_lager { transform: translateX(-59.3%); }
	.under main .frame01 {padding: 40px;}
	.under_row_img_item { margin-left: 40px; width: 350px; }
	.under_row_img.row_left .under_row_img_item {margin-right: 40px;}
	.under_main { width: calc(100% - 560px); margin-left: 0;}
	.under_reason_item_ttl {margin-right: 40px;}
	.under_reason_item_main {padding: 0 25px;}
	.under main .list_step dt { margin-right: 30px; width: 260px; }
	.under_wrap:before { background-size: 100% auto; }
}

@media screen and (min-width: 1501px) and (max-width: 1653px){
.under_list li .ttl { font-size: 10px; }
}

@media screen and (min-width: 751px) and (max-width: 1500px){
	.under_anchor, .under_anchor_main { width: 350px; }
	.under_main { width: calc(100% - 420px); }
	.under_img_lager { transform: translateX(-56%); }
	.under_box_img_main { width: 500px; }
	.under_list li .ttl { font-size: 0.71vw; }
	.under_reason_item_main {padding: 0;}
}

@media screen and (min-width: 751px) and (max-width: 1400px){
	.under_img_lager { transform: translateX(-56.3%); }
	.under_anchor_link { max-height: 320px; overflow: auto; }
	.under_main { width: calc(100% - 390px); margin-right: auto; }
	.under_list_img li .ttl{font-size: 14px;letter-spacing: 0;}
}

@media screen and (min-width: 751px) and (max-width: 1300px){
	.under_img_lager { min-width: 1260px; transform: translateX(-36.4%);left: 50%; }
	.under_box_img_main { width: 400px; margin-right: 30px;}
	.under_box_img_item { width: 450px; }
	.under_box_img.box_left .under_box_img_main { margin-left: 30px; }
	.under_row_img_item { margin-left: 30px; width: 300px; }
	.under_reason_item_main { padding: 0; }
	.under_reason_item_ttl { margin-right: 20px; font-size: 22px; width: 330px; }
	.under_col_item_ttl {font-size: 20px;}
	.under_col_item {padding: 30px;}
}

@media screen and (max-width: 750px) {
.under_wrap{padding:0 0 170px}
.under main #content {margin-bottom: -40px;}
.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: 350px; }
.under main #top_info .inner{padding-top: 20px;}
.under main #top_info .inner:before { background-size: 200px auto, 150px auto; background-position: left -10px bottom 30px, right -15px bottom 40px; }
.under main #top_info .inner:after { background-size: 300px auto, 240px auto; background-position: left -50px bottom -40px, right top; }
.under main #topic_path li {font-size: 12px;}
.under main #topic_path {padding: 7px 10px;}
	.under main #topic_path li:not(:last-child)::after {margin: 0 7px;}
/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;margin-bottom: 0;}
.under main h2 .en {font-size: 16px;}
.under main h2 .en_lager { font-size: 40px; bottom: auto;top: 45px; left: calc(100% - 180px);}
.under#company main h2 .en_lager { left: calc(100% - 80px);top: 25px;}
.under main h3, .under main .ovn_content h3{font-size:24px;margin-bottom: 25px;}
.under main h3 .en {font-size: 14px;}
.under main h3:before, .under main .ovn_content h3:before { width: 31px; height: 34px; margin-bottom: 7px; }
.under main h4, .under main .ovn_content h4, .under .under_box_img_main h4{font-size:22px;border-left-width: 4px;padding-left: 15px;margin-bottom: 20px;}
.under main h5,
.under main .ovn_content h5{font-size:20px;}
.under main h6,
.under main .ovn_content h6{font-size:18px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px;border-spacing: 0 5px;}
.under main table td,
.under main table th{padding:10px 15px;}
.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-bottom: 5px;border-radius: 10px; text-align: left;}

/* 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;line-height: 1.5em;font-size: 13px;}

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{padding-left: 15px;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{width: 8px;height: 8px;}

.under main .list02 li::before, .under main .ovn_content ol li::before { font-size: 12px; top: 0; }
.under main .list02 li, .under main .ovn_content ol li {padding-left: 20px;}
	
.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;}
.under main .list_faq dt{font-size: 16px;min-height: 50px;padding-bottom: 3px;}

/* List STEP */

	.under main .list_step dl::before { width: 39px; height: 39px; font-size: 14px; margin: 0; position: absolute; left: 0; top: 10px; }
	.under main .list_step dl { margin-bottom: 25px; display: block; padding-left: 55px;}
	.under main .list_step dt { width: 100%; margin: 0 0 10px; font-size: 20px; }
	.under main .list_step dt .en { font-size: 14px; margin: 0 0 -5px; }
	.under main .list_step dl:not(:last-child):after { left: 19px; top: 20px; height: calc(100% + 20px); }
	.under main .list_step dd.list_step_img { width: 50px; float: left; margin: 0 15px 0 0; }
	.under main .list_step dd:not([class]) {overflow: hidden;}
/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

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

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


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


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

.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_anchor { width: 100%; margin: 0; }
	.under_wrap .inner { display: block;padding-top: 50px; }
	.under_anchor_main { width: 100%; padding: 15px 10px 10px; border-radius: 15px; }
	.under_wrap:before { background-size: 100% auto; top: -30px; }
	.under_anchor_link li a { padding: 10px 10px 10px 25px; border-radius: 10px; }
	.under_anchor_link li a:before { width: 7px; left: 12px; height: 7px; top: 17px; }
	.under_anchor_link li { font-size: 14px; line-height: 1.5em; }
	
	.under_main { width: 100%; margin: 60px 0 0; padding: 0; }
	.under_img_lager { transform: translateX(-50%); margin-top: 30px;height: 35vw;left: 50%;width: calc(100% + 32px);}
	
	.under_box_img { display: block; }
	.under_box_img_main { width: 100%; margin: 0; }
	.under_box_img_item { width: 100%; max-width: 450px; margin: 0 auto 20px; filter: drop-shadow(5px 5px 10px rgba(186, 172, 0, 0.16)); }
	.under_box_img.box_left .under_box_img_main {margin: 0;}
	.under_row_img {display: block;}
	.under_row_img_item { margin: 0 auto 20px!important; max-width: 300px; }
	.under main .under_ttl { font-size: 22px; margin: 20px 0; line-height: 1.5em;}
	.under_list_img { flex-wrap: wrap; justify-content: space-between; }
	.under_list_img li { width: calc((100% - 10px) / 2); margin: 0 0 20px !important; }
	.under_list_img li img {border-radius: 10px;}
	.under_list_img li .btn_popup.has_bd { padding: 5px; }
	.under_list img {width: 60%;}
	.under_row dl { padding: 10px 10px 15px; border-radius: 15px; margin: 0 0 20px; }
	.under_row dd p.under_row_img { width: 80px; bottom: -25px; }
	.under_row dt { padding: 10px 10px 10px 15px; border-radius: 10px; margin: 0 0 20px;}
	.under_row dd {padding: 0;}
	.under_row_tit {font-size: 18px; margin: 0 0 10px; }
	.under_row_btn{margin-top: -50px;}
	.under_reason_item { padding: 25px 0 0; margin: 0 0 20px; }
	.under_reason_item:before { width: 60px; height: 60px; font-size: 16px; left: calc(50% - 30px); }
	.under_reason_item_info { border-radius: 10px; padding: 40px 15px 15px;display: block; }
	.under_reason_item_main { display: block; padding: 0; margin: 0 0 20px; }
	.under_reason_item_ttl { width: 100%; margin: 0 0 15px; font-size: 20px;text-align: center;}
	.under_reason_item_ttl .en { font-size: 12px; }
	.under_row_note {font-size: 12px;flex-shrink: 0;}
	.under_row_ttl {font-size: 16px;}
	.under_reason_item_img {margin: 20px 0 0;text-align: center;}
	
	.under_col_item { width: 100%; padding: 20px 15px; border-radius: 10px; }
	.under_col_item_info li .ttl { width: 100px; }
	
	.under_row_faq dl {padding-bottom: 0;}
	.under_row_faq dt {padding-right: 35px;margin: 0;}
	.under_row_faq dd { padding: 30px 15px 15px; }
	.under#flow main #top_info { background-position: left 20% center; }
	
	.suggestion_popup1 { padding: 30px; }
	.suggestion_popup_main { padding: 20px 15px; }
	.suggestion_popup_close { font-size: 22px; width: 40px; height: 40px; right: -15px; top: -15px; }
	.under_list_img li .note { font-size: 8px; width: 50px; height: 50px; left: -5px;}
	
	.under_list { display: block; }
	.under_list li { width: 100%; max-width: 400px; margin: 0 auto 60px; }
	.under_list li:not(:last-child):after { top: calc(100% + 20px); left: calc(50% - 40px); transform: rotate(90deg); width: 40px; clip-path: polygon(0% 20%, 75% 20%, 75% 0%, 100% 50%, 75% 100%, 75% 80%, 0% 80%); }
	.under_list li .note { left: calc(50% + 10px); top: calc(100% + 15px);width: 120px;display: flex;height: 30px;align-items: center;}
	.under_list li:last-child { margin: 0 auto; }
	.under_list li .ttl { font-size: 15px; }
	
	.under main .sec02_item { width: 48%; margin: 0 0 20px; }
	.under main .sec02_item .img { margin: 0 0 10px; }
	.under main .sec02_item .txt { font-size: 13px; line-height: 1.75em;}
	.under main .sec02_list { max-width: 100%; }
	
	.under_img_col{margin-bottom: -20px;}
	.under_img_col li {width: calc((100% - 20px)/2);margin: 0 0 20px;}
	.under_img_col li img , .under_col_item img{border-radius: 10px;}
	
	.suggestion_popup1 .under_box_img.box_left .under_box_img_main { margin-left: 0; }
	.suggestion_popup1 .under_box_img_item {margin-bottom: 10px;}
	
	.under_col_item_ttl { font-size: 18px; }
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
	.under_row dt {flex-direction: column; align-items:flex-start;}
	.under_row_ttl {margin-bottom: 5px;}
	.under_row_note .txt:first-child {margin-left: 0;}
	.under main #top_info .inner:before { background-size: 150px auto, 100px auto; background-position: left -10px bottom 15px, right -5px bottom 20px; }
	.under main #top_info .inner:after { background-size: 200px auto, 150px auto; background-position: left -20px bottom -20px, right top; }

	.under main .list_ovn li .img {height: 50vw;}
	.under main .list_ovn li {width: 100%;}
	.under main .list_ovn li:last-child {margin-bottom: 0;}
		
	.under_list_img li .ttl { font-size: 3vw; }

}


/* IPHONE 6 */
@media screen and (max-width: 380px) {
	.under main h2 {font-size: 24px;}
	.under main h2 .en_lager {font-size: 35px;left: calc(100% - 190px)}
	.under_list_img li {font-size: 13px;}
	.under_row_btn { font-size: 11px;padding: 5px;margin-top: -40px;}
	.under_row_tit {font-size: 16px;}
	.under_row_tit img{width: 40px;margin-right: 5px;}
}
