.sp440{display:none}

@media screen and (min-width: 751px) {
a[href^="tel:"]{pointer-events: none;}
.sp{display:none}

/* nav */

.nav_list{display: flex;background: #fff;border-radius: 5px;padding: 46px 122px 29px 151px;}
.nav_list>li>a,
.nav_list>li>.sub_btn{display:flex;align-items:center;position:relative;font-weight: 500;margin: 5px 16px 6px 16px;height: auto;letter-spacing: 0;font-size: 20px;color:var(--mcolor);display: inline-block;text-decoration: underline;text-decoration-thickness: 1px;text-decoration-color: #7B7B7B;text-underline-offset: 10px;}
.nav_list>li.parent{position:relative;letter-spacing: 0.87em;}
.nav_list>li.parent:before{position: absolute;content:"";bottom: -6px;width: 15px;height: 9px;left: 0;right: 0;background: url(../images/ic_row.svg) center /cover no-repeat;margin: 0 auto;}
.nav_list>li.parent>.sub_btn{}
.sub{position: relative;z-index:1;transition:all .3s;opacity: 1;border-top:solid 1px #FFF;top: 0;left:0;margin-top: 26px;margin-right: 90px;}
.sub ul li a{display:inline-block;width:auto;;align-items:center;letter-spacing:.001em;padding: 0px 0px 0 15px;margin:0 auto;border-bottom:solid 1px #FFF;font-weight: 500;font-size: 15px;margin-bottom: 15px;margin-right: 20px}

.hamburger{position: absolute;top: -1px;right: 33px}
.h_right nav{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: #F8F8F8;opacity: 0;transition: 0.3s all ease;visibility: hidden;}
.h_right nav .inner{display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;}
header.active .h_right nav{opacity: 1;visibility: visible}
.hamburger.is_active{right: 50px}
.hamburger.is_active .hamburger-box{width: 27px;}
.nav_list>li>.sub_btn{font-size: 20px;color:var(--mcolor);}


 /*  FOOTER */

.ft_bnn li:not(:last-child){margin-right: 30px;}

/* hover */
.ft_link ul li > a:hover{color: var(--mcolor)}
.nav_list>li.parent:hover{text-decoration: underline;color:#fff}
.nav_list>li>a:hover{text-decoration: underline;}
.parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
.sub a:hover{color: var(--mcolor);text-decoration: none;}
.ft_bnn li a:hover,
.btn a:hover{opacity:.8;transform:translateY(-7px);transition: 0.3s all ease;}
.to_top img:hover,.sec05 .slick-next:hover,.sec05 .slick-prev:hover{opacity: 0.7}

.info_new dl:hover dd:before{right: -10px;transition: 0.3s all ease;}
.info_new dl:hover .name{text-decoration: none}
.sec06 .inner:hover,.sec07 ul.info_news2 li:hover,.sec08 dl:hover{transform:translateY(-7px);opacity: 0.8}
.ft_link ul li.big a:hover{border-bottom: 1px solid var(--mcolor)}
.sec05 .list_sec05 .item:hover,.hamburger:hover,.nav_list>li>a:hover{opacity: 0.7}
.sec02 .h_contact_tel a{padding: 2px 0 0 11px;}
.sec01 .ttl{width: 187px;margin-bottom: 0;padding-top: 13px;}
.sec01 .info_new{width: 850px;}

.sec04 .list_sec04 li.row-left .img{margin-left: -240px;}
.sec04 .list_sec04 li.row-left .info_sec04{margin-right: -100px;margin-left: -130px;}
.sec04 .list_sec04 li.row-right .img{margin-right: -240px;}
.sec04 .list_sec04 li.row-right .info_sec04{margin-left: -77px;margin-right: -130px;}
.ft_link{padding-right: 328px;}

.h_right nav .item_bottom_menu .menu_l{margin-left: 43px;}

}
@media screen and (min-width: 751px) and (max-width: 1280px){
    .h_right nav .inner{margin-bottom: 5vw;}
    .nav_list{margin-top: 5vw;}
}
@media screen and (min-width: 751px) and (max-width: 1600px){
    .nav_list{width: 1000px}
    .h_inner{padding: 0px 110px 0px 15px;}
    

   
    .h_contact_tel a{font-size: 22px;}
    .h_contact_tel a .txt_small{font-size: 20px;top: 2px;}
    #logo{max-width: 300px}
    .nav_list{padding: 10px 50px 10px 50px;}
    .h_right nav .item_bottom_menu{margin: 20px auto 0 auto;}
    .sub ul li a{margin-bottom: 0}
    .h_right nav .item_bottom_menu .loction{margin-bottom: 15px}
    .hamburger{top: calc(50% - 32px);width: 65px;height: 65px;}
    .hamburger.is_active{right: 32px}
    header.show .h_box{padding: 15px 0 15px 0;}
    .nav_list{width: 1000px}
    .h_right nav .item_bottom_menu{max-width: 1000px}

    .mv_txt{top: 55%;}
    .mv{height: 700px}
    .mv:before{width: 100%}
    .txt_h3{width: 80%}
    .mv_txt h2{font-size: 40px}
    .mv_txt h2 .txt_big:not(.big2):before{left: -5px;/* height: calc(100% - 5px); */}
    .mv_txt h2 .txt_big.big3:before{left: -10px;height: calc(100% - 15px);}

    .sec03 .tt-en,.sec05 .tt-en{left: 0}
    .sec09 .tt-en{right: 0;}

    .sec04 .tt-en{margin-right: 0;}
    .sec04:before{top: 190px;height: calc(100% - 190px);}
    .sec04 .list_sec04 li.row-left .img{margin-left: 0}
    .sec04 .list_sec04 li .img{width: 65%;}
    .sec04 .list_sec04 li .info_sec04{height: auto;padding: 60px 40px 40px 40px;}
    .sec04 .list_sec04 li.row-left .info_sec04{margin-right: 0;margin-left: -70px;}
    .sec04 .list_sec04 li.row-right .img{margin-right: 0}
    .sec04 .list_sec04 li.row-right .info_sec04{margin-left: 0}
    .sec04 .list_sec04 li .name{margin-bottom: 65px}
    .sec04 .list_sec04 li .name:before{bottom: -30px}


    .sec05 .info_sec05_1:before{width: calc(100% - 30px);margin: 0 auto;left: 0;right: 0}
    .sec05 .slick-prev, .sec05 .slick-next{top: -43%}
    
    .sec05 .list_sec05 .slick-list{margin: 0 -3px}
    
    .sec05 .list_sec05 .item .name{}

    .sec05 .info_sec05_2 .item:after,.sec05 .list_sec05 .item:after{width: 26px;height: 5px;bottom: 15px;}
    .sec05 .info_sec05_2 .item.item6:after{bottom: 22px}
    .sec05 .info_sec05_2 .item .desc{padding: 0 15px}
    .sec05 .info_sec05_2 .item.item6 .name{}

    .sec05 .info_sec05_1 .list_sec05 .item.item4 .desc{letter-spacing:-0.16em}
    .sec07:before{width: 95%}

    .sec11{min-height: 500px}
    .sec11:before{width: 100%}


    .tt-en,.sec10 .tt-en,.sec09 .tt-en,.sec03 .tt-en,.sec05 .tt-en,.sec07 .tt-en{font-size: 160px;top: -130px;}
    .sec09 .tt-en{top: -90px}
    .sec08 .tt-en{margin-left: 140px}
    .sec08 .ttl{margin: -110px 0 70px 0;}

    .sec10 .inner{width: 1200px}
    .sec10 .tt-en{left: 0}


    .to_top,.to_top.show{bottom: 25px}

    .sec03{margin: 190px 0 0;}
    .sec04{padding: 60px 0 63px 0;}
    .sec05{margin: 195px 0 65px 0;}
    .sec07{margin: 220px 0 65px 0;}
    .sec08{padding: 25px 0 111px 0;}
    .sec09{margin: 106px 0 65px 0;}
    .sec10{margin: 210px 0 0 0;}

}

/* screen-min:750px */
@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: 15px}
    img{max-width:100%; height: auto;}
    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important}
    .inner{padding: 0 15px}
    .pc{display:none!important}

    /* NAV */

    nav{display:block;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);overflow:auto;padding-bottom:140px;z-index:100;display:none;background: var(--bg);}
    nav .inner{padding: 0;}
    .nav_list{width: calc(100% - 30px);background: #fff;position: relative;left: 15px;border-radius: 5px;padding: 10px;}
    .nav_list ul,
    .nav_list li{width:100%}
    .nav_list .parent .sub ul li{background: #fff;}
    .nav_list .parent .sub ul li:not(:last-child){}
    .nav_list .sub_btn,
    .nav_list a{display:block;padding:10px 15px 10px;font-size:15px;font-weight:500;color: var(--mcolor);text-decoration: underline;text-decoration-thickness: 1px;text-decoration-color: #7B7B7B;text-underline-offset: 5px;}
    .nav_list .sub_btn{position:relative;padding-left:15px;letter-spacing: 0.05em;margin-bottom: 0;}
    .nav_list .sub_btn::before,
    .nav_list .sub_btn::after{content:"";position:absolute;width: 16px;height: 2px;background-color: var(--txt);top:calc(50% - 1px);right:10px;transition: all 0.3s;}
    .nav_list .sub_btn::after{transform: rotate(-90deg);}
    .nav_list .sub_btn.open::after{transform: rotate(0);}

    .sub{display:none}
    .sub ul:not(:last-child){margin-bottom:15px}
    .sub a{border-bottom:none;font-size: 14px;=: 500;text-decoration: none;color: var(--txt);padding-left: 25px;}
    .hamburger{width: 50px;height: 50px;padding: 12px 8px 5px;position:absolute;right:2%;bottom: 10px;font:inherit;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101}
    header.show .h_box{padding: 0}
    header.active .h_box{background:var(--bg)}
    .hamburger .txt_menu{font-size: 11px;}
    .hamburger-inner::before{top:-7px}
    .hamburger-inner::after{bottom: -7px}
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before,.hamburger-box{width: 30px;}
    .hamburger--3dxy.is_active .hamburger-inner::after{
    transform: translate3d(0, -6px, 0) rotate(-40deg);
    width: 30px;
    }
    .hamburger--3dxy.is_active .hamburger-inner::before{transform: translate3d(0, 8px, 0) rotate(37deg);width: 30px;}
    /*=====================================================
                          C U S T O M
    ======================================================*/

    /*============ HEADER ============*/
    
    .h_box{height:70px;top: 0}
    .h_inner{padding: 0 10px;}
    #logo{width: 250px}

    .h_right nav .item_bottom_menu{flex-direction: column;margin: 30px auto;max-width: 400px;width: 100%;    padding: 0 15px;}
    .h_right nav .item_bottom_menu .menu_l, .h_right nav .item_bottom_menu .menu_r{width: 100%}
    .h_right nav .item_bottom_menu .menu_l .h_contact_tel a, .h_right nav .item_bottom_menu .menu_l .h_contact_tel a .txt_small{font-size: 25px}
    .h_right nav .item_bottom_menu .menu_l .h_contact_tel{margin-bottom: 20px}
    .h_right nav .item_bottom_menu .menu_l{margin-right: 0;padding-top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .loction .map{font-size: 16px;display: flex;}
    .h_right nav .item_bottom_menu .loction{align-items: center}
    .h_right nav .item_bottom_menu .menu_r{margin-top: 20px}
    .h_right nav .item_bottom_menu .open1{font-size: 12px}

    /*============ Main ============*/
    main{padding-top: 0;}

    /* MAIN VISUAL */
    .mv_bg,.main_slider .slide_item,.mv{height:400px}
    .mv:before{height: 400px;width: 100%;}
    .mv_txt{top: 55%;left:100px;width: 135px;}
    .mv_txt h2,.mv_txt h2 .txt_big{font-size: 25px;position: relative;}
    .txt_h3 img{max-width: 350px;}
    .mv_txt h2 .txt_big:not(.big2):before{top: 0px;height: calc(100% - 72px);left: 2px;}
    .mv_txt h2 .txt_big.big3:before{right: 0px;height: calc(100% - 10px)}


    /* sec01 */
    .sec01{padding: 40px 0 20px 0;width: calc(100% - 30px);margin: auto;}
    .sec01 .ttl{text-align: center;}
    .sec01 .ttl .ja{font-size: 22px}
    .sec01 .inner{padding: 40px 25px;flex-direction: column}

    .info_new dl dt{margin-right: 15px}
    .info_new dl dd{width: calc(100% - 90px);}
    .info_new dl dd .name{padding-right: 30px;}
    .info_new dl dd .name:before{width: 20px;height: 4px;}


    /* sec02 */
    
    .loction{flex-direction: column}
    .loction .map{top: 0}
    .loction p{text-align: center}
    .loction .map a{font-size: 14px}
    .location_bus{text-align: center; }

    /* sec03 */
    .sec03{padding: 69px 0 40px 0;margin: 50px 0 0 0;}
    .sec03 .tt-en{font-size: 70px;top: -50px;left: 0;}
    .sec03 .ttl{margin-bottom: 30px;text-align: center;}
    .sec03 .l_sec03{flex-direction: column;margin-bottom: 10px;}


    .sec03 .l_sec03 .ttl, .sec03 .l_sec03 .desc{width: 100%}
    .sec03 .ttl .ja .blue{font-size: 35px}
    .sec03 .list_sec03 li .txt_small{font-size: 25px;width: 45px;height: 110px;}
    .sec03 .list_sec03{max-width: 330px;width: 100%;margin: 0 auto}
    .sec03 .list_sec03 li{width: 100%;margin-bottom: 30px;}
    .sec03 .r_sec03 .btn a{margin: 0 auto}
    .sec03 .list_sec03 li .name{font-size: 18px;padding: 0}


    /* sec04 */
    .sec04{padding:0 0 40px 0;margin-bottom: 70px;}
    .sec04:before{top: 50px;height: calc(100% - 50px);}
    .sec04 .tt-en{margin-right: 0}
    .sec04 .l_sec04,.sec04 .r_sec04{width: 100%}
    .sec04 .ttl{text-align: center;margin-bottom: 30px;}
    .sec04 .list_sec04{margin-bottom: 0}
    .sec04 .list_sec04 li,.sec04 .list_sec04 li.row-reverse{margin-bottom: 40px;flex-direction: column;}
    .sec04 .list_sec04 li .info_sec04{width: calc(100% - 30px);padding: 50px;height: auto;margin: -60px 0 0 0;}
    .sec04 .list_sec04 li .num{font-size: 50px;margin-bottom: 20px;}
    .sec04 .list_sec04 li .img{margin-bottom: 20px}
    .sec04 .list_sec04 li .name{font-size: 20px;margin-bottom: 30px;line-height: 1.6em;}
    .sec04 .list_sec04 li .name:before{width: 50px;bottom: -14px;}
    .slick_index_sp .slick-list{margin: 0 -5px}

 
    .sec04 .slick-dots li{width: auto;padding: 0;}
    .sec04 .slick-dots li button::before{font-size: 30px}
    .sec04 .slick-dots li button::before{color:var(--scolor)}
    .sec04 .slick-dots li.slick-active button::before{color: var(--mcolor);}

    /* sec05 */
    .sec05{padding:50px 0 20px 0;margin: 50px 0 20px 0;}
    .sec05 .tt-en{top: -40px;left: 0}
    .sec05 .ttl{margin-bottom: 30px}
    .sec05 .info_sec05_1{margin-bottom: 0}
    .sec05 .info_sec05_1:before{width:100%;height: 375px;margin: 0 auto;right: 0;}
    .sec05 .info_sec05_1 h4{font-size:22px;margin-bottom: 40px;}
    .sec05 .info_sec05_1 h4:before{top: 16px;left: 100px;width: calc(100% - 180px);}
    .sec05 .desc{margin-bottom: 30px}
    .sec05 .slick-prev, .sec05 .slick-next{width: 34px;height: 26.5px;top: -30%}
    .sec05 .slick-prev{right: 45px;}
    .sec05 .slick-next{right: 0px;}
    .sec05 .list_sec05{width: 100%;margin: 0 auto;max-width: 310px}
    .sec05 .info_sec05_1 .list_sec05 .item{padding:20px;width: 100%;margin-bottom: 30px;}
    .sec05 .info_sec05_2 .item:after{right: 27px;}
    .sec05 .list_sec05 .item .img{padding: 0;margin-bottom: 20px}
    .sec05 .info_sec05_1 .list_sec05 .item .info_sec05{margin-bottom: 0}
    .sec05 .list_sec05 .item .name{font-size: 20px;padding: 0 0 20px 50px;}

    .sec05 .list_sec05 .item:after{width: 25px;height: 5px;bottom: 15px}
    .sec05 .info_sec05_2 .list_sec05 .item{padding: 20px;width: 100%;margin-bottom: 30px;}
    .sec05 .slick_index_sp_sec05 .slick-list{margin: 0 -25px}
    .sec05 .info_sec05_2 .item:after,.sec05 .info_sec05_2 .item.item6:after{width: 25px;height: 5px;bottom: 15px;}

    .sec05 .info_sec05_2 .item .desc{padding: 0}


    .sec05 .info_sec05_2 .slick-prev, .sec05 .info_sec05_2 .slick-next{top: -15%}
    .sec05 .info_sec05_2 .slick-prev{right: 38px}
    .sec05 .info_sec05_2 .slick-next{right: -7px}


    /* sec06 */
    .sec06{padding: 25px 0;width: calc(100% - 30px);left: 15px}
    .sec06 .inner{padding:25px}
    .sec06 .ttl .ja{font-size: 25px}
    .sec06 .inner:before{border-radius: 5px;height: 100%}
    .sec06 .ttl{padding-bottom: 10px;}
    .sec06 .ttl:before{width: 35px;height: 7px;top: 12px;}
    .sec06 .desc{margin-bottom: 0}


    /* sec07 */
    .sec07{padding:40px 0;margin: 50px 0 20px 0;}
    .sec07:before{width: calc(100% - 15px);}
    .sec07 .tt-en{top: -50px;right: 0;}
    .sec07 .inner{flex-direction: column;}
    .sec07 .l_sec07,.sec07 .r_sec07{width: 100%;padding:0 30px}
    .sec07 .ttl{text-align: center;margin-bottom: 30px}
    .sec07 .tt_desc{justify-content: center;margin: auto 0 30px auto;max-width: 100%;}
    .sec07 ul.info_news2 li{padding: 25px;margin-right: 0;width: 100%;}
    .sec07 ul.info_news2 li:last-child{margin-bottom: 0}
    .sec07 ul.info_news2 li .name{font-size: 16px}
    .sec07 ul.info_news2 li .name:after{width: 25px;height: 5px;}
    .sec07 .btn{margin: 10px 0 0 0;}
    .sec07 .btn a{margin: 0 auto;width: 250px;}


    /* sec08 */
    .sec08{padding: 40px 0}
    .sec08 .inner{flex-direction: column}
    .sec08 .ttl{text-align: center;margin:-45px 0 30px 0}
    .sec08 .tt-en{text-align: center}
    .sec08 .l_sec08,.sec08 .r_sec08{width: 100%}
    .sec08 dl{padding: 25px;margin-bottom: 20px}
    .sec08 dl dt{font-size:16px;padding-right: 40px;}
    .sec08 dl dt .date{font-size: 14px;margin-left: 20px;}
    .sec08 .btn{margin:30px auto  0 auto}
    .sec08 .btn a{margin: 0 auto}
    .sec08 dl dt:after{width: 25px;height: 5px;right: 0px}
    .sec08 dl dt:before{width: 100%}

     /* sec09 */
    .sec09{padding:0px;margin: 60px 0 40px 0;}
    .sec09 .tt-en{top: -50px;right: 0}
    .sec09 .l_staff{padding: 40px 0}
    .sec09 .r_staff{padding: 30px 0 30px 15px;}
    .sec09 .r_staff:after{top: -55px;width: calc(100% + 15px);right: -15px;height: calc(100% + 55px);}
    .sec09 .list_staff .l_staff{width: 100%;padding-right: 15px;}
    .sec09 .ttl{margin-bottom: 30px;text-align: center;}
    .sec09 .name-tt{font-size: 20px;margin-bottom: 30px;text-align: center;}
    .sec09 .list_staff .l_staff .img{max-width: 500px}
    .sec09 .list_sec09{justify-content: center;margin: 30px 0;}
    .sec09 .list_sec09 li{font-size: 18px;padding-left: 24px;}
    .sec09 .list_sec09 li:before{width: 8px;height: 9px;top: 10px;}
    .sec09 .info_sec09{padding-right: 0}
    .sec09 .desc_index .desc1{margin-bottom: 30px}
    .sec09 .btn{margin: 30px 0 0 0}
    .sec09 .l_staff:before{width: calc(100% + 15px);left: -15px}
    .sec09 .list_staff .name_staff .txt_ja{font-size: 29px;}
    .sec09 .list_staff .name_staff .txt_ja .small{letter-spacing: 0.3em}
    .sec09 .list_staff .name_staff .txt_en{font-size: 14px;margin-top: 53px;}
    .sec09 .list_staff .name_staff{width: 65px;height: 180px;right: 0;}
    .sec09 .list_staff .r_staff ul:last-child{margin-bottom: 0}
    .sec09 .btn a{width: 270px;height: 60px;}
    .sec09 .desc_index .desc2{letter-spacing:-0.02em}
    .sec09 .info_txt{font-size: 25px;height: 85px;top:32%}


    .sec10{padding: 20px 0;width: 100%;margin: 80px 0 0 0;}
    .sec10 .tt-en{top: -50px;left: 0}
    .sec10 .inner{padding: 30px}
    .sec10 .ttl .ja,.sec10 .tt-name{font-size: 22px}
    .sec10 .tt-name{margin-bottom: 30px}
    .sec10 .tt-name span:before{top: 5px}


    .sec11{margin:40px 0 0 0;min-height: 250px;}
    .sec11:before{width: 100%}

    .sec12{padding: 40px 0}
    .sec12 .tt-en{font-size: 70px;display: block;}


    /*============ FOOTER ============*/
    footer{margin-bottom: 50px;}
    .ft_top .inner{flex-wrap: wrap;justify-content: center;}
    .ft_top .info_top{flex-direction: column;max-width: 500px;margin: 0 auto;}
    .ft_info{width: 100%;padding-right: 0;padding-top: 0;}
    .ft_map{width: 100%;margin-top: 30px;}
    .ft_map_iframe{height: 199px;}

    footer .ft_top{padding: 40px 0;border-radius: 10px 10px 0 0;}
    footer .ft_top .ft_info_logo{margin-bottom: 30px;text-align: center;}

    footer .ft_top .ft_info_logo a{display: flex;max-width: 290px;justify-content: center;align-items: center;margin: 0 auto;}
    footer .ft_top .ft_info_logo a img{max-width: 100%;width: auto;margin: 0 auto;text-align: center;}
    footer .ft_top .h_contact_tel{margin-bottom: 28px}
    footer .ft_top .h_contact_tel a{height: auto;width: 290px;margin: 0 auto;font-size: 25px}
    footer .h_contact_tel a .txt_small,.h_contact_tel a .txt_small{font-size: 25px;top: 0;}

    footer .ft_bottom{padding: 13px 15px;}
    footer .ft_bottom .banner_ft{margin: 0 0 8px 0;position:relative;top: 0}
    footer .seo_bt{padding: 15px 0 0 0}
    

    /*   FOOTER BANNER */
    .ft_bnn{justify-content: space-between;flex-wrap: wrap;}
    .ft_bnn li{width: 48%;margin: 0 0 30px;}
    .ft_social{padding-top: 0;}


    /* sp contact */
    .sp_contact{display:flex;justify-content:center;align-items:center;width:100%;height:50px;position:fixed;left:0;z-index:3; bottom:-55px;transition: all 0.3s;}
    .sp_contact.show{bottom: 0;}
    .sp_contact li{width:100%;height:100%;}
    .sp_contact li a{flex-direction: column;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size: 18px;line-height: 1em;}
    .sp_contact li a span{position:relative;font-size: 14px;}
    .sp_contact li a span::before{content:"";position:absolute;width:20px;height:20px;left:-5px;top:calc(50% - 10px)}
    .sp_contact_tel{background-color:var(--mcolor)}
    .sp_contact_tel a span::before{background:url(../images/ic_h_tel_wh.png) no-repeat center /20px}
    .sp_contact_mail{background-color:var(--blue)}
    .sp_contact_mail a span::before{background:url(../images/ic_h_mail.png) no-repeat center /20px;}

    /* to top */
    .to_top{width:40px;height:40px;right:10px}
    .to_top a img{bottom:0;position:absolute}
    .to_top::before{width:10px;height:10px;left:10px;top:10px}
    .to_top::after{width:10px;height:10px;left:10px;top:20px}
    .btn a{background: url(../images/ic-right.svg) no-repeat right 20px center / 20px var(--scolor);line-height: 1.3em;font-size: 14px;width: 290px}

    /*ALL PAGE*/
    .list_staff{flex-direction: column;margin-bottom: 50px}
    .list_staff .l_staff,.list_staff .r_staff{width: 100%}
    .list_staff .l_staff .img{text-align: center;max-width: 400px;margin: 0 auto 30px auto}
    .list_staff .name_staff .txt_en{font-size: 16px}
    .list_staff .name_staff .txt_ja{font-size: 30px}
    .list_staff .name_staff{text-align: center;margin: 20px 0 30px 0;}
    .list_staff .name_staff .txt_ja .small{margin-right: 10px}

    .list_staff .r_staff ul{padding-left: 20px}
    .list_staff .r_staff ul li.txt_big{font-size: 18px;padding-left: 10px;}
    .list_staff .r_staff ul li:before{width: 10px;left: -20px;}
    .list_staff .r_staff ul li.txt_big:before{width: 20px;}

    .address_sp{padding: 30px 15px;max-width: 350px;margin: 0 auto;width: 100%;}
    .address_sp .h_contact_tel a{background: #fff;margin: 0 auto;color: var(--mcolor);height: 60px;padding-top: 4px;width: 270px;font-size: 25px}
    .address_sp .logo_ft{display:flex;justify-content: center;align-items: center;max-width: 290px;margin: 0 auto 20px auto;}
    .address_sp .logo_ft img{max-width: 100%;width: auto;}
    .address_sp .tt-name{color:#fff;font-family: var(--f-yumin);font-size: 20px;font-weight: 500;text-align: center;margin-bottom: 15px;line-height: 1.5em;}


    .h_contact_tel a{font-size: 20px}

    .ttl .en{font-size: 16px;margin-bottom: 0;display: inline-block;}
    .ttl .ja,.sec04 .ttl .ja,.sec05 .ttl .ja{font-size: 25px}

    .to_top.show{bottom: 90px;}
    .banner_ft img{max-width: 130px;}
    address{font-size: 12px}

    .tt-en{font-size: 70px}
    /*============ END 750 ============ */

    .sec12 .schedule .xo-event-calendar table.xo-month .month-dayname td div{line-height: 1.8em}

}



/* screen-max:460px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .pc440{display: none !important}
    
    
    .ft_bnn li{width: 100%;}

    .mv:before{background: url(../images/mv_sp.jpg) center  / cover no-repeat;}
    .mv_txt{bottom: -25px;left: 70px}
    .txt_h3 img{max-width: 90vw}
    .mv_txt h2,.mv_txt h2 .txt_big{font-size: 6vw;}

    


    /*SEC03*/
/*    .sec03 .list_sec03{width: 100%;max-width: 330px;margin: 0 auto;}*/
    .sec03 .list_sec03 li{width: 100%}
    .sec03 .tt-en{font-size: 14vw;top: -45px;}
    .sec03 .list_sec03 li .name{font-size: 5vw}


    /*SEC04*/
    .sec04 .list_sec04 li .info_sec04{padding: 19px}
    .sec04:before{top: 35px;height: calc(100% - 35px);}
    .sec04 .list_sec04 li .name{font-size: 4.8vw;letter-spacing: 0.04em;}

    /*SEC05*/
    
    .sec05 .slick-prev, .sec05 .slick-next{top:-16%}
    .sec05 .info_sec05_1 .list_sec05 .item{flex-direction: column;}
    .sec05 .list_sec05 .item .img,.sec05 .info_sec05_1 .list_sec05 .item .info_sec05{width: 100%}
    .sec05 .list_sec05 .item .img{margin-bottom: 20px;display: flex;justify-content: center;text-align: center;}
    .sec05 .slick_index_sp_sec05 .slick-list{margin: 0 -20px}

    .sec06 .ttl .ja{font-size: 6vw}

    .sec07 .l_sec07, .sec07 .r_sec07{padding: 0 15px}

    .sec07 ul.info_news2{flex-direction: column;}
    .sec07 ul.info_news2 li{width: 100%;margin-bottom: 20px}


    .sec08 dl dt{flex-direction: column}
    .sec08 dl dt .name{-webkit-line-clamp: 2;}
    .sec08 dl dt .date{margin-left: 0}

    .sec09 .list_sec09{flex-direction: column}
    .sec09 .name-tt{font-size: 5.2vw}
    .sec09 .list_staff .name_staff{height: 165px}
    .sec09 .list_staff .name_staff .txt_ja{font-size: 25px}
    .sec09 .list_staff .name_staff .txt_ja .small{margin: 4px 0 5px 0;}
    .sec09 .list_staff .name_staff .txt_en{font-size: 12px;margin-top: 38px;}
    
    .sec09 .list_staff .name_staff{right: 0px}
    .sec09 .list_sec09 li.item1{margin-right: 0}
    .sec09 .list_sec09 li.item1:after{width: 100%}

    .sec11{min-height: 162px}
    .sec11:before{height: 140px}
    .sec12 .tt-en{font-size: 12vw}


    .info_new dl dd .name{-webkit-line-clamp: initial;}
    .info_new dl dd .name:before{top: inherit;bottom: 10px;}

    .to_top{bottom: 52px}
    .tt-en{font-size: 12vw}

    .sec05 .tt-en,.sec07 .tt-en,.sec03 .tt-en,.sec09 .tt-en,.sec10 .tt-en{top: -35px}

    .sec12 .schedule .holiday-titles{flex-direction: column;gap:inherit;}

}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
    .mv:before{background: url(../images/mv.jpg) center right -175px / cover no-repeat;}
    address{font-size: 4vw}
    footer .ft_top .h_contact_tel a{width: 260px}
    .open{font-size: 4.2vw}
    .address_sp .tt-name{font-size:5.5vw}

    .sec03 .tt-en{top: -30px}
    .sec03 .ttl .ja .blue{font-size: 30px}

    .ttl .ja, .sec04 .ttl .ja, .sec05 .ttl .ja{font-size: 23px}
    .sec01 .ttl .ja{font-size: 19px}

    .sec04 .list_sec04 li .name{font-size: 5vw}
    .sec04:before{top: 30px;height: calc(100% - 30px);}

    .sec05 .tt-en,.sec07 .tt-en,.sec03 .tt-en,.sec09 .tt-en,.sec10 .tt-en{top: -30px}

    .mv_txt h2 .txt_big:not(.big2):before{top: 0px;height: calc(100% - 65px);}
    .mv_txt h2 .txt_big.big3:before{height: calc(100% - 5px);}

    .sec05 .list_sec05 .item .name{font-size: 18px}
}