.sp440{display:none}
@media screen and (min-width:2000px) {
    .to_top{right: calc(50% - 960px);}
}
@media screen and (min-width: 751px) {
    a[href^="tel:"]{pointer-events: none;}
    .sp{display:none}
    #logo{top:2px}
/* nav */
.h_inner{min-width: 1260px}
.hamburger{display:none;}
.nav_list{display: flex;background: #fff;border-radius: 10px;height: 66px;align-items: center;margin-right: 14px;padding: 0 14px 0 31px;}
.nav_list>li>a,
.nav_list>li>.sub_btn{display:flex;align-items:center;position:relative;font-weight: 500;margin: 5px 11px 5px 13px;font-size: 15px;letter-spacing: 0.01em;}
.nav_list>li.parent{position:relative;}
.nav_list>li.parent>.sub_btn{cursor:default}
.nav_list>li:nth-child(1)> a{margin-right: 16px}
.nav_list>li:nth-child(2)>.sub_btn{margin-right: 16px}
.sub{position:absolute;z-index:1;transition:all .3s;opacity:0;visibility:hidden;border-top:solid 1px #FFF;width:300px;top: 126%;left: 50%;transform: translateX(-50%);}
.sub ul li a{display:flex;width:100%;height: 50px;align-items:center;letter-spacing:.001em;padding: 5px 30px;margin:0 auto;border-bottom:solid 1px rgb(255,255,255,70%);color:#fff;background:var(--mcolor);font-size: 14px;justify-content: center;}

header.show .h_inner{padding: 20px 23px 20px 53px;}

/*SEC01*/
.info_sec01 .item_big2{padding-bottom: 51px;}
.info_sec01 .item_big2 .img{margin-bottom: 19px;}

/*SEC02*/
.info_sec02 .item .info_name_fixed{position: absolute;z-index: 1;bottom: 0}
.info_sec02 .item .info .name{position: absolute;display: block;bottom: 0}
.info_sec02 .item1 .info .name,.info_sec02 .item1 .info_name_fixed{bottom: -62px;}
.info_sec02 .item1 .info_name_fixed{right: -5px;}
.info_sec02 .item1 .info .name{width: calc(100% + 300px);right: -708px;letter-spacing: 0.032em;}

.info_sec02 .item2 .info,.info_sec02 .item4 .info{flex-direction: row-reverse;}
.info_sec02 .item2 .info .info_txt{left: 52px}
.info_sec02 .item2 .name{letter-spacing: 0.052em}
.info_sec02 .item2 .info .name,.info_sec02 .item2 .info_name_fixed{bottom: -37px;}
.info_sec02 .item2 .info .name{left: -556px;}
.info_sec02 .item2 .info_name_fixed{left: 89px;}

.info_sec02 .item3 .name{letter-spacing: 0.01em}
.info_sec02 .item3 .info .name{width: calc(100% + 100px);right: -717px;}
.info_sec02 .item3 .info .name,.info_sec02 .item3 .info_name_fixed{bottom: -47px;}
.info_sec02 .item3 .info_name_fixed{right: 92px;}

.info_sec02 .item4 .name{letter-spacing:0.013em;}
.info_sec02 .item4 .info .name{width: calc(100% + 480px);left: -556px;bottom: -47px;}
.info_sec02 .item4 .info .info_txt{left: 10px;margin: 31px 0 0 0;}
.info_sec02 .item4 .info_name_fixed{left: 89px;bottom: -47px;}

/*SEC03*/
.info_sec03 .item1{margin-left: 17px}
.info_sec03 .item3{margin-right: 17px}
.info_sec03 .item1,.info_sec03 .item3{margin-top: -98px;}

.info_sec03 .item1{padding: 11px 0 0 1px;}
.info_sec03 .item2 .btn{top: -10px}

.info_sec03 .item3{padding: 15px 0 0 4px;}
.info_sec03 .item3 .tt-sub .txt{width: 207px;}
.info_sec03 .item3 .btn{top: -11px;}

/*SEC04*/
.info_sec04 .item3 .name-sub .txt{width: 210px}
.info_sec04 .item4{padding: 67px 5px 25px 5px;}

.info_sec04 .item1 .info .list li.list1 .txt1{letter-spacing: -0.03em}
.info_sec04 .item3 .info .list li.list1 .txt1{letter-spacing: -0.03em}

.info_sec04 .item4 .info .list li.list1 .txt1{letter-spacing: -0.048em;min-width: 118px;margin-right: 13px;}
.info_sec04 .item4 .info .list li.list1 .txt2{letter-spacing: -0.007em;}

.info_sec04 .item4 .info .list li.list2 .txt1{letter-spacing: -0.048em;min-width: 117px;margin-right: 13px;}
.info_sec04 .item4 .info .list li.list2 .txt2{letter-spacing: -0.007em;}

.info_sec04 .item4 .info .list li.list3 .txt1{letter-spacing: 0.02em;min-width: 117px;margin-right: 13px;}
.info_sec04 .item4 .info .list li.list3 .txt2{letter-spacing: -0.007em;}
.info_sec04 .item4::before{bottom: 16px}

/*SEC05*/
.info_sec05 .item2 .tt-sub{padding: 7px 26px 6px 9px;}
.info_sec05 .item2 .tt-sub .txt,.info_sec05 .item3 .tt-sub .txt{margin-right: 17px}
.info_sec05 .item3 .tt-sub{padding:7px 21px 6px 9px;}
.info_sec05 .item .view a:hover{background: var(--scolor);color:#fff}

/*SEC06*/
.info_sec06 .item:hover{opacity: 0.8;transition-duration: 0.2s;}

/*SEC07*/
.sec07 .ttl{margin-right: 153px}
.sec07 .desc_sec07{padding: 15px 0 0 0}
.info_sec07 .item2,.info_sec07 .item4{padding: 30px 0 0 0}
.info_sec07 .item:hover{opacity: 0.7}
.sec07 .info_txt .tt-txt2 .txt{padding: 5px 28px 7px 24px;}
.sec07 .info_sec07_2 .ttl{margin-right: 118px}

/*SEC08*/
.sec08 .desc_sec08{margin: 0 0 40px 261px;}

/*SEC09*/
.sec09 .inner .box_left{margin: -21px 0 0 -4px;}
.list_news li:nth-child(2){margin-bottom: 21px}
.list_news li .name-post:hover{color:var(--mcolor);}
.sec09 .btn a{width: 200px}
.sec09 .btn a:hover{background-color: var(--scolor);color:#fff}


/*  FOOTER */
.ft_cta .box_contact .item{padding: 63px 50px 65px 50px;}
.ft_cta .box_contact .item-contact .tt-contact-sub .txt{padding: 3px 18px 4px 27px;}


/* hover */

.nav_list>li>a:hover,.nav_list>li.parent:hover>.sub_btn{color:var(--scolor);text-decoration: none;}
.ft_link ul li p a:hover,.ft_link ul li > a:hover{text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}

.parent:hover .sub{opacity:1;visibility:visible}
.sub a:hover{background-color:var(--scolor);text-decoration: none;}
.ft_bnn li a:hover,
.to_top img:hover{opacity:.8}
.btn a:hover{background-color: var(--scolor);}
.h_contact_mail a:hover{background:var(--scolor);}

.box_contact .item-contact:hover{opacity: .8}

}

@media screen and (min-width: 751px) and (max-width: 1600px){
    .inner{padding-left: 30px;padding-right: 30px;}
    #logo{width: 250px;}

    .h_inner,header.show .h_inner{padding: 15px;}
    .h_contact_mail a, .h_contact_tel a{width: 160px;height: 50px;font-size: 16px;}
    .h_contact_tel a{font-size: 18px;}
    .h_contact_tel .time{font-size: 10px;left: 8px;}
    .h_contact_tel a .ic{padding-left: 15px;}
    .h_contact_tel a .ic::before{width: 12px;left: 0;top: calc(50% - 5px);}
    .h_contact > p:not(:last-child){margin-right: 10px;}
    .nav_list{padding: 0 10px;height: 50px;margin-right: 10px;}
    .nav_list>li>a, .nav_list>li>.sub_btn{font-size: 15px;margin:5px 10px;}
    .nav_list>li:nth-child(1)> a,.nav_list>li:nth-child(2)>.sub_btn{margin-right:10px}
    .sub ul li a{font-size: 14px}
    .sub{width: 250px;top:114%;}

    .main_mv{width: 100%;height: 100vh}
    .main_mv::before{width: 610px}
    .main_mv::after{width: 450px;}
    .mv_txt{top: 140px;left: 64px;}
    .mv_txt h2{font-size: 65px}
    .txt-mv-b{font-size: 25px}
    .box_banner{bottom: 45px;left: 65px;}

    .txt-user{right: 70px;bottom: 15px;}
    
    /*SEC01*/
    .sec01::before{width: 100%;left: 0}
    .info_sec01{max-width: 1000px;}
    .info_sec01 .box_sec01{width: calc((100% - 246px) / 2);}
    .info_sec01 .item{width: 170px;height: 170px}
    .info_sec01 .item_big{width: 360px;height: 360px;padding-bottom: 30px;}
    .info_sec01 .item_big::before{width: 409px;}
    .info_sec01 .item .name{font-size: 16px}
    .info_sec01 .item_big .name{font-size: 22px}

    .info_sec01 .item1, .info_sec01 .item2{top: -50px;}
    .info_sec01 .item1{left: -30px;}
    .info_sec01 .item2{right: -30px;}
    .info_sec01 .item3, .info_sec01 .item4{bottom: -50px;}
    .info_sec01 .item3{left: -10px;}
    .info_sec01 .item4{right: -10px;}

    /*SEC02*/
    .sec02::before{width: 100%;height: 100%;top: -45px}
    .sec02 .inner{width: 1230px}
    .info_sec02 .item .info{justify-content: center;}
    .info_sec02 .item .info .img{width: 670px;}
    .info_sec02 .item1 .info .img, .info_sec02 .item3 .info .img{margin-right: 55px;}
    .info_sec02 .item .desc{font-size: 16px;}
    .info_sec02 .item .name{font-size: 60px}
    .info_sec02 .item1 .info .name, .info_sec02 .item1 .info_name_fixed{bottom: -46px;}
    .info_sec02 .item1 .info .name{right: -660px;}
    .info_sec02 .item1 .info_name_fixed{right: -3px;}

    .info_sec02 .item2 .info .name{left: -457px;}
    .info_sec02 .item2 .info_name_fixed{left: 35px;}
    .info_sec02 .item2 .info .info_txt{left: 30px;}
    

    .info_sec02 .item3 .info .name, .info_sec02 .item3 .info_name_fixed{bottom: -40px;}
    .info_sec02 .item3 .info .name{right: -615px;}
    .info_sec02 .item3 .info_name_fixed{right: 86px;}

    .info_sec02 .item4 .info .name,.info_sec02 .item4 .info_name_fixed{bottom: -40px;}
    .info_sec02 .item4 .info .name{left: -452px;}
    .info_sec02 .item4 .info_name_fixed{left: 24px;}
    .info_sec02 .item4 .info .info_txt{left: 0px;}

    /*SEC03*/
    .sec03::before{width: 100%;height: 900px;}
    .info_sec03 .item{width: 415px;height: 415px}
    
    .sec03 .ct_sec03::before, .sec03 .ct_sec03::after{top: -140px;}
    .sec03 .ct_sec03::before{left: 40px;width: 170px;}
    .sec03 .ct_sec03::after{width: 230px;right: 25px;}

     /*SEC06*/
    .info_sec06 .item .info{padding:16px 25px 25px 25px;min-height: 150px;}
    .info_sec06 .item .info .desc{font-size: 18px}

    /*SEC08*/
    .sec08 .inner{width: 1000px}
    .sec08 .ttl .ja{font-size: 50px}
    .sec08 .desc_sec08{font-size: 18px;margin: 0 0 40px 130px;}
    .ct_sec08_sub::before{width: 480px;left: -120px;top: 150px;}
    .ct_sec08_sub::after{width: 750px;right: -160px;top: -110px;}
    .ct_sec08{padding-bottom: 420px}
    .ct_sec08::after{width: 400px;left: 200px;bottom: 0px;}

    /*FOOTER*/
    .ft_cta .inner{width: calc(100% - 150px);}
    .ft_cta::after{width: 150px;left: 0px;}
    .ct_ft_cta::before{width: 140px;right: 200px;}
    .ct_ft_cta::after{width: 120px;right: 15px;}
    .ft_cta .ttl-cta{font-size: 40px}
    .box_contact .item,.ft_cta .box_contact .item{padding: 60px 30px}
    .box_contact .item .tt-contact{font-size: 20px;margin-bottom: 15px;}
    .box_contact .item-tel .tt-contact{margin-bottom: 30px}
    .box_contact .item .tt-contact::before{bottom: -16px;}
    .box_contact .item .tt-time-contact{font-size: 16px}
    .box_contact .item .tel-contact a{font-size: 45px}
    .box_contact .item .tt-contact-ic .ic{padding-left: 35px;}
    .box_contact .item-tel .tt-contact-ic .ic::before{width: 26px;left: 0;}

    .box_contact .item .email-contact{font-size: 30px}
    .box_contact .item-contact .tt-contact-ic .ic{padding-left: 45px}
    .box_contact .item-contact .tt-contact-ic .ic::before{top: 13px;width: 33px;left: 0;}

    .box_ft .inner .box_left{width: 500px}
    .box_ft .inner .box_right{width: calc(100% - 600px)}
    


    .to_top{width: 60px;height: 60px}
}
@media screen and (min-width: 751px) and (max-width: 1440px){
    #logo{width: 220px;}
    .nav_list>li>a, .nav_list>li>.sub_btn{margin:5px;}
    .nav_list>li:nth-child(1)> a,.nav_list>li:nth-child(2)>.sub_btn{margin-right: 5px}
    .mv_txt{top: 150px;}
    .mv_txt h2{font-size: 60px}

    /*SEC03*/
    .info_sec03 .item{width: 400px;height: 400px}
    .info_sec03 .item .tt-sub{font-size: 18px}
    .info_sec03 .item .tt-sub .txt{width: 180px;height: 30px;}
    .info_sec03 .item3 .tt-sub .txt{width: 190px;}
    .info_sec03 .item .name{font-size: 30px}
    .info_sec03 .item .desc{font-size: 16px}
    .info_sec03 .item .btn a{height: 45px;width: 170px;font-size: 14px;padding: 2px 20px 0 20px;}
    .sec03 .ct_sec03::before, .sec03 .ct_sec03::after{top: -160px;}

     /*SEC04*/
    .info_sec04 .item .name-sub,.info_sec04 .item .info .list li .txt{font-size: 18px}
    .info_sec04 .item .info .list li .txt1{min-width: 135px;}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 115px;}
    
     /*SEC06*/
    .info_sec06 .item .info .desc{font-size: 17px}

    /*SEC07*/
    .sec07 .ttl .ja{font-size: 50px}
    .sec07 .info_txt::before{width: 420px}


    /*SEC08*/
    .ct_sec08_sub::after{width: 700px;right: -160px;top: -80px;}
    .ct_sec08_sub::before{width: 400px;left: -100px;top: 165px;}
    .ct_sec08{padding-bottom: 350px}
    .ct_sec08::after{width: 350px;left: 150px;bottom: 0px;}

    

}
@media screen and (min-width: 751px) and (max-width: 1366px){
    #logo{width: 200px;}
    .h_contact_mail a, .h_contact_tel a{font-size: 14px;}
    .h_contact_tel a{font-size: 18px;}
    .nav_list>li>a, .nav_list>li>.sub_btn{font-size: 14px;margin:5px;}
    .nav_list>li:nth-child(1)> a,.nav_list>li:nth-child(2)>.sub_btn{margin-right: 5px}

    .main_mv::before{width: 650px}
    .mv_txt{top: 120px}
    .mv_txt h2{font-size: 60px}
    .box_banner{max-width: 900px;}
    .box_banner .item .tt-name{font-size: 22px;height: 70px;}
    .box_banner .item .tt-desc{font-size: 18px;padding: 15px 5px;}

    /*SEC03*/
    .sec03 .ttl .ja{font-size: 50px}
    .info_sec03 .item{width: 375px;height: 375px}
    .info_sec03 .item .tt-sub{font-size: 16px}
    .info_sec03 .item .tt-sub .txt{width: 160px;height: 30px;}
    .info_sec03 .item3 .tt-sub .txt{width: 170px}

    /*SEC04*/
    .info_sec04 .item .name-sub,.info_sec04 .item .info .list li .txt{font-size: 16px}
    .info_sec04 .item .info .list li .txt1{min-width: 125px;}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 108px;}
    .info_sec04 .item .name-sub .txt{width: 140px}
    .info_sec04 .item3 .name-sub .txt{width: 190px;}

     /*SEC05*/
    .info_sec05 .item .name{font-size: 22px}
    .info_sec05 .item .tt-sub{font-size: 18px}
    .info_sec05 .item .desc{font-size: 16px}
    .info_sec05 .item .view a{font-size: 16px;width: 240px;height: 45px;}

    /*SEC06*/
    .info_sec06 .item .info{padding: 16px 20px 25px 20px;min-height: 130px;}
    .info_sec06 .item .info .desc{font-size: 16px}

    /*SEC07*/
    .sec07 .desc_sec07{font-size: 18px}
    .sec07 .info_txt::before{width: 350px}
    .sec07 .desc_sec07::before{height: 130px;top: 22px;}
    .sec07 .info_sec07_2 .ttl .ja{font-size: 50px}
    .sec07 .info_sec07_2 .desc_sec07::before{height: 70px;top: 12px;}
    
    /*SEC08*/
    .ct_sec08_sub::before{width: 350px;left: -85px;top: 165px;}
    .ct_sec08_sub::after{width: 650px;right: -160px;top: 20px;}

    /*FOOTER*/
    .ft_cta::after{width: 130px;left: 15px;}
    .ct_ft_cta::before{width: 110px;right: 200px;}
    .ct_ft_cta::after{width: 100px;right: 15px;}

    .box_ft .inner .box_left{width: 500px}
    .box_ft .inner .box_right{width: calc(100% - 550px)}
    
}
@media screen and (min-width: 751px) and (max-width: 1280px){
    .nav_list>li>a, .nav_list>li>.sub_btn{font-size: 13px;}
    .sub ul li a{font-size: 12px}
    .h_contact_mail a, .h_contact_tel a{width: 140px}
    .h_contact_tel a{font-size: 16px}
    .h_contact_tel a .ic{padding-left: 13px;}
    .h_contact_tel a .ic::before{width: 10px;top: calc(50% - 5px);}
    .h_contact_tel .time{font-size: 9px}
    
    .main_mv::before{width: 610px}
    .main_mv::after{width: 450px;}
    .mv_txt h2{font-size: 55px}
    .box_banner{max-width: 800px;bottom: 35px;}
    .box_banner .item .tt-name{font-size: 20px;height: 70px;}
    .box_banner .item .tt-desc{font-size: 16px;padding: 15px 5px;}

    /*SEC03*/
    .info_sec03 .item{width: 350px;height: 350px}

    /*SEC04*/
    .info_sec04 .item .name-sub,.info_sec04 .item .info .list li .txt{font-size: 16px}
    .info_sec04 .item .info .list li .txt1{min-width: 110px;}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 95px;}
    
     /*SEC06*/
    .info_sec06 .item .info .desc{font-size: 15px}

    /*SEC07*/
    .sec07 .ttl .ja{font-size: 40px}
    .sec07 .desc_sec07{font-size: 18px}
    .sec07 .desc_sec07::before{top: 15px;}
    .sec07 .info_sec07_2 .desc_sec07::before{top: 10px;}

    /*SEC08*/
    .ct_sec08_sub::after{width: 600px;right: -140px;}
}
@media screen and (min-width: 751px) and (max-width: 1260px){
    /*SEC04*/
    .info_sec04 .item .name-sub,.info_sec04 .item .info .list li .txt{font-size: 14px}
    .info_sec04 .item .info .list li .txt1{min-width: 120px;}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 100px;}
}
/* 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: 16px}
    img{max-width:100%; height: auto;}
    .swap img{width:auto;}
    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important}
    .pc{display:none!important}

/* NAV */
nav{display:block;position:fixed;top: 70px;left:0;width:100%;height: calc(100vh - 70px);overflow:auto;z-index:100;display:none;background: #fff;}
nav .inner{padding: 0;}
.nav_list{flex-direction:column}
.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){border-bottom:1px solid var(--mcolor)}
.nav_list .sub_btn,
.nav_list a{display:block;padding: 10px 15px 10px;color: var(--txt);font-size: 15px;font-weight: 500;border-bottom: solid 1px var(--gray);}
.nav_list>li:nth-child(1) a{border-top: 1px solid var(--gray);}
.nav_list .sub_btn{position:relative;padding-left:15px}
.nav_list .sub_btn::before,
.nav_list .sub_btn::after{content:"";position:absolute;width: 16px;height: 2px;background-color: var(--mcolor);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{color: #fff;border-bottom: 1px solid #fff;font-size: 14px;background: var(--mcolor);font-weight: 400;}
.hamburger{position:absolute;right: 1px;bottom: 0px;font:inherit;display:block;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}

/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_box{height: 70px;}
.h_inner{padding: 0 10px;}

#logo{width: 200px}
.txt-menu{font-size: 10px;line-height: 1.2em;text-align: center;font-weight: 500;margin: 5px 0 0 0;}
.box_menu_sp .ttl,.box_menu_sp .desc_sec01_2{text-align: center;color:#fff}
.box_menu_sp .ttl{margin-bottom: 30px}
.box_menu_sp .info_sec01_2{position: relative;padding-bottom: 80px}
.box_menu_sp .info_sec01_2::before{position: absolute;content: "";width: 100%;height: calc(100% + 100px);bottom: 0;left: 0;background: url(../images/bg_sec01.png) center / cover no-repeat;z-index: -1;}

/*============ Main ============*/


/* MAIN VISUAL */
.main_mv{width: 100%;height: 500px;background: url(../images/mv_sp750.jpg) center / cover no-repeat;}
.main_mv::before{width: 380px;}
.main_mv::after{width: 280px;}
.mv_bg,.main_slider .slide_item{height:420px}
.mv_txt{top: 70px;left: 30px;}
.mv_txt h2{font-size: 30px;padding-bottom: 10px;display: inline-block;}
.mv_txt h2::before{width: calc(100% - 20px);}
.txt-mv-b{font-size:18px;margin: 30px 0 0 0;color: var(--txt);padding: 0 15px;        text-align: center;}
.box_banner{position: relative;bottom: 0;left: 0;margin: 31px auto 40px auto;width: calc(100% - 30px);right: 0;}
.box_banner .item{width: calc((100% - 30px) / 4);margin: 0 10px 0 0;box-shadow: -1px 3px 18px rgb(6, 48, 67, 10%);}
.box_banner .item .tt-name{font-size: 15px;height: 55px;}
.box_banner .item .tt-desc{font-size: 14px;}
.txt-user{right: 15px;bottom: 15px;font-size: 18px}

/* sec01 */
.sec01{padding: 0px 0 40px 0}
.sec01::before{width: 100%;height: 700px;left: 0;}

.sec01 .desc_sec01{margin: 20px 0 0 0;}
.info_sec01{flex-direction: column;margin: 80px auto 0 auto;}
.info_sec01 .box_sec01{width: 100%}
.info_sec01 .box_left{margin-bottom: 130px}
.info_sec01 .ct_circle{max-width: 400px;margin: 0 auto}
.info_sec01 .item{width: 140px;height: 140px;}
.info_sec01 .item_big{width: 300px;height: 300px;padding-bottom: 0;}
.info_sec01 .item_big::before{width: 100%;top: 0;left: 0;}
.info_sec01 .item_big .img{margin-bottom: 10px;display: flex;height: 70px;align-items: center;justify-content: center}
.info_sec01 .item_big .img img{max-height: 100%;width: auto}
.info_sec01 .item .name{font-size: 14px;line-height: 1.4em;}
.info_sec01 .item_big .name{font-size: 18px;}
.info_sec01 .item1,.info_sec01 .item3{left: 20px}
.info_sec01 .item2,.info_sec01 .item4{right: 20px}
.info_sec01 .item1, .info_sec01 .item2{top: -40px}
.info_sec01 .item3, .info_sec01 .item4{bottom: -40px}
.info_sec01_2 .ttl .ja .bg_line{padding-bottom: 3px}

.info_sec01_2{margin: 80px 0 0 0}
.box_contact{flex-direction: column;margin: 30px auto 0 auto;max-width: 300px}
.box_contact .item{width: 100%;padding: 20px 15px;margin-bottom: 20px;min-height: 145px;}
.box_contact .item:last-child{margin-bottom: 0}
.box_contact .item .tt-contact{font-size: 18px;margin-bottom: 20px;}
.box_contact .item-contact .tt-contact{margin-bottom: 10px}
.box_contact .item .tel-contact a{font-size: 32px;}
.box_contact .item .tt-contact-ic .ic{padding-left: 22px;}
.box_contact .item .tt-time-contact{font-size: 14px;left: 3px;}
.box_contact .item-tel .tt-contact-ic .ic::before{width: 18px;top: 16px;left: 0;background: url(../images/ic_tel_contact_sp.png) center / cover no-repeat;}
.box_contact .item .email-contact{font-size: 22px}
.box_contact .item-contact .tt-contact-sub{font-size: 14px}
.box_contact .item-contact .tt-contact-sub .txt{padding: 4px 15px}
.box_contact .item-contact .tt-contact-ic .ic{padding-left: 35px}
.box_contact .item-contact .tt-contact-ic .ic::before{width: 25px;left: 0px;top: 10px;background: url(../images/ic_email_contact_sp.png) center / cover no-repeat;}
.box_contact .item-contact::after{width: 34px;right: 10px;bottom: 10px;}

/* sec02 */
.sec02{padding: 40px 0 80px}
.sec02::before{top: -80px;width: 100%;height: 100%;background-size: 100% auto;}
.sec02 .desc_sec02{margin-bottom: 30px}
.info_sec02 .item1, .info_sec02 .item2, .info_sec02 .item3{margin-bottom: 40px}
.info_sec02 .item .name1{color: var(--mcolor);font-size: 35px;margin-bottom: 20px;text-align: center}
.info_sec02 .item .info{flex-direction: column;}
.info_sec02 .item1 .info .img, .info_sec02 .item3 .info .img{margin-right: 0}
.info_sec02 .item .info .img{margin-bottom: 20px}
.info_sec02 .item .info .info_txt{margin: 0}

/* sec03 */
.sec03{padding: 80px 0 60px}
.sec03::before{width: 100%;height: 100%}
.sec03 .ttl .bg_line{padding-bottom: 3px}
.sec03 .desc_sec03{margin-bottom: 40px}
.info_sec03{flex-direction: column;}
.info_sec03 .item{width: 350px;height: 350px;margin: 0 auto;padding: 0;margin-bottom: 40px}
.info_sec03 .item:last-child{margin-bottom: 0}
.info_sec03 .item::before{top: -12px;left: -12px;width: calc(100% + 24px);height: calc(100% + 24px);}
.info_sec03 .item .tt-sub{font-size: 16px;margin-bottom: 15px;}
.info_sec03 .item .tt-sub .txt{width: max-content;height: auto;padding: 3px 10px 4px 10px;}
.info_sec03 .item .name{font-size: 25px;margin-bottom: 25px;}
.info_sec03 .item .name::before{bottom: -20px;}
.info_sec03 .item .desc{margin-bottom: 15px}
.sec03 .ct_sec03::before, .sec03 .ct_sec03::after{top: -106px;}
.sec03 .ct_sec03::before{width: 100px;left: 15px}
.sec03 .ct_sec03::after{right: 15px;width: 125px;}


/* sec04 */
.sec04{padding: 40px 0}
.sec04::before{border-radius:20px}
.sec04 .ttl{margin-bottom:15px}
.sec04 .desc_sec04{margin-bottom: 15px}
.info_sec04{width: calc(100% - 60px);margin: 0 auto;}
.info_sec04 .item .txt-num{font-size: 20px;width: 70px;height: 70px}
.info_sec04 .item{margin: 0 20px;padding: 50px 10px 70px 10px;min-height: 425px;}
.info_sec04 .item .img{text-align: center;margin-bottom: 15px;}
.info_sec04 .item .img img{margin: 0 auto}
.info_sec04 .item .name-sub,.info_sec04 .item .info .list li .txt{font-size: 18px}
.info_sec04 .item .name-sub .txt{width: max-content;height: auto;padding: 5px 15px}
.info_sec04 .slick-list{margin: 0 -20px;padding: 30px 0 15px 0}
.sec04 .btn a{width: 200px;height: 55px;padding: 0 20px;}
.info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 110px}
.info_sec04 .item::before{width: 116px}

.info_sec04 .slick-dots li button::before{font-size: 13px;color: var(--mcolor);opacity: 0.7}
.info_sec04 .slick-dots li.slick-active button::before,.info_sec04 .slick-dots li button:hover::before,.info_sec04 .slick-dots li button:focus::before{color: var(--scolor);}

/* sec05 */
.sec05{padding: 40px 0}
.sec05 .ttl,.sec05 .desc_sec05{text-align: center}
.sec05 .ttl .ja{margin: 0}
.sec05 .ttl .ja .bg_line{padding-right: 3px}
.sec05 .desc_sec05{margin-bottom: 30px}
.info_sec05 .item{border-radius: 20px;padding: 30px;flex-direction: column;margin-bottom: 30px;}
.info_sec05 .item .img,.info_sec05 .item .info{width: 100%}
.info_sec05 .item .img{text-align: center}
.info_sec05 .item .name{font-size: 20px;padding-bottom: 10px;margin-bottom: 30px;text-align: center;}
.info_sec05 .item .tt-sub{font-size: 18px;margin: 0 auto 20px auto;display: table;}
.info_sec05 .item .tt-sub .txt{padding: 2px 17px;}
.info_sec05 .item .view{text-align: center}
.info_sec05 .item .view a{font-size: 16px;height: 45px;width: 260px;margin: 0 auto;padding-left: 0}
.info_sec05 .item .view a .ic{padding-right: 20px}
.info_sec05 .item .view a .ic::before{width: 23px;right: -14px}

/* sec06 */
.sec06{padding: 40px 0}
.sec06 .ttl,.sec06 .desc_sec06{text-align: center}
.sec06 .ttl{margin: 0 0 20px 0px;}
.sec06 .ttl .ja .bg_line{padding-right: 2px}
.sec06 .desc_sec06{margin-bottom: 30px}
.info_sec06{justify-content: space-between;}
.info_sec06 .item{width:calc((100% - 20px) / 2);margin-bottom: 20px}
.info_sec06 .item:last-child{margin-bottom: 0}
.info_sec06 .item .info{padding: 15px 20px;min-height: 115px;}
.info_sec06 .item .name{font-size: 25px;top: calc(50% - 22px);}


/* sec07 */
.sec07{padding: 40px 0}
.sec07 .info_ttl{flex-direction: column;}
.sec07 .ttl{text-align: center;margin-bottom: 30px}
.sec07 .ttl .ja .bg_line{padding-right: 3px}
.sec07 .desc_sec07{margin-bottom: 0}
.sec07 .desc_sec07::before{left: 0;right: 0;height: 2px;width: 150px;margin: 0 auto;top: -10px;display: none}
.info_sec07{justify-content: space-between;flex-wrap: wrap;max-width: 450px;margin: 0 auto;}
.info_sec07 .item{margin:0 15px 15px 0;width: 120px;height: 120px;}
.info_sec07 .item .name{font-size: 14px}
.info_sec07 .item .img{display: flex;align-items: center;justify-content: center;height: 40px;}
.info_sec07 .item .img img{max-height: 100%;width: auto}
.sec07 .info_txt{margin: 30px 0 80px 0;}
.sec07 .info_txt .tt-txt{font-size: 18px;text-align: center;}
.sec07 .info_txt::before{width: 200px;right: 0;left: 0;margin: 0 auto;bottom: -13px;}
.sec07 .info_txt .tt-txt .txt{padding: 7px 25px}
.sec07 .info_sec07_2{margin: 0}
.sec07 .info_sec07_2::before{left: calc(50% - 700px);top: -40px;height: calc(100% + 100px);border-radius: 0 20px 20px 0;}
.sec07 .info_sec07_2 .ttl{margin-bottom: 10px}
.sec07 .info_sec07_2 .info_ttl{margin-bottom: 30px}
.sec07 .info_sec07_2 .desc_sec07{text-align: center}
.sec07 .info_sec07_2 .ttl .ja .bg_line{padding-left: 4px}

.info_slider_sec07 .item{margin: 0 15px;width: 500px;padding:25px;}
.info_slider_sec07 .item .tt-sub{font-size: 16px}
.info_slider_sec07 .item .tt-name{font-size: 20px}
.info_slider_sec07 .item .desc{font-size: 14px}

.info_slider_sec07 .slick-dots li button::before{font-size: 13px;color: var(--mcolor);opacity: 0.7}
.info_slider_sec07 .slick-dots li.slick-active button::before,.info_slider_sec07 .slick-dots li button:hover::before,.info_slider_sec07 .slick-dots li button:focus::before{color: var(--scolor);}

/* sec08 */
.sec08{padding:40px 0 0 0}
.sec08::before{width: 138px;left: 15px;}
.sec08::after{width: 195px;right: 15px;top: 0;}
.ct_sec08{padding-bottom: 350px;}
.ct_sec08::before{right: 15px;width: 274px}
.ct_sec08::after{width: 230px;bottom: 55px;right: 130px;left: initial;}
.ct_sec08_sub::after{width: 300px;top: 140px;right: 0;left: 0;margin: 0 auto}
.ct_sec08_sub::before{width: 240px;top: initial;bottom: -260px;left: 100px;}
.sec08 .ttl{text-align: center;margin-bottom: 335px;}
.sec08 .ttl .ja{font-size: 35px}
.sec08 .ttl .bg_line,.sec08 .ttl .txt2{padding-bottom: 3px;padding-right: 2px;}
.sec08 .desc_sec08{margin-bottom: 50px;}
.txt-user-sec08{position: relative;bottom: 0;right: 0;left: 0;text-align: center;font-size: 25px;display: block;margin-bottom: 25px;}
/* sec09 */
.sec09{padding: 40px 0}
.sec09::before{border-radius:20px 20px 0  0 }
.sec09 .ttl{text-align: center}
.sec09 .ttl .ja{font-size: 35px;}
.sec09 .inner{flex-direction: column}
.sec09 .inner .box_left,.sec09 .inner .box_right{width: 100%}
.sec09 .desc_sec09{text-align: center;margin: 0 0 30px 0}
.sec09 .btn{margin: 30px 0 10px 0}
.sec09 .btn a{margin: 0 auto}

.list_news{padding: 25px}
.list_news li{margin: 10px 0;}
.list_news li .date-post{min-width: 90px}
.list_news li .cate-post{min-width: 100px}
.list_news li .name-post{font-size: 18px}

.sec01 .desc_sec01,.sec02 .desc_sec02,.info_sec02 .item .desc,.sec03 .desc_sec03,.sec04 .desc_sec04,.sec05 .desc_sec05,.sec06 .desc_sec06,.sec07 .desc_sec07,.sec08 .desc_sec08,.sec09 .desc_sec09{font-size: 18px;line-height: 1.5em}

.ttl .ja{font-size: 30px}
.btn a{width: 180px;height: 45px;font-size:16px;padding: 0 15px;background-size: 20px auto;
        background-position: center right 10px;}

/*============ FOOTER ============*/
footer{margin-bottom: 0;}
.ft_top .inner{flex-wrap: wrap;justify-content: center;}
.ft_info{width: 290px;padding-right: 0;}


/*   FOOTER BANNER */
.ft_cta .inner{padding: 30px 20px 40px 20px}
.ft_cta::before{width: 305px;left: -50px;top: -30px;}
.ft_cta::after{width: 111px;left: 15px;}
.ft_cta .ttl-cta{font-size: 24px;text-align:center}
.ft_cta .desc-cta{text-align: center}
.ct_ft_cta{width: calc(100% - 60px);margin: 0 auto}
.ft_cta .inner::before{left: 0;right: 0;margin: 0 auto}
.ct_ft_cta::before{width: 90px;right: 60px;top: -30px;}
.ct_ft_cta::after{width: 69px;right: -20px}
.ft_cta .box_contact{margin: 30px auto 0 auto;}


.box_ft>.inner{flex-direction: column;}
.box_ft .inner .box_left,.box_ft .inner .box_right{width: 100%}
.box_ft{margin: 40px 0 0 0;padding: 40px 0 90px;}
.ft_tel a{font-size: 35px}
.logo_ft{max-width: 300px;margin: 0 auto 30px auto}
.ft_tel{text-align: center}
.ft_tel a .txt{padding-left: 30px;}
.ft_tel a .txt::before{width: 20px;left: 0;top: 17px;}
.ft_time{font-size: 14px;text-align: center}

address{font-size: 14px;margin: 20px 0 0 0;}

/* sp contact */
.sp_contact{display:flex;justify-content:center;align-items:center;width: calc(100% - 5px);height:70px;position:fixed;left:0;z-index:99;bottom:-70px;transition: all 0.3s;right: 0;margin: 0 auto;}
.sp_contact.show{bottom: 5px;}
.sp_contact li{width: 50%;height:100%;margin: 0 5px;}
.sp_contact li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.sp_contact li a .txt-tel{position:relative;padding-left: 19px;}
.sp_contact li a .txt-tel::before{content:"";position:absolute;height:auto;left:0;}
.sp_contact_tel{background-color:#fff;border: 2px solid var(--mcolor);border-radius: 10px}
.sp_contact_tel a .txt-tel::before{background:url(../images/ic_tel_contact.png) center /cover no-repeat;width: 16px;top: 9px;aspect-ratio: 16 / 17;}
.sp_contact_tel .txt-tel{display: block;line-height: 1.2em;font-size: 25px;font-weight: bold;font-family: var(--font-Jost);color:var(--mcolor);}
.sp_contact_tel .time_ft{font-size: 12px;color:var(--mcolor);font-weight: 500;display: block;line-height: 1em;position: relative;left: 10px;}
.sp_contact_mail{background-color:var(--mcolor);border: 2px solid #fff;border-radius: 10px;color: #fff}
.sp_contact_mail .txt{color:#fff;font-size: 18px}

/* to top */
.to_top{width:40px;height:40px;right:10px;bottom: 80px}
.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}
/*============ END 750 ============ */

}
/* screen-max:640px */
@media screen and (max-width: 640px) {
    .main_mv::before{width: 450px;}
    .main_mv::after{width: 290px;}
    .mv_txt h2{font-size: 30px}
    .txt-mv-b{font-size: 16px}

    .info_sec04{width: calc(100% - 30px);}
    .info_sec04 .item{min-height: 400px;}
    .info_sec04 .item .name-sub, .info_sec04 .item .info .list li .txt{font-size: 15px}
    .info_sec04 .item .info .list li .txt1{margin-right: 10px}
    .info_sec04 .item .info .list li .txt1{min-width: 112px}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 100px}

    .info_sec05 .item .name{font-size: 18px}

    .info_sec06 .item .info{min-height: 142px}

    .sec07 .info_sec07_2::before{left: calc(50% - 750px);}

    .ct_sec08_sub::before{left: 50px}
    .ct_sec08::after{right: 50px}
}


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

    .main_mv{background: url(../images/mv_sp.jpg) center / cover no-repeat;}
    .main_mv::before{width: 250px}
    .main_mv::after{width: 280px;}
    .txt-mv-b{font-size: 14px}

    .mv_txt{left: 15px;top: 90px;}
    .mv_txt h2{font-size: 6.7vw}
    .mv_txt h2::before{width: calc(100% - 15px);}
    .txt-mv-b{font-size: 3.5vw}

    .box_banner{position: relative;flex-wrap: wrap;justify-content: space-between;margin: 40px auto 25px auto;}
    .box_banner .item{width: calc((100% - 10px) / 2);margin: 0 0px 10px 0;}
    .box_banner .item .tt-name{font-size: 16px}


    .info_sec01 .box_left{margin-bottom: 80px;}
    .info_sec01 .item{width: 30vw;height: 30vw;}
    .info_sec01 .item_big{width: 60vw;height: 60vw;}
    .info_sec01 .item_big .img{height: 50px;margin-bottom: 5px}
    .info_sec01 .item .name{font-size: 3vw}
    .info_sec01 .item_big .name{font-size:4vw}
    .info_sec01 .item1, .info_sec01 .item3{left: 5vw}
    .info_sec01 .item2, .info_sec01 .item4{right: 5vw}
    .info_sec01 .item1, .info_sec01 .item2{top: -5vw}
    .info_sec01 .item3, .info_sec01 .item4{bottom: -5vw}
    .info_sec01_2{margin: 50px 0 0 0;}


    .info_sec02 .item .name1{font-size: 25px}

    .sec03{padding:120px 0 60px;}
    .sec03 .ct_sec03::before, .sec03 .ct_sec03::after{top: -150px}
    .info_sec03 .item{width: 85vw;height: 85vw;}
    .info_sec04 .item .txt-num{font-size: 18px}
    .info_sec03 .item .desc{font-size: 3.8vw}
    .info_sec03 .item .btn a{height: 35px;font-size: 14px;width: 160px;background-size: 20px auto;background-position: center right 10px;}

    .info_sec04 .item{min-height: 410px}
    .info_sec04 .item .name-sub, .info_sec04 .item .info .list li .txt{font-size: 16px}
    .info_sec04 .item .info .list li .txt1{min-width: 135px}
    .info_sec04 .item4 .info .list li.list1 .txt1, .info_sec04 .item4 .info .list li.list2 .txt1, .info_sec04 .item4 .info .list li.list3 .txt1{min-width: 148px}

    .info_sec05 .item{padding: 20px}
    .info_sec05 .item .name{font-size: 20px}
    .info_sec05 .item .tt-sub .txt{margin: 0 auto 5px auto;display: table;}
    .info_sec05 .item .tt-sub{font-size: 16px;text-align: center;padding: 10px 15px;}
    .info_sec05 .item .img,.info_sec05 .item .img img{border-radius: 18px}

    .info_sec06 .item{width: 100%;}
    .info_sec06 .item:last-child{margin-bottom: 0}
    .info_sec06 .item .info{min-height: auto}

    .info_sec07{max-width: 270px;}
    .info_sec07 .item:nth-child(2n+2){margin-right: 0}

    .sec07 .info_sec07_2::before{left:-15px;width: 100%;}
    .info_slider_sec07 .item{width: 100%;flex-direction: column;margin: 0 15px}
    .info_slider_sec07 .item .tt-sub,.info_slider_sec07 .item .tt-name{text-align: center}
    .info_slider_sec07 .item .img,.info_slider_sec07 .item .info{width: 100%;}
    .info_slider_sec07 .item .img{margin: 0 auto 15px auto;}
    .info_slider_sec07 .item .img img{margin: 0 auto}
    .info_slider_sec07 .slick-list{padding: 10px 5px;margin: 0 -15px}

    .sec08 .ttl .ja{font-size: 30px}
    .sec08::before{width: 100px}
    .sec08::after{width: 90px}
    .ct_sec08::before{right: 15px;width: 150px}
    .ct_sec08::after{width: 150px;bottom: 75px;right: 15px;}
    .ct_sec08_sub::before{width: 200px;left: 15px;bottom: -220px;}
    .ct_sec08_sub::after{top: 170px}
    .sec08 .desc_sec08{margin-bottom: 0}

    .list_news li{flex-wrap: wrap;}
    .list_news li .name-post{font-size: 16px}


    .ct_ft_cta{width: calc(100% - 30px);}
    .ft_cta .ttl-cta{font-size: 6vw}
    .ft_cta .inner{padding: 80px 20px;}
    .ft_cta .box_contact{margin: 60px auto 0 auto;}
    .ct_ft_cta::after{top: calc(50% - 75px);right: -15px;}
    .ft_cta::after{bottom: -25px;width: 100px;left: 40px;}

    .box_contact .item .tt-time-contact{font-size: 3.2vw;left: 6px;}

    .box_ft{margin: 70px 0 0 0;}

    .sp_contact{height: 60px;bottom: -60px;}
    .sp_contact li{margin: 0 3px}
    .sp_contact_tel .txt-tel{font-size: 5vw}
    .sp_contact_tel .time_ft{font-size: 2.6vw}
    .sp_contact_mail .txt{color:#fff;font-size: 14px}
    .sp_contact li a .txt-tel{padding-left: 16px;}
    .sp_contact_tel a .txt-tel::before{width: 13px;top: 5px;}
    .to_top{bottom: 70px;}

    .sec01 .desc_sec01,.sec02 .desc_sec02,.info_sec02 .item .desc,.sec03 .desc_sec03,.sec04 .desc_sec04,.sec05 .desc_sec05,.sec06 .desc_sec06,.sec07 .desc_sec07,.sec08 .desc_sec08{font-size: 16px}
    .ttl .ja{font-size: 25px}
    
}
/* screen-max: 375px */
@media screen and (max-width: 375px) {
    .info_sec04 .item4 .info .list li.list1 .txt1, .info_sec04 .item4 .info .list li.list2 .txt1, .info_sec04 .item4 .info .list li.list3 .txt1{min-width: 122px}
}
/* screen-max: 360px */
@media screen and (max-width: 360px) {
    .main_mv{}
    .box_contact .item .tt-time-contact{font-size: 3.5vw}
    .info_sec02 .item .name1{font-size: 6vw}

    .info_sec03 .item .tt-sub{font-size: 14px;margin-bottom: 10px;}
    .info_sec03 .item .name{font-size: 22px;margin-bottom: 20px;}
    .info_sec03 .item .name::before{bottom: -16px}

    .info_sec04 .item .info .list li .txt1{min-width: 130px}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 110px}

    .info_sec05 .item .name{font-size: 5.1vw}

    .ttl .ja{font-size: 6vw}
}
/* screen-max: 320px */
@media screen and (max-width: 320px) {

    .box_banner .item .tt-desc{font-size: 4vw}

    .info_sec04 .item{min-height: 390px}
    .info_sec04 .item .txt-num{font-size: 16px;width: 60px;height: 60px}
    .info_sec04 .item .name-sub, .info_sec04 .item .info .list li .txt{font-size: 14px}
    .info_sec04 .item .info .list li .txt1{min-width: 110px}
    .info_sec04 .item4 .info .list li.list1 .txt1,.info_sec04 .item4 .info .list li.list2 .txt1,.info_sec04 .item4 .info .list li.list3 .txt1{min-width: 95px}

    .info_sec05 .item .view a{width: 100%}
    .info_sec05 .item .view a .ic::before{right: -25px}
    .info_sec05 .item .tt-sub{font-size: 14px}
    .info_sec05 .item .desc{font-size: 14px}

    .info_sec06 .item .info .desc{font-size: 14px}

    .sec08 .ttl{margin-bottom: 300px}
    .ct_sec08{padding-bottom: 300px;}
    .ct_sec08_sub::after{width: 250px}
    .ct_sec08_sub::before{width: 170px;bottom: -180px;}
    .ct_sec08::after{width: 110px}

    .ft_cta .desc-cta{font-size: 14px}

    .box_contact .item .tt-contact{font-size: 5vw}
    .box_contact .item .tel-contact a{font-size: 25px}
    .box_contact .item .tt-contact-ic .ic{padding-left: 20px;}
    .box_contact .item-tel .tt-contact-ic .ic::before{width: 14px;top: 12px}

    .box_contact .item .email-contact{font-size: 18px}
    .box_contact .item-contact .tt-contact-ic .ic{padding-left: 25px}
    .box_contact .item-contact .tt-contact-ic .ic::before{width: 22px;top: 6px;}

    .ct_ft_cta::after{top: calc(50% - 90px);}

    .sp_contact li a .txt-tel{padding-left: 14px;}
    .sp_contact_tel a .txt-tel::before{width: 10px;}

}