@media screen and (min-width:2000px) {
    .under main::after{right: calc(50% - 960px);}
}
@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: var(--site_size);}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline;text-underline-offset: 3px;}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover, .btn_zipcode:hover, .form_tb .wpcf7-list-item:hover, .form_btn input.wpcf7-form-control:hover, .list_blog li a:hover, .under main .wp_pagination a:hover, .blog_btn li.btn_back a:hover, .list_event li a:hover{opacity: 0.7;}
.blog_btn li:not(.btn_back) a:hover {background: var(--gray);}

.under main .wpContent p a:not(a[target=_blank]):hover, .under main .link:not(a[target=_blank]):hover, .sidebar .list01 a: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 main .box_h5 .img{position: absolute;top: 60px;left: 60px;}
.under main .box_h5.img_r{padding-left: 70px;padding-right: 375px;}
.under main .box_h5.img_r .img{left: inherit;right: 60px;}
.under main .box_h5.no_img{padding: 60px 70px;}
.under main .event_top h3 .tt_event { padding: 4px 19px 9px;}
.ft_link ul li a:hover{opacity: 0.9}
.ft_link ul li a:hover::before{opacity: 1;visibility: visible}
.under main .tb_layout_col dd{min-height: 460px}
.under#renovation main #top_info{padding-top: 520px;}
.under main #content{background: #fff;position: relative;z-index:1;}
}
@media screen and (min-width: 751px) and (max-width: 1600px){
    .under main #top_info{padding-top: 360px}
    .under main #top_info::before{width: 100%;height: 1000px;left: 0}
    .under main h2{font-size: 34px}
    #renovation.under main h2{font-size: 28px;}

    .under main #topic_path{margin: 24px 0 62px;}
    .under main::before, .under main::after{top: 886px;background-size: 100%;aspect-ratio: 3 / 5;}
    .under main::before{left: -14px;width: 111px;}
    .under main::after{right: -11px;width: 113px;}
}

@media screen and (max-width: 750px) {
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd{font-size: 14px}
.under .loading{z-index: 5}
.btn a::before{right: 10px;}
.btn_big a{max-width: 100%;font-size: 18px;letter-spacing: 0;}

.under main {padding: 0;}
.under main::before,.under main::after{top: 538px;background-size: 100%;}
.under main::before{width: 75px;left: 0}
.under main::after{right:0;width: 77px;z-index: -1;}
.under main img{box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);}
.under main .box_h5 .img img{border-radius: 10px;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);max-height: 216px;object-fit: cover; width: 100%;height: 100%}
.under main #content,
.under main section{padding:0 0 40px;}

.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 .img_big{margin-top: 30px;}

.under main .box_under{margin:30px 0;padding: 15px;border-radius: 10px;}
.under main .box_h5{padding: 15px;}
.under main .box_h5 .img{display: block;text-align: center;}
.under main .blog_content,.under main .blog_detail{margin: 30px 0 0 0}
.under main .box_h5:not(h5) p,.under main .box_h5:not(.img) p{order: 3}
.under main .box_h5 .img{order: 1 !important;margin-bottom: 20px}
.under main .box_h5 h5{order: 2;margin-bottom: 20px}


/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{padding-top: 350px;width: calc(100% - 400px);}
.under main #top_info::before{width: 750px;height: auto;aspect-ratio: 5/ 4;left: 0;background: url(../images/top_info_bg_sp.jpg) no-repeat center / cover;top: 0px;left: calc(50% - 375px);}
.under main #top_info .en{margin-bottom: 0;}

    .under main #topic_path ul{padding: 0;}
.under main #topic_path{margin:20px 0 15px}
.under main #topic_path li{font-size: 14px;overflow: initial;}
.under main #topic_path li:first-child a{border-radius: 999px;background: var(--mcolor);color:#fff;padding-right: 15px}
.under main #topic_path li a{font-size: 12px;padding: 4px 15px 5px 15px;line-height: 1.3em;position: relative;background: transparent;color: var(--txt);padding-right: 0}

