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

.under main .inner{padding-left: 15px;padding-right: 15px;}

.under main table.tb_block td{padding-left: 25px;padding-right: 25px;}

/* HOVER */
.under main #topic_path{padding-right: 200px;}
.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(--mcolor);text-decoration: none;}

.under main .list_anchor.list_3btn .btn{width: 32%;}
.under main .list_anchor.list_3btn .btn a{width: 100%;}

.under main table.tb_block tr:first-child th:first-child,
.under main table.mailform tr:first-child th:first-child{border-radius: 10px 10px 0 10px;}

.under main .frame_pick{margin-top: 50px;}

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

.under main .next_prev_btn{position: relative;display: flex;justify-content: center;}
.under main .next_prev_btn .prevPage{position: absolute;top: 0;left: 0;}
.under main .next_prev_btn .nextPage{position: absolute;top: 0;right: 0;}

.under main .list_ovn li:hover {background: #fdf4e0;}
.under main .list_toc li a:hover{color: var(--mcolor);}

.under main .btn_list .is_none a:hover{background: var(--txt);}
.under main .btn_list .is_prev a:hover{background: url('../images/icon_w_sm_l.png') no-repeat left 20px center /27px var(--txt);}
}

@media screen and (min-width: 751px) and (max-width: 1560px) {
.under main{padding-top: 80px;}
.under main .box_bg{padding-right: 30px;}
.under main .box_bg.box_bg_r{padding-right: 0;padding-left: 30px;}
.under main .box_bg_r::before{left: calc(50% - 600px);}

.under main #top_info .top_ttl{font-size: 80px;width: 850px;}
.under main #top_info .inner{min-height: 420px;}
.under main #topic_path{padding-right: 480px;}
.under main #top_info::after{height: 400px;width: 400px;}



}

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

.under main p,
.under main dd,
.under main li{font-size: 18px;}
.under main td{font-size: 18px;}

.under main .toc_ttl{font-size: 24px;margin-bottom: 15px;}
#ovn_detail.under main #top_info{margin-bottom: 80px;}
#ovn_detail.under main #topic_path li:last-child{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 60%;display: inline-block;line-height: 1em;}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:auto;margin-bottom: 60px;}
.under main #top_info::after{width: 240px;height: 240px;right:0;}
.under main #top_info .inner{padding: 15px 15px 270px;min-height: inherit;}
.under main #top_info .top_ttl{font-size: 36px;text-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);}

.under main #topic_path{margin-bottom:0;bottom: -50px;left: 15px;width: calc(100% - 30px);}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;color: var(--txt);}
.under main #topic_path li:not(:last-child)::after{margin:0 7px 0 5px;background: url('../images/ic_topic_b.png') center /cover no-repeat;}

.under main .list_anchor:last-child{margin-bottom: 0;}
.under main .list_anchor .btn{width: 290px;}
.under main .list_anchor .btn a{font-size: 16px;min-height: 70px;background-position:right 10px center}

.under main .box_first{padding-bottom: 80px;}
.under main .box_first::before{width: 100vw;height: auto;aspect-ratio: 480/97;left: 0;bottom: 0;}

.under main .page_content{padding-top: 60px;}
.under main .page_content::before{width: 100vw;height: auto;aspect-ratio: 96/43;left: 0;top: 50px;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:28px;padding-top: 35px;margin-bottom: 35px;}
.under main h3::before{width: 29px;height: 29px;left: calc(50% - 14px);}

.under main h4,
.under main .ovn_content h4{font-size:26px;margin-bottom: 30px;}

.under main h5,
.under main .ovn_content h5{font-size:24px;margin-bottom: 15px;padding-bottom: 15px;}

.under main h6,
.under main .ovn_content h6{font-size:22px;margin-bottom: 30px;}

.under main .box_bg{padding: 40px 15px 40px 0;margin-bottom: 40px;}
.under main .box_bg.box_bg_r{padding-right: 0;padding-left: 15px;}
.under main .box_bg::before{width: calc(100vw - 15px);left: -15px;top: 0;min-width: inherit;border-radius: 30px 30px 30px 0;}
.under main .box_bg_r::before{left: 0;width: calc(100vw - 15px);border-radius: 30px 30px 0 30px;}

.under main .flex_3box{flex-wrap: wrap;gap: 20px 0;width: 100%;max-width: 380px;margin:0 auto 15px}
.under main .flex_3box .item{width: 100%;padding: 10px 9px;}

