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

.under main .u_col_r ul.info_item li{cursor: pointer;transition: .3s}
.under main .u_col_r ul.info_item li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3)}

.under main #top_info .inner{padding-bottom: 37px}
.under main .frame_txt .txt01{position: relative;top: 2px}
.under main .frame_txt .txt01_r0{padding-right: 0}
.under main .frame_txt .txt01_l0{padding-left: 0}

.frame_table .table_frame_box{width: calc(100% - 330px)}
.frame_white_box.w546,
.frame_white_box.w574,
.frame_white_box.w714{max-width: calc(70% - 6px)}
.frame_white_full .frame_white_box.w714{width: calc(100% - 127px*2);max-width: initial;}
.frame_white_box.w127{max-width: 15%}

.under main table.tb_block01.w_th th{width: 313px}
.under main .list_step_item .item_txt{padding-left: 1px}
.under main .list01_col{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 9px}
.under main .list01_col li{margin-bottom: 0}

.under main .s04_box_list_full.sp{display: none;}

.under main .frame01_w{width: calc(100% - 370px); display: inline-block;}
.under main .frame_block{display: grid;}
.under main .frame01.clearfix{padding: 29px 130px 25px}
.under main .frame01_big.clearfix{padding: 29px 100px 25px}


.under main .list01.block{display: inline-block;}
.under main .top_info_ttl br{display: none;}

.under main table.tb_block02 tr:first-child th:first-child,
.under main table.tb_block02 tr td:first-child{border-left: 0}
.under main table.tb_block02 tr:first-child th:last-child,
.under main table.tb_block02 tr td:last-child{border-right: 0}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline}
.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;}
.under main .info-tags li a:hover{opacity: .8}
.under main .u_col_r .info_ttl a:hover{color: var(--mcolor)}

/* 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 main #topic_path li a:hover{color: var(--mcolor)}
}

@media screen and (max-width: 750px) {
:root {--mfont-size: 16px;}
.under main p{line-height: 1.8em}
.under main #content{padding:0 0 80px}
.under main section{padding:0 0 60px;}
.under main{padding-top: 50px}

.under .h_left{padding-top: 4px}
.under .h_box{background: #fff}
.under .h_inner{display: block;}


.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 .frame_image{display: flex;flex-direction: column-reverse;}
.under main .frame_image .frame01_w{order: 1}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:100px;background: url(../images/top_info_bg_sp.jpg) center /cover no-repeat;}
.under main #top_info::before{display: none;}
.under main #top_info .inner{padding-top: 2px}
.under main #topic_path{margin-bottom:9px;margin-top: -10px;}
.under main #topic_path ul{padding: 7px 0 0;justify-content: flex-start;}
.under main #topic_path li,
.under main #topic_path li a{font-size: 11px;}
.under main #topic_path li{margin-bottom: -2px}
.under main #topic_path li:not(:last-child)::after{display: none;}
.under main #topic_path li:not(:first-child)::before{content: "＞";position: relative;display: inline-block;margin: 0 2px 0 0px;top: -1px;pointer-events: none;font-size: 11px}

/*============ HEAD TITLE ============ */
.under main .top_info_ttl{font-size: 20px}
.under main h2{font-size:22px;padding-top: 12px;margin-bottom: 19px}
.under main h2::before{height: 3px;width: 50px;left: calc(50% - 25px)}
.under main h3,
.under main .ovn_content h3{font-size:18px;margin-bottom: 15px}
.under main h4,
.under main .ovn_content h4{font-size:18px;padding-left: 27px}
.under main h4::before,
.under main .ovn_content h4::before{left: 5px}
.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}
.under main table td,
.under main table th{padding:8px 10p}
.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%;}

.under main table.tb_block01 th,
.under main table.tb_block01 td{border-right: 0;border-left: 0}
.under main table.tb_block01 th{border-top: 0;border-bottom: 0}
.under main table.tb_block01 tr:last-child td{border-bottom: 0}

.under main table.tb_block02 th{border-left: 0;border-right: 0;border-top: 0}
.under main table.tb_block02 th.sp{border-bottom: 0}
.under main table.tb_block02 td{border-left: 0;border-right: 0}