.under main #topic_path li:last-child {padding: 5px 15px;line-height: 1.3em;border-radius: 20px;font-size: 12px;background: transparent}
.under main #topic_path li:not(:last-child) a::before{position: absolute;content:"";right: -14px;top: calc(50% - 6px);width: 7px;height: 12px;background:url(../images/ic_row_right.svg) center /cover no-repeat}

/*============ HEAD TITLE ============ */
.under main h2{font-size:24px;}
.under main h3,
.under main .wpContent h3{font-size:20px}
.under main h3 .tt_h3{padding: 5px 10px;border-radius: 5px;}
.under main h4,
.under main .wpContent h4{font-size:18px;}
.under main h4 span{padding-bottom: 5px;background: url('../images/ic_h4.png') left bottom 2px repeat;}
.under main h5,
.under main .wpContent h5{font-size:16px;margin-bottom: 20px;}
.under main h6,
.under main .wpContent h6{font-size:14px;margin-bottom: 15px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:10px 15px;border-width: 3px}
.under main table th{border-right: 3px solid var(--mcolor)}
.under main table.tb_block tr{display:flex;flex-direction:column;margin-bottom: 10px;}
.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 th, .under main table td, .under main table th p{font-size: 14px}
.under main table.tb_block th{border-bottom: none;padding: 10px 15px 0 15px}
.under main table.tb_block td{border-top: none}
.under main table.tb_block tr:last-child th{border-bottom: none}
.under main table.tb_block tr:last-child td{border-bottom: 3px solid var(--mcolor);}
.under main table.tb_block td{border-left: 3px solid var(--mcolor);}
/* 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;}
.form_tb .must{margin: 3px 0 0;}
/*============ LIST ============ */
.under main .list01,
.under main .wpContent ul{}
.under main .list01 li,
.under main .wpContent ul li{margin-bottom: 5px;font-size: 14px;padding-left: 30px;}
.under main .list01 li::before,
.under main .wpContent ul li::before{top: 7px;}

.under main .list02,
.under main .wpContent ol{}
.under main .list02 li,
.under main .wpContent ol li{}
.under main .list02 li::before,
.under main .wpContent ol li::before{padding: 0 0 5px;}

.under main .list_3img li{width: calc((100% - 30px) / 3);padding: 0 5px;margin: 0}
.under main .frame01{padding: 20px 15px}
.under main .list_3img .slick-list{margin: 0 -5px}
.under main .list_3img .slick-prev{z-index: 2;left: 0}
.under main .list_3img .slick-next{z-index: 2;right: 15px}
.under main .list_3img .slick-prev::before,.under main .list_3img .slick-next::before{font-size: 35px;opacity: 1}

.under main .tb_layout{}
.under main .tb_layout dl{border-width: 3px;padding: 10px 15px;flex-direction: column;justify-content: center;}
.under main .tb_layout dt{}
.under main .tb_layout dd{}

.under main .tb_layout_col{flex-wrap: wrap;}
.under main .tb_layout_col dl{width: 100%;}
.under main .tb_layout_col dl:not(:last-child){margin-bottom: 30px;}
.under main .tb_layout_col dt,
.under main .tb_layout_col dd{border-width: 3px;padding: 10px 15px;}
.under main .inner{width: calc(100% - 160px);}


.under main .list_step li{border-width: 2px;padding: 10px;font-size: 14px;margin-bottom: 20px}
.under main .list_step li:not(:last-child)::before{border-width: 10px 10px 0px 10px;bottom: -10px;left: calc(50% - 10px);}
.under main .list_step li span{padding: 5px 10px;margin-right: 10px;font-size: 12px;}