.under main .flex_2col{flex-wrap: wrap;}
.under main .flex_2col .item{width: 100%;padding: 10px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td{padding:15px 10px;}
.under main table th,
.under main table.tb_block th,
.under main table.mailform th{padding:15px 10px;font-size: 20px;}

.under main table.tb_block,
.under main table.tb_block_sp{border-spacing: 10px}

.under main table.tb_block_sp.no_bd tr:not(:last-child) td::before{display: none;}

.under main table.tb_block tr,
.under main table.tb_block_sp tr{display:flex;flex-direction:column;margin-bottom: 10px;}

.under main table.tb_block_sp tr td::before{width: 100%;left: 0;background: #ccc;}
.under main table.tb_block tr:not(:last-child) th,
.under main table.tb_block_sp tr:not(:last-child) th{border-bottom:none}
.under main table.tb_block_sp td{margin-bottom: 10px;}
.under main table.tb_block_sp td:last-child{margin-bottom: 0;}

.under main table.tb_block td + td,
.under main table.tb_block_sp td + td{border-top: none;}
.under main table.tb_block th,
.under main table.tb_block td,
.under main table.tb_block_sp th,
.under main table.tb_block_sp td{width: 100%;}

.under main table th.bg1{border-radius: 0;}

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

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list_toc li,
.under main .list01 li,
.under main .ovn_content ul li{padding-left: 18px;margin-bottom: 10px;}

.under main .list_toc li::before,
.under main .list01 li::before,
.under main .ovn_content ul li::before{width: 10px;height: 10px;top: 7px;}

.under main .list_check{}
.under main .list_check li{}

.under main .list02 li::before,
.under main .ovn_content ol li::before{top: 3px;}

/* 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}
.under main .list_step dl:not(:last-child)::before{transform: scale(0.65);}
.under main .list_step dt {font-size: 20px;}
.under main .list_step dd {font-size: 18px;}

.under main .staff_item .infor {bottom: 15px;left: 15px;width: 290px;max-width: 100%;padding: 10px;}
.under main .staff_item .infor .big{font-size: 16px;}
.under main .staff_item .infor .name{font-size: 24px;}

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

.under main .frame_pick{padding:30px 15px}
.under main .frame_pick .pick_ttl{font-size: 26px;padding-top: 45px;}
.under main .frame_pick .pick_ttl span{font-size: 20px;padding: 0 50px;min-width: 240px;}
.under main .frame_pick .pick_ttl span::before{border-width:16px 12px 0 12px;bottom: -12px;left: calc(50% - 12px);}


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

.under main .privacy_ct,
.under main .privacy_box{padding: 15px;}
.privacy_ct {margin-bottom: 60px;}
/* ===========  OVERNOTE ===========  */
.under main .list_ovn {justify-content: space-between;}
.under main .list_ovn li {margin: 0 0 20px 0;padding: 10px;}
.under main .list_ovn li .big {font-size: 20px;}
.under main .list_ovn li .img {max-height: inherit;width: 220px;margin-right: 20px;}
.under main .list_ovn .info_box{width: calc(100% - 240px);}
.under main .list_ovn .date{margin-bottom: 15px;}
.under main .list_ovn .date:last-child{margin-bottom: 0;}

.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 .box_staff{text-align: center;}
.under main .box_staff .btn a{margin-left: auto;margin-right: auto;}

.under main .box_tel_ct{border-width: 2px;}
.under main .box_tel_ct .ft_cta_tel a{font-size: 30px;padding-left: 25px;background-size: 19px auto;background-position: left top 12px;}
.under main .box_tel_ct .ft_cta_subitem .txt{font-size: 18px;}
.under main .box_tel_ct .ft_cta_subitem.ml01 .label,
.under main .box_tel_ct .ft_cta_subitem .label{font-size: 18px;width: 110px;}

}
/* IPHONE 14 */
@media screen and (max-width: 440px) {
#ovn_detail.under main #topic_path{bottom: -65px;}
#ovn_detail.under main #topic_path li:last-child{max-width: 100%;}

/*============ ORTHER ============ */
.under main .box_first{padding-bottom: 50px;}

.under main .list_ovn li{flex-direction: column;width: 100%;}
.under main .list_ovn li .img {height: auto;width: 100%;margin-bottom: 10px;}
.under main .list_ovn .info_box{width: 100%;}
.under main .list_ovn li:last-child {margin-bottom: 0;}
.under main .box_staff .btn a{width: 280px;}

}


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

#akiya.under main #top_info{margin-bottom: 70px;}
#akiya.under main #topic_path{bottom: -60px;}
#akiya.under main #topic_path ul{padding: 0;}

.under main .staff_item .infor {transform: scale(0.8);transform-origin: bottom left;}
}