.under main table.tb_block03 th{border: 0}
.under main table.tb_block03 td{border-left: 0;border-right: 0}

.under main table.tb_sp th{width: 90px;border-left: 0}
.under main table.tb_sp td{border-right: 0}

.under main table.tb_cus01{}
.under main table.tb_cus01 th{width: 120px;border-left: 0}

.under main table td.td_bor_bot35{border-bottom-width: 35px}

.under main table.tb_white td{font-size: 34px}
.under main table.tb_white tr:not(.col){display: flex;flex-direction: column;}
.under main table.tb_white tr th,
.under main table.tb_white tr td{width: 100%}
.under main table.tb_white tr th.w574,
.under main table.tb_white tr th.w127{display: none;}
.under main table.tb_white tr.col th{width: 50%}

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

/*============ 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_item{flex-direction: column;width: 100%;margin: 0 auto 83px;gap: 29px;}
.under main .list_step_item .item_info{padding: 0 0 0 28px;}
.under main .list_step_item .item_img{width: 100%;text-align: center;display: none;margin-bottom: 15px}
.under main .list_step_item .item_ttl{font-size: 18px;margin-bottom: 20px}
.under main .list_step_item .item_num{font-size: 60px;left: -28px;top: calc(50% - 34px)}
.under main .list_step_item .item_txt{padding-left: 2px}
.under main .list_step_item::before{bottom: -52px}
.under main .list_step_item .item_info .item_img{display: block;}

.under main .list_bnr{width: 100%;margin: 40px auto 0;gap: 10px;flex-wrap: wrap;justify-content: center;}


/*============ FRAME ============ */
.under main .frame01{padding:30px 30px 29px}
.under main .frame01 .frame_ttl{font-size: 18px;margin-bottom: 8px}
.under main .frame01 p{line-height: 1.5625em}
.under main .frame01::before{width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px}

.under main .frame_column{flex-direction: column;width: 100%;max-width: 335px;margin: 0 auto;gap: 28px;justify-content: center;}
.under main .frame_column .frame_column_item{width: 100%}
.under main .frame_column .frame_column_item .txt{font-size: 20px;margin-top: 13px}
.under main .frame_column .frame_column_item02 .txt{margin-top: 15px}

.under main .frame_staff{flex-direction: column;gap: 27px;width: 100%;margin: 0 auto}
.under main .staff_l{width: 100%;max-width: 335px;margin-left: auto;margin-right: auto;}
.under main .staff_img{width: 100%;max-width: 200px;margin: 0 auto 19px}
.under main .s04_box_list{padding-bottom: 15px;margin-bottom: 30px}
.under main .staff_list li{line-height: 1.5625em}
.under main .frame_staff .s04_box_list ul li:not(:last-child){width: 60px;flex-shrink: 0}
.under main .frame_staff .s04_box_list ul.s04_box_list_full li:not(:last-child){width: calc(100% - 60px)}
.under main .s04_box_list ul li:last-child{width: calc(100% - 70px);flex-grow: 1}

.under main .frame02{padding: 19px 15px 10px}
.under main .frame02_h_2{line-height: 1.1em;padding-top: 17px;margin-bottom: 23px}

.under main .frame_column02{flex-direction: column;gap: 18px;}
.under main .frame_column02 > li{width: 100%}
.under main .frame_column02_l::before{display: none;}
.under main .frame_col_ttl{margin-bottom: 16px}
.under main .frame_column02 .list01 li{line-height: 1.4em;margin-bottom: 11px}

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

.under main .frame_concept01{margin-bottom: 30px;width: 100%;max-width: 335px;margin-left: auto;margin-right: auto;}
.under main .frame_txt{font-size: 22px;bottom: 31px}
.under main .frame_txt .txt{padding: 3px 5px 1px 8px}
.under main .frame_txt .txt01_l0{margin-top: 12px}
.under main .frame_img{width: 275px;height: 170px;}
.under main .frame_img img{min-width: 100%;min-height: 100%;width: auto;height: auto;object-fit: cover;}

.under main .frame_3col{width: 100%;max-width: 320px;margin: 0 auto;grid-template-columns: repeat(1,1fr);grid-gap: 15px}

