.sp360 {display: none;}
@media screen and (min-width: 751px) {
.under main .btn_box.under_anchor {
    flex-wrap: nowrap;
}
.under main .btn_box.under_anchor .btn {
    width: 100%;
}
.under main .under_anchor a {
    width: 100%;
}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:none}
.under main .list_kiji dt a:hover,
.under main a[data-lightbox]:hover,
.under main .bnn a:hover{opacity: 0.7;}

.under main .list_kiji dd a:hover{color: var(--mcolor);}
.under main .ovn_content p a:not(a[target=_blank]):hover,
.under main .link:not(a[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;right: calc(50% + 180px);}
.under main .btn_list .is_next {position: absolute;top: 0;left: calc(50% + 180px);}

.under main .sec03_news_item {width: calc((100% - 100px)/3)}
.under_load_news .sec03_news_item:last-child {margin-right: 0;}
.under main .under_load_news .sec03_news_item:nth-child(3n + 3) {margin-right: 0;}
.under#company main .sec03_news_item{width: calc((100% - 90px)/4);margin-right: 30px;}
.under#company main .sec03_news_item:nth-child(4n + 4) {margin-right: 0;}
.under main .under_anchor a:hover {background: var(--mcolor);color: #fff;}
.under main .btn_list .is_none a:hover {background: #fff;color: var(--mcolor);}
.under main .btn_list .is_prev a:hover, .under main .btn_list .is_next a:hover {background-color: var(--mcolor);color: #fff;}
.under#message main .sec03_news_item{width: calc((100% - 90px)/4);margin-right: 30px;}
.under#message main .sec03_news_item:nth-child(4n + 4) {margin-right: 0;}
}



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

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:200px;margin: 77px 0 0;}
.under main #topic_path{margin-bottom:20px;position: relative;color: var(--scolor);}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;color: var(--scolor);}
	.under main #topic_path ul {padding: 15px 0;}
.under main #topic_path li:not(:last-child)::after {margin: 0 6px 0 12px;}
/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h2 .en{font-size:60%;display: block;margin: 5px 0 0;}
.under main h3,.under main .ovn_content h3{font-size:24px;padding-left:25px;margin-bottom:25px}
.under main h3:before,.under main .ovn_content h3:before{width:14px;height:14px;top:12px}
.under main h4,
.under main .ovn_content h4{font-size:22px;margin-bottom: 5px;}
.under main h5,
.under main .ovn_content h5{font-size:20px;margin-bottom: 15px;}
.under main h6,
.under main .ovn_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}
.under main table.tb_block tr{display: block}
.under main table.tb_block th,.under main table.tb_block td{display: block;margin-top: -1px;width: 100%!important;}
.under main table.mailform th,
.under main table.tb_block th{font-size: 18px;}

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

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{}
.under main .list01 li::before,
.under main .ovn_content ul li::before{}

.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;}
.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;border-radius: 10px;}

.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 main section.under_top{padding-bottom:60px}
.under main .btn_box.right,.under main .btn_box.left{justify-content:center}
.under_load_news{display:block}
.under_load_news .sec03_news_item:last-child{margin-bottom:0}
.under_image_col .img{width:calc((100% / 3) - 4px);margin:0 2px;max-width: none;}
.under_image_col.col2 .img{width:calc((100% / 2) - 4px)}
.under_col{display:block}
.under_col_item{width:100%;margin:0 0 50px}
.under_col_item:last-child{margin:0}
.under main .under_anchor a{width:250px;height: 60px;}
.under_row{display:block}
.under_row_item{width:100%;padding:20px}
.under_row_item:not(:last-child){margin-bottom:30px}
.under_row_item dt{padding:10px}
.under_row_item dd{padding:15px}
.under main .btn_lager .btn a{width:350px}
.under main .ovn_img img{max-width:100%}
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
/*============ OVERNOTES ============ */
.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;}

}


/* IPHONE 6 */
@media screen and (max-width: 400px) {
.under main table.mailform th,.under main table th{font-size:16px}
.under main .list01 li::before,.under main .ovn_content ul li::before{top:16px}
.under main .list02 li::before,.under main .ovn_content ol li::before{top:6px}
.sec03_news_item_ttl{font-size:18px;line-height:1.75em}
.sec03_news_item{margin-bottom:35px}
}

/* IPHONE 6 */
@media screen and (max-width: 360px) {
	.sp360{display: block;}
}