.under main .list_btn{flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
.under main .list_btn .btn a{width: 290px;}

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

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

footer{padding-top: 19.5vw;margin-bottom: 0;}
footer::before{width: 100vw;height: auto;aspect-ratio: 96/19;top: 0;left: 0;}
.ft_content{padding: 30px 0;}
.ft_content .inner{left: inherit;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
.ft_info{width: 382px;max-width: 100%;}
.ft_info .ft_logo{margin-bottom: 15px;max-width: 290px;}
.ft_info p{font-size: 14px;margin-bottom: 15px;}
.ft_info .big.cus{font-size: 14px}
.ft_info p.bold{margin-bottom: 20px;}
.ft_info .big .en img{margin-right: 5px;max-width: 12px;}

.ft_link{margin-top: 15px;width: 382px;max-width: 100%;}
.ft_link ul li{height: 50px;margin-bottom: 5px;}
.ft_link ul li a{padding: 0 15px;font-size: 14px;border-radius: 3px;}

address{position: relative;bottom: inherit;left: inherit;text-align: center;font-size: 12px;margin-top: 150px;}
    
.form_frame_ttl {font-size: 16px;}
.form_frame_tel {font-size: 22px;}
.form_frame_time {font-size: 14px;}
.blog_content{display:block}
.blog_main{width:100%;margin:0 0 50px}
.list_blog li .img{width:120px;height:100px;margin-right:15px}
.list_blog li .link{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5em}
.list_blog li{padding:0 0 20px;margin-bottom:20px}
.sidebar{width:100%;margin:0}
.sidebar_ttl{font-size:18px;background-size:auto 45px}
.blog_btn li.btn_back{width:160px}
.blog_btn li:not(.btn_back){width:calc((100% - 160px) / 2)}
.blog_img img{max-height:300px}
.event_top_status {font-size: 13px;width: 50px;height: 50px;margin: 0 10px 0 0;}
.event_row:not(:first-child) {margin-top: 40px;}
.wpContent img.alignleft ,.wpContent img.alignright {
    float: none;
    display: block;margin: 0 auto 30px;
}
.form_tb th {width: 100%;}
.list_event {
    justify-content: space-between;
}
.list_event li {
    width: 48%;
    margin: 0 0 30px;
}

.wpcf7 form .wpcf7-response-output{font-size: 14px}
.form_tb input[name="your-zipcode"]{width: calc(100% - 88px);}
.form_tb .wpcf7-list-item label input{top: 7px}
#event .form_tb input[name="your-num"]{width: calc(100% - 20px);}
.under main .list_btn .btn:last-child{margin-right: 15px}
.under main .btn_big a{font-size: 18px}
.under main .btn_big a .ic::before{top: calc(50% - 8px);}
#event .form_tb input[name="your-num"],
#event .form_tb input[name="your-num2"]{width:calc(100% - 20px)}
}

@media screen and (max-width: 640px) {
.under main #top_info{width: calc(100% - 300px);padding-top: 275px;}
.under main #top_info::before{left: calc(50% - 320px);width: 640px;}
.under main::before, .under main::after{top: 445px;}
.under main::before{width: 60px;}
.under main::after{width: 55px;}
}
/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
.blog_btn{display:block}
.blog_btn li:not(.btn_back){width:100%;max-width:300px;margin:0 auto}
.blog_btn li.btn_back{width:300px;max-width:100%;margin:10px auto}
.blog_btn li.btn_back a{width:100%}
.list_event li { width: 100%;}
.under main::before{width: 15px;}
.under main::after{width: 20px;}
.under main::before, .under main::after{top: 380px;z-index: 1}
.under main #top_info{padding-top: 300px;width: calc(100% - 40px);}
.under main #top_info::before{top: 50px;height: 500px;width: 750px;left: calc(50% - 375px);}
.under main #top_info::after{position: absolute;content:"";top:0;left: -20px;background: #eceae3;width: calc(100% + 40px);height: 52px;}
.under main .inner{width: calc(100% - 30px);}
.under main #content::before, .under main #content::after {position: absolute;top: 154px;content: '';z-index: 2;}
.under main #content::before{background: url(../images/bg_1.png) center /cover no-repeat;width: 57px;background-size: 70%;height: 342px;left: -23px;}
.under main #content::after{background: url(../images/bg_2.png) center /cover no-repeat;right: -8px;width: 34px;background-size: 105%;height: 372px;}
.under main .box_h5 .img img{height: 150px}
.under main .btn_big a{font-size: 15px}

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
.under main h2,
.ft_link ul li a{letter-spacing: 0;}
.under main .btn_big a{font-size: 15px;padding-right: 15px;}
}