.under main .list_anchor{flex-direction: column;gap: 20px;width: 100%;max-width: 335px;margin-left: auto;margin-right: auto;}
.under main .list_anchor.mt{margin-top: 35px}
.under main .list_anchor .list_anchor_btn{width: 100%}
.under main .list_anchor .list_anchor_btn a{font-size: 15px;padding: 0 0 3px}
.under main .list_anchor .list_anchor_btn a::before{width: 26px;height: 12px;left: calc(50% - 13px);clip-path: initial;background: url(../images/list_anchor_btn_ic.png) center /cover no-repeat;}
.under main .list_anchor .list_anchor_btn a::after{width: 23px;height: 2px;background: #fff;clip-path: initial;left: calc(50% - 24px/2);top: calc(100% - 1px)}

.under main .frame_cus01_tag{width: 90px;padding: 6px 10px;font-size: 16px}
.under main .frame_cus01_info .txt{font-size: 14px}

.under main .txt_line_height p{line-height: 1.5625em}

.under main .frame_table{flex-direction: column;gap: 25px;}
.under main .table_frame_box{width: 100%}
.under main .frame_table .image_frame{margin: 0 auto;justify-self: center;width: 100%;max-width: 320px}

.under main .frame_table_info_col{flex-direction: column;width: 100%}
.under main .frame_table_info_box{width: 100%;gap: 20px;}
.under main .table_frame_list01 > li .frame_list01_txt{width: 210px;flex-shrink: 0;margin-bottom: 10px}
.under main .table_frame_list01 > li{flex-direction: column;align-items: flex-start;}
.under main .frame_table_info_box .box_border{padding: 5px 10px;width: 140px;font-size: 16px}
.under main .table_frame_list01 > li::before{top: 9px}
.under main .frame_table_info_box .box_num{padding-left: 0}

.under main .frame_white{flex-wrap: wrap;gap: 15px 3px;}
.under main .frame_white_box.w574,
.under main .frame_white_box.w714,
.under main .frame_white_box.w546{width: 100%}
.under main .frame_white_box.w127{width: calc(50% - 2px)}
.under main .frame_white_box .item_ttl{font-size: 18px}

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

.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;}

/*INFO STYLE*/
.under main .u_col2{flex-direction: column-reverse;}
.under main .u_col_l{width: 100%;margin: 0}
.under main .u_col_r{width: 100%;margin-bottom: 30px}
.under main .u_col_l .sec_archive{margin-bottom: 0}
.under main .u_col_r ul.info_item li{padding: 10px}
.under main .u_col_r .info_cnt{flex-direction: column-reverse;}
.under main .u_col_r .info_cnt .info_cnt_r{margin: 0;width: 100%}
.under main .u_col_r .info_cnt .info_cnt_l{width: 100%;padding: 0;margin-top: 20px}
.under main .u_col_r .info_cnt .info_cnt_r .info_img{max-width: 300px;margin: 0 auto}
.under main .u_col_r .info_cnt .info_cnt_r .info_img img{max-height: 200px}
.under main .u_col_r .info_ttl a{font-size: 20px}
.under main .u_col_r .info_cnt .info_cnt_l .info_cat{font-size: 14px;padding: 2px 4px}
.under main .u_col_r ul.info_item ul.info-tags li{width: calc(50% - 5px)}
.under main .u_col_r .info_cnt .info_cnt_l .info_desc{max-height: 125px}
.under main #content.info_pd_sp{padding-bottom: 40px}
.under main .info_desc_sec{margin-bottom: 30px}
.under main .img_3col .inf_img{width: 100%}
.under main .btn_box .btn a{font-size: 15px; width: 100%; height: 50px; max-width: 335px;}
/* END INFO STYLE*/

.under footer{padding-top: 50px}

}


/* IPHONE 14 */
@media screen and (max-width: 639px) {
	.under main .bnr_btn{width: 100%}
	.under main .list_bnr{max-width: 335px}
	.under main .frame_cus01_info .txt{font-size: 3.6vw}
	.under main .list_bnr{gap:20px;}
/*============ ORTHER ============ */

}


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

}