.sp440,.pc1280{display:none}
@media screen and (min-width:2000px) {
    .to_top{right: calc(50% - 924px);}
    .screen2,.scroll-btn,.screen2::before,.screen2::after{right: calc(50% - 960px);}
}
@media screen and (min-width: 751px) {
    a[href^="tel:"]{pointer-events: none;}
    .sp{display:none}

.screen1,.screen2,.ic_screen1,.ic_screen2{position: fixed;height: 100%;z-index: 3;max-width: 1920px;margin: 0 auto;}
.screen1::before,.screen1::after,.screen2::before,.screen2::after,#wrapper::before,#wrapper::after{position: absolute;content:"";}
.screen2{width: 100px;right: 0;max-width: 1920px;margin: 0 auto;}
#wrapper::before,#wrapper::after{top: 0;width: 20px;height: 100%;background: var(--gray4);z-index: 2;}
.screen1::before,.screen1::after,.screen2::before,.screen2::after{width: 100px;height: auto;aspect-ratio: 50 / 69}
#wrapper::before,.screen1::before,.screen1::after{left: 0}
#wrapper::after,.screen2::before,.screen2::after{right: 0}

.screen1::before{top: 0;background: url(../images/bg4.png) center /cover no-repeat}
.screen1::after{bottom: 0;background: url(../images/bg1.png) center /cover no-repeat}
.screen2::before{top: 0;background: url(../images/bg3.png) center /cover no-repeat}
.screen2::after{bottom: 0;background: url(../images/bg2.png) center /cover no-repeat}


/* nav */
.hamburger{display:none;}
.nav_list{display: flex;}
.nav_list>li>a,
.nav_list>li>.sub_btn{display:flex;align-items:center;position:relative;font-weight: 500;margin: 1px 3px;font-family: var(--font-Zen-Kaku);font-size: 14px;background: var(--gray);border-radius: 999px;padding:4px 34px 4px 20px;}
.nav_list>li>.sub_btn .ic::before,.nav_list>li>.sub_btn .ic::after{position: absolute;content:"";top: 17px;background: var(--mcolor);right: -16px;transition: 0.3s all ease}
.nav_list>li>.sub_btn .ic{position: relative;}
.nav_list>li>.sub_btn .ic::before{width: 10px;height: 2px;}
.nav_list>li>.sub_btn .ic::after{width: 2px;height: 10px;top: 13px;right: -12px;}
.parent:hover .sub_btn .ic::after{opacity: 0;display: none}
.nav_list>.it3>a,.nav_list>.it1>a{padding: 4px 18px;}
.nav_list>.it2>a{padding: 4px 21px 3px 20px;}
.nav_list>li:hover .sub_btn{border-radius: 20px 20px 0 0;padding: 13px 34px 3px 20px;}
.nav_list>.it1:hover .sub_btn,.nav_list>.it0:hover .sub_btn{width: 295px;justify-content: center;}
.nav_list>.it4:hover .sub_btn{width: 441px;justify-content: center;}
.nav_list>.it4 .sub{width: 441px}
.nav_list>li.parent{position:relative;}
.nav_list>li.parent>.sub_btn{cursor:default}
.sub{position:absolute;z-index:1;transition:all .3s;opacity:0;visibility:hidden;width:295px;top: 95%;left: 50%;transform: translateX(-50%);background: var(--gray);padding: 11px 20px 15px 20px;border-radius: 0 0px 20px 20px;}
.sub ul li a{display:flex;width:100%;align-items:center;letter-spacing:.001em;padding: 11px 20px 10px 20px;margin:0 auto;background: #fff;margin: 0 0 5px 0;border-radius: 999px;text-align: center;justify-content: center;font-size: 14px;font-weight: 500;font-family: var(--font-Zen-Kaku);line-height: 1.5em;}

#logo{position: absolute;left: 0;top: 0}
.h_box{min-width: 1260px}
/*  FOOTER */
.ft_bnn li:not(:last-child){margin-right: 30px;}

/* hover */
.ft_link ul li > a:hover{color:var(--scolor);text-decoration: none;}
.nav_list>li>a:hover{background: var(--scolor);color:#fff}
/*.nav_list>li.parent:hover .sub_btn{color:var(--scolor)}*/
.parent:hover .sub{opacity:1;visibility:visible}
.sub a:hover{background-color:var(--scolor);text-decoration: none;color: #fff;}
.ft_bnn li a:hover,
.to_top img:hover{opacity:.8}
.btn a:hover::before,.sec03 .ct_bottom .btn a:hover::before,.btn a:hover,.sec03 .item_l .btn a:hover::before,.sec03 .item_l .btn a:hover,.sec03 .item_r .btn a:hover::before,.sec03 .item_r .btn a:hover{background-color: var(--scolor);}

.scroll-btn .it1 a:hover{background: var(--blue);}
.scroll-btn .it1 a:hover::before{transition: all ease 0.3s;}
.scroll-btn .it2 a:hover{background: var(--scolor);}
.scroll-btn .it2 a:hover::before{transition: all ease 0.3s;}


.srcoll_contact .ct_contact .ct_l{margin-right: 52px;}
.srcoll_contact .ct_contact .ct_c{margin-right: 28px;}
.group_ct .btn-contact a:hover{background: var(--scolor);}

.sec01 .btn{position: relative;left: 15px;top: 2px;}
.sec01 .btn a{width: 311px;}
.slick-case .slick-prev:hover:before, .slick-case .slick-next:hover:before,.info_case .item:hover{opacity: 0.7}


.sec02 .info_sec02 .tt2 .bg_blue{padding: 9px 17px 9px 18px}
.sec03 .item .btn a{width: 318px;}
.sec03 .list-txt{display: flex;flex-direction: column;}
.sec03 .list-txt .it3{left: 23px}
.sec03 .list-txt .it2,.sec03 .list-txt .it4{margin-left: auto}
.sec03 .list-txt .it4{right: 94px}
.sec03 .list2{margin-bottom: 56px}
.sec03 .item_r .btn a:hover,.sec03 .item_r .btn a:hover::before{background: #00468D}
.sec03 .item_l .btn a:hover,.sec03 .item_l .btn a:hover::before{background: #816B37}

.sec03 .ct_bottom .it_r{position: relative;left: -3px;top: 4px;}
.sec03 .ct_bottom .tt-name .txt2{text-decoration: underline;text-underline-offset: 16px;text-decoration-color: rgb(255,255,255,50%);}
.sec03 .ct_bottom .btn a{width: 318px}
.sec04 .info_ttl_s .info_ttl .ja2{top: -7px;}

.info_sec04 .item .info:hover{transform: translateY(-5px);}
.info_sec04 .item .info{position: absolute;}
.info_sec04 .it1 .info{right: 162px;top: -61px;}
.info_sec04 .it2{justify-content: flex-end;}
.info_sec04 .it2 .info{left: 162px;top: -61px;padding: 90px 80px 80px 80px;}
.info_sec04 .it3 .info{right: 162px;top: -61px;padding: 90px 60px 79px 80px;}
.info_sec04 .it3 .info .desc{padding-right: 10px}

.list_item_index{position: absolute;top: 40px;left: 403px;}
.info_sec04_2 .it_l{width: 683px;margin-right: 46px;}
.info_sec04_2 .it_r{position: relative;top: -1px}
.info_sec04_2 .info_pick .pick_l{margin-right: 79px;}
.info_sec04_2 .btn a{width: 371px;top: -2px;}
.info_sec04_2 .pick_up .info:hover .tt-pick{color:var(--scolor);}
.list_item_index .it_4 .tt{padding-top: 3px}
.info_sec04 .it3{margin-bottom: 0}

.info_sec04_3 .it3_l{padding-top: 10px;}
.info_sec04_3 .group_banner{width: 640px}
.info_sec04_3 .group_banner .item_brn:hover::before{transform: scale(1.2);}

.sec05 .info_sec05 .item_l{width: 494px;}
.sec05 .info_sec05 .item_r{width: calc(100% - 588px);margin: -2px 0 0;}
.sec05 .btn a{width: 318px;padding-top: 2px;}
.sec05 .btn a:hover{color:#fff}

.sec06 .info_ttl .ja2{top: -7px}
.sec06 .info_sec06 .ct_info .group_btn .btn a{width: 300px}
.sec06 .info_sec06 .ct_info::after{bottom: 0;}

.sec07 .btn{position: absolute;right: 25px;top: 123px}
.sec07 .btn a{width: 245px;}
.info_sec07 .item_ovn:hover{background: var(--gray);}
.info_sec07 .slick-prev:hover,.info_sec07 .slick-next:hover{background: var(--scolor);}

.ft_top_3 .ft_l{padding: 18px 0 0 7px}

.logo_site a:hover img{opacity: 0.7}

.ft_link .link_l{width: 645px}
.ft_link .link_r{width: 304px;margin: -2px 0 0;}
.srcoll_contact{min-width: 1260px}
}
@media screen and (min-width:2000px) {
    .screen2{right: calc(50% - 960px);}
    .screen2::before,.screen2::after{right: 0}
}
@media screen and (min-width: 751px) and (max-width: 1600px){
    .pc1280{display: block;}
    .inner{padding-left: 30px;padding-right: 30px;}
    main{padding-top: 85px}
    .h_inner{height: 85px;padding: 28px 20px 28px 0;}
    #logo{max-width: 280px}
    .nav_list>.it0:hover .sub_btn,.nav_list>.it0 .sub{width: 290px}
    .nav_list>.it1:hover .sub_btn,.nav_list>.it1 .sub{width: 220px}
    .nav_list>.it4:hover .sub_btn,.nav_list>.it4 .sub{width: 270px;}
    .sub{padding:11px 15px 15px 15px }
    .nav_list>li>a, .nav_list>li>.sub_btn{padding: 4px 28px 3px 10px;}
    .nav_list>.it2>a,.nav_list>.it3>a{padding:3px 12px;}

    .srcoll_contact{height:auto}
    .srcoll_contact::before{height: 70px}
    .srcoll_contact .ct_contact{padding: 10px 20px;max-width: 1000px;align-items: center;}
    .tt-contact{font-size: 14px;padding-top: 0px;}
    .srcoll_contact .tt-contact{padding-left: 50px;}
    .srcoll_contact .tt-contact::after{width: 40px;top: -3px;}
    .tt-contact::before{right: -20px;top: 20px;}
    .srcoll_contact .ct_contact .ct_l{margin-right: 30px}
    .srcoll_contact .group_ct a{width: 210px;height: 65px;}
    .to_top{right: 15px;bottom: 15px;}
    .to_top img{max-width: 105px;height: auto}

    .scroll-btn{top: 105px}
    .scroll-btn .item a{width: 60px;height: 190px;font-size: 15px;padding: 18px 0 0 5px;}
    .scroll-btn .item a::before{width: 5px}
    .mv{height: 700px}
    .mv::before{width: 57%}
    .mv::after{height: calc(100% - 100px);}
    .mv_txt{top: calc(50% - 190px);right: 125px;}

    .mv_txt h2{font-size: 40px;}
    .mv_txt .tt_mv{font-size:20px;margin-top: 40px;}
    .mv_txt h2 .bg_txt1{padding-top: 7px;top: 2px}

    .screen1::before, .screen1::after, .screen2::before, .screen2::after{width: 85px}
    .screen1::after,.screen2::after{bottom: -6px}
    .screen1::after{left: 3px;}
    .screen2::after{right: 3px;}

    .info_case .item{padding: 38px 25px 68px 25px;min-height: 310px;}
    .info_case .item .img{width: 80px;}
    .info_case .item .info{width: 100%;}
    .info_case .item .info .name{font-size: 19px}
    .info_case .item .info .desc{font-size: 16px}
    .slick-case .slick-prev, .slick-case .slick-next{bottom: -31.5%}


    .sec02::before{width: 70%;left: 55px;top: 200px;}
    .sec02 .info_sec02{width: 545px}
    .sec02 .info_sec02 .desc{font-size: 16px}

    .sec03 .list-txt li .txt{padding: 18px 20px 17px 20px;font-size: 16px;}
    .sec03 .item_l{width: 55%}
    .sec03 .item_r{width: calc(100% - 55%);padding-left: 40px}
    .sec03 .list-txt{max-width: 550px}
    .sec03 .desc{font-size: 16px}

    .sec03 .ct_bottom .inner::before{left: -55px}
    .sec03 .ct_bottom .inner::after{width: 500px;right: -30px;z-index: 1;}

    .info_sec04 .item .img{width: calc(100% - 462px);}
    .info_sec04 .it3 .img{width: calc(100% - 210px);}
    .info_sec04 .it2::before{}
    .info_sec04 .item .info{padding: 50px 40px 60px 41px;width: 595px;min-height: 455px;}
    .info_sec04 .item .tt-sub-name .txt{font-size: 16px;padding: 15px 15px 14px 15px;}
    .info_sec04 .item .tt-name{font-size: 22px}
    .info_sec04 .item .info .desc{font-size: 16px}
    .info_sec04 .item .view{font-size: 16px;height: 60px;width: 200px;padding-left: 20px;}
    .info_sec04 .it1 .info,.info_sec04 .it3 .info{right: 100px}
    .info_sec04 .it2 .info{left: 100px}
    .list_item_index{left: 250px;top: 35px;}
    .list_item_index .item_u .tt{height: 50px;/* font-size: 16px; */}
    .list_item_index .it_4 .tt{height: 109px;}
    .list_item_index .it_1::before{width: 112px}
    .list_item_index .it_3::before{/* width: 100px; */}
    .list_item_index .it_4::before{width: 145px;}
    .list_item_index .it_2 .tt1{font-size: 16px}
    .list_item_index .it_2 .tt2{font-size: 25px}
    .list_item_index .it_2{margin-bottom: 10px;padding: 15px 0 12px 0;}
    .list_item_index .item_u{margin-bottom: 15px}

    .info_sec04_3{max-width: 1200px;padding: 100px 50px}
    .info_sec04_3 .it3_r{width: 50%}
    .info_sec04_3 .group_banner{width: 100%}
    .info_sec04_3 .ttl .en::before{width:15px;top: 5px;}
    .info_sec04_3 .ttl .en{padding-left: 28px}
    .info_sec04_3 .desc,.info_sec04_3 .ttl .en{font-size: 16px}
    .info_sec04_3 .ttl .ja{font-size: 27px}
    .sec05 .inner{padding: 0 15px}
    .sec05::after{right: 180px}

    .sec06 .inner{max-width: 1300px}
    .sec06 .info_sec06{min-height: auto}
    .sec06 .info_sec06::before{background-position: center left -45px;}
    .sec06 .info_sec06 .ct_info .desc{font-size: 14px;}
    .sec06 .info_sec06 .ct_info .tt-name{font-size: 25px;max-width: fit-content;padding: 40px 30px;margin: 40px auto 50px auto;}
    .sec06 .info_sec06::before, .sec06 .info_sec06::after{width: 213px;height: 100%;}
    .sec06 .info_sec06 .ct_info{padding-bottom:50px;max-width: 647px;}
    .sec06 .info_sec06 .ct_info::before{width: 70px;bottom: -6px;left: -55px;}
    .sec06 .info_sec06 .ct_info::after{width: 70px;bottom: 0;right: -60px;}




    .ft_top .inner .ft_info{width: 40%}
    .ft_top .inner .ft_info img{height: 100%;object-fit: cover;width: 100%;}
    .ft_top .ft_map{width: calc(100% - 40%);}
    address{padding: 25px 30px 138px 30px;}

}
@media screen and (min-width: 751px) and (max-width: 1440px){
    
    .nav_list>.it4:hover .sub_btn,.nav_list>.it4 .sub{width: 270px;}
    .mv_txt{right: 100px;}
    .info_sec04 .item .img{width: calc(100% - 340px);}
    .info_sec04 .it3 .img{width: calc(100% - 210px);}
    .list_item_index{left: 130px;}
    .sec05::after{right: 120px}
}
@media screen and (min-width: 751px) and (max-width: 1366px){
    .mv{height: 640px}
    .mv_txt{right: 110px;top: calc(50% - 180px);}
    .mv_txt h2{font-size: 35px;}
    .mv_txt .tt_mv{font-size:20px;margin-top: 40px;}
    
    .info_sec04 .item .img{width: calc(100% - 267px);}
    .list_item_index{left: 100px;}
    .info_sec04 .it3 .img{width: calc(100% - 211px);}
    .sec05::after{right: 85px}
    

}
@media screen and (min-width: 751px) and (max-width: 1280px){
    .pc1280{display: none;}
    #logo{max-width: 250px}
    .nav_list>.it4:hover .sub_btn,.nav_list>.it4 .sub{width: 220px;}
    .mv{height: 600px}
    .mv_txt{right: 77px;}
    .sec03 .item_r{padding-left: 40px}
    .info_sec04_3 .ttl .ja{font-size: 25px}
    .sec03 .list-txt .it2, .sec03 .list-txt .it4{right: 20px}
    .sec03 .tt-name{font-size: 25px}
    .info_sec04 .item .img{width: calc(100% - 185px);}
    .sec06 .inner{max-width: 1200px}

    .sec06 .info_sec06 .ct_info::before{left: -15px}
    .sec06 .info_sec06 .ct_info::after{right: -15px}

    

}
/* 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:none;position:fixed;top: 70px;left:0;width:100%;height: calc(100vh - 70px);overflow:auto;padding-bottom:140px;z-index:100;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){}
.nav_list .sub_btn,
.nav_list a{display:block;padding:13px 15px 12px;=: #fff;font-size: 14px;font-weight: bold;border-bottom: solid 1px var(--gray3);}
.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{font-weight: 500;background: var(--gray);line-height: 1.5em;}
.hamburger{position:absolute;right: 0;bottom: 0;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;background: var(--mcolor);padding: 23px 18px 18px;}
.group_btn_sp{border-top: 1px solid var(--gray3);}
.group_btn_sp{border-bottom: 1px solid var(--gray3);}
.group_btn_sp .btn_bg_blue{position: relative}
.group_btn_sp .btn_bg_blue::before{position: absolute;content:"";right: -10px;top: -10px;height: calc(100% + 20px);width: 1px;background:var(--gray3);}
.group_btn_sp{display: flex;justify-content: center;padding: 10px 0;}
.group_btn_sp p{margin-bottom:0;margin: 0 10px;}
.group_btn_sp a{color:#fff;padding: 3px 10px 1px;border-radius: 5px;width: 100%;.sec03 .ct_bottom .inner: :after;.sec03 .ct_bottom .inner: :after;border: 0;}
.group_btn_sp .btn_bg_blue a{background: var(--mcolor);} 
.group_btn_sp .btn_bg_gray a{background: var(--scolor);} 
/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_box{height:70px}
#logo{max-width: 255px;position: relative;padding-left: 50px;}
#logo::before{width: 38px;height: auto;aspect-ratio: 123 / 157;position: absolute;content:"";left: 0px;top: 3px;background: url(../images/logo_21.png) center /cover no-repeat}
.h_inner{padding: 0 10px;background: #fff;box-shadow: 0 5px 10px rgb(65,64,66,10%);}
.txt-menu{font-size: 12px;font-weight: bold;font-family: var(--font-Zen-Kaku);line-height: 1.2em;text-align: center;color: #fff;position: relative;top: 5px;}
.content_sp{padding: 15px}
.content_sp .tt-contact{font-size: 14px;margin-right: 40px;margin-bottom: 0;padding: 0;}
.content_sp .tt-contact::before{right: -25px;width: 10px;top: 20px;}
.content_sp .ct_1{display: flex;justify-content: center;margin-bottom: 20px;align-items: center;}
.content_sp .tel .txt1 .txt{padding-bottom: 3px}
.content_sp .group_ct{justify-content: center;max-width: 450px;margin: 0 auto;}
.content_sp .tel .txt1{margin-bottom: 5px;}
.tel .txt-tel a .ic::before{width: 15px;top: 12px}
.logo_h{margin: 30px 0 20px 0}
/*============ Main ============*/
main{padding-top: 70px;}

/* MAIN VISUAL */
.mv_bg,.main_slider .slide_item,.mv{height:500px}
.mv::before{width: 100%;border-radius: 0;}
.mv_txt{position: relative;top: 0;right: 0;padding: 0 15px;}
.mv_txt h2{font-size: 28px;}
.mv_txt h2 .bg_txt1, .mv_txt h2 .bg_txt2{border-radius: 10px;padding: 5px 0px}
.mv_txt h2 .bg_txt2{top: 0}
.mv_txt .tt_mv{margin-top: 20px;font-size: 18px}
.mv_txt h2 .txt_small1{top: 0;font-size: 75%}

/* sec01 */
.sec01{padding: 50px 0 0}
.sec01 .inner{justify-content: center}
.sec01::before{top: 0;height:calc(100% - 300px);}
.sec01 .ttl{text-align: center}
.sec01 .btn a{margin: 0 auto}
.info_case{margin: 30px 0 0 0;padding-bottom: 80px;}
.info_case .item{padding: 20px 10px;border-width: 5px;margin: 0 10px;}
.slick-case .slick-list{margin: 0 -10px;}
.info_case .item{flex-direction: column;min-height: auto;}
.info_case .item .img{width: 70px;height: 70px;margin: 0 auto 20px auto;}
.info_case .item .info{width:100%;}
.info_case .item .info .name{font-size: 17px;letter-spacing:0;text-align: center;}
.slick-case .slick-dots{width: 240px;height: 50px;bottom: 0px;}
.slick-case .slick-prev, .slick-case .slick-next{bottom:5%;}
.slick-case .slick-prev::before, .slick-case .slick-next::before{width: 25px}
.slick-case .slick-next{left: 160px;}
.slick-case .slick-prev{left: -214px;}

/* sec02 */
.sec02{padding: 50px 0 0}
.sec02::before{display: none}
.sec02 .ttl{margin-bottom: 20px}
.sec02 .ttl .en{padding: 15px 0 0 0;margin-bottom: 10px;}
.sec02 .info_ttl{flex-direction: column;}
.sec02 .info_ttl .ja{margin-bottom: 15px}
.sec02 .info_ttl .ja2{font-size:120%;margin: 0}
.sec02 .info_ttl .ja2::before{top: 3px;}

.sec02 .info_sec02{width: 100%;margin: 0 auto}
.sec02 .info_sec02 .tt{text-align: center}
.sec02 .info_sec02 .tt1{font-size: 22px}
.sec02 .info_sec02 .tt2, .sec02 .info_sec02 .tt3{font-size: 20px}
.sec02 .info_sec02 .tt3{margin-bottom: 30px}
.sec02 .info_sec02 .tt2 .txt{padding: 5px 15px}
.sec02 .info_sec02 .img{margin: 0 auto 20px auto;text-align: center;}

/* sec03 */
.sec03{padding: 50px 0}
.sec03 .inner{flex-direction: column}
.sec03 .item_l,.sec03 .item_r{width: 100%}
.sec03 .item_l,.sec03 .item_r{padding: 40px 20px 120px 20px}
.sec03 .item_l::before{width: 263px;}
.sec03 .item_r::before{width: 212px;}
.sec03 .list-txt li{margin-bottom: 40px;}
.sec03 .list-txt li .txt{padding: 10px 20px;margin-left: auto;font-size: 14px;}
.sec03 .tt-name{font-size: 22px}
.sec03 .list-txt{max-width: 430px;display: flex;flex-direction: column;margin: 0 auto 40px auto;}
.sec03 .list-txt li .txt::before{width: 20px;bottom: -13px;left: 40px;}
.sec03 .list-txt li:nth-child(even) .txt::before{right: 40px}
.sec03 .list-txt .it2,.sec03 .list-txt .it4{margin-left: auto}
.sec03 .list-txt .it4{margin-right: 25px}
.sec03 .desc{margin-bottom: 20px}

.sec03 .ct_bottom .inner{padding: 40px 15px;flex-direction: column}
.sec03 .ct_bottom .inner::before{left: 15px;width: 15px;}
.sec03 .ct_bottom .inner::after{right: 15px;z-index: 1;width: 210px;bottom: 0px;}
.sec03 .ct_bottom .tt-name{font-size: 22px;text-align: center;margin-bottom: 30px;}
.sec03 .ct_bottom .tt-name .txt,.sec03 .ct_bottom .tt-name .txt2{text-underline-offset: 8px;text-decoration: underline;text-decoration-color: rgb(255 255 255 / 50%);}
.sec03 .ct_bottom .btn a{margin: 0 auto;}

/* sec04 */
.sec04{padding: 0}
.info_sec04 .inner{padding: 0 15px}
.sec04 .info_ttl_s .ttl{margin-bottom: 30px}
.sec04 .info_ttl_s .ttl .en{padding: 15px 0 0 0;margin-bottom: 10px}
.sec04 .info_ttl_s .info_ttl{flex-direction: column}
.sec04 .info_ttl_s .info_ttl .ja{margin-bottom: 15px}
.sec04 .info_ttl_s .info_ttl .ja2{font-size:120%;margin: 0}
.sec04 .info_ttl_s .info_ttl .ja2::before{top: 5px}
.sec04 .info_ttl_s .info_ttl .ja .txt_small{margin: 10px 0 0 0;left: 0;}

.info_sec04{padding: 50px 0}
.info_sec04 .ttl-name{text-align: center;font-size: 22px;padding-bottom:30px;}
.info_sec04 .item{flex-direction: column;margin-bottom: 70px;}
.info_sec04 .item::before{height: calc(100% - 150px);top: 180px}
.info_sec04 .item .img{width: calc(100% - 30px);}
.info_sec04 .it1 .img img, .info_sec04 .it3 .img img{border-radius:0 25px 25px 0}
.info_sec04 .it2 .img img{border-radius: 25px 0px 0px 25px;}
.info_sec04 .item .info{padding:40px 20px;width: 100%;max-width: 500px;margin: -100px auto 0 auto;}
.info_sec04 .item .tt-sub-name .txt{padding: 10px 15px 8px 15px;font-size: 14px;display: inline-block;line-height: 1.5em;}
.info_sec04 .item .tt-name{font-size: 20px;margin-bottom: 20px;}
.info_sec04 .item .view{width: auto;height: 50px;padding: 0 50px 0 22px;}
.info_sec04 .item .view::before{width: 20px;right: 20px;top: 14px;}
.info_sec04 .it2{align-items: flex-end;}
.list_item_index{padding: 0 15px;margin: 50px auto 150px auto;}
.list_item_index .item_u{margin-bottom: 15px}
.list_item_index .it_2{background: #e8e7e6;padding: 15px 0;}
.list_item_index .it_2 .tt2{font-size: 25px}
.list_item_index .item_u .tt{height: auto;padding: 10px 20px}
.list_item_index .it_1::before{width: 100px;top: -8px;}
.list_item_index .it_3::before{width: 100px;}
.list_item_index .it_4::before{width: 115px;}

.info_sec04_2{padding: 80px 0 50px 0;}
.info_sec04_2 .inner, .info_sec04_2 .info_pick{flex-direction: column;}
.info_sec04_2 .inner{padding: 0 15px}
.info_sec04_2 .it_l{margin-bottom: 30px;width: 100%;max-width: 500px;}
.info_sec04_2 .pick_up{padding: 40px 20px;width: 100%;}
.info_sec04_2 .pick_up .tt_sub_pick{margin-left: 0}
.info_sec04_2 .pick_up .tt_sub_pick .txt{padding:8px 12px 6px 15px;text-align: center;}
.info_sec04_2 .pick_up .pick_l{padding-bottom: 15px;margin-bottom: 15px;}
.info_sec04_2 .pick_up .pick_l::before{top: initial;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 300px;height: 1px}
.info_sec04_2 .pick_up .tt-pick{font-size: 18px;}

.info_sec04_3{padding: 40px 15px;width: calc(100% - 30px);}
.info_sec04_3 .inner{flex-direction: column;padding: 0}
.info_sec04_3 .ttl{text-align: center;margin-bottom: 20px}
.info_sec04_3 .ttl .en{margin-bottom: 10px}
.info_sec04_3 .ttl .ja{font-size: 25px}
.info_sec04_3 .it3_l{margin-bottom: 30px}
.info_sec04_3 .group_banner .item_brn{z-index: 1}
.info_sec04_3 .group_banner .item_brn{min-height: 220px}
.info_sec04_3 .group_banner .item_brn .name{margin-bottom: 0}
.info_sec04_3 .group_banner .item_brn .name{font-size: 18px}
.info_sec04_3 .item_brn .list-tag .txt{padding: 8px 15px 6px 15px;font-size: 14px}
.info_sec04_3 .item_brn .view{width: 45px;height: 45px;bottom: 10px;right: 10px;}
.info_sec04_3 .item_brn .view::before{width: 45px;background: url(../images/ic_row2_sp.png) center / cover no-repeat;}

.info_sec04 .it3::after{top: 0;background: #e8e7e6;width: calc(100% - 30px);border-radius: 0 25px 25px 0;height: 580px;position: absolute;content:"";z-index: -1}

/* sec05 */
.sec05{padding: 50px 0 120px 0}
.sec05::before{height: 100%}
.sec05::after{width: 172px;right: 0;margin: 0 auto;left: 0;}
.sec05 .info_sec05{flex-direction: column;}
.sec05 .info_sec05 .tt-name,.sec05 .info_sec05 .tt-name2{text-align: center}
.sec05 .info_sec05 .tt-name{font-size: 25px;margin-bottom: 20px;}
.sec05 .info_sec05 .tt-name2{font-size: 22px}
.sec05 .btn{margin: 30px 0 0 0}
.sec05 .btn a{margin: 0 auto}


/* sec06 */
.sec06{padding: 50px 0}
.sec06 .ttl{margin-bottom: 30px}
.sec06 .info_ttl{flex-direction: column}
.sec06 .ttl .en{padding: 15px 0 0 0;margin-bottom: 10px;}
.sec06 .info_ttl .ja{margin-bottom: 15px}
.sec06 .info_ttl .ja .txt_small {margin: 10px 0 0 0;left: 0;}
.sec06 .info_ttl .ja2{font-size: 120%;margin: 0;padding: 5px 20px 6px 47px;}
.sec06 .info_ttl .ja2::before{top: 5px}
.sec06 .info_sec06{}
.sec06 .info_sec06::before, .sec06 .info_sec06::after{width: 155px;top: 200px;right: 0;margin: 0 auto;left: 0;border-radius: 10px;}
.sec06 .info_sec06::before{left: -180px;}
.sec06 .info_sec06::after{right: -180px;}
.sec06 .info_sec06 .ct_info .tt-name{max-width: fit-content;font-size: 22px;padding: 25px 15px;margin: 40px auto 445px auto;}
.sec06 .info_sec06 .ct_info{max-width:500px;padding: 0 15px 80px 15px;}
.sec06 .info_sec06 .ct_info .group_btn{flex-direction: column;margin: 30px auto 0 auto;align-items: center;}
.sec06 .info_sec06 .ct_info::before,.sec06 .info_sec06 .ct_info::after{width: 60px;}
.sec06 .info_sec06 .ct_info::before{left: 50px;}
.sec06 .info_sec06 .ct_info::after{right: 50px}
.sec06 .info_sec06 .ct_info .group_btn .btn1{margin-right: 0}

/* sec07 */
.sec07{padding: 50px 0 0 0}
.sec07 .ttl{margin-bottom: 0px}
.sec07 .ttl .en{padding: 20px 0 0 0;margin-bottom:5px;}
.sec07 .inner{max-width: calc(100% - 50px);}
.info_sec07{margin: 30px 0 0 0;justify-content: center;}
.info_sec07 .item_ovn {justify-content: space-between;}
.info_sec07 .item_ovn {width: calc((100% - 20px) / 2);}
.info_sec07 .item_ovn .cate {font-size: 14px;}
.info_sec07 .item_ovn .img_ovn {height: 30vw;}
.info_sec07 .item_ovn .info_box .cate {padding: 3px 15px 2px;}
.sec07 .btn{margin: 30px 0 0 0}
.sec07 .btn a{margin: 0 auto;}
.info_sec07 .slick-prev, .info_sec07 .slick-next{width: 40px;height: 40px;}
.info_sec07 .slick-prev{left: -52px}
.info_sec07 .slick-next{right: -52px}
.info_sec07 .slick-prev::before, .info_sec07 .slick-next::before{width: 7px;top: calc(50% - 5px);}
.info_sec07 .slick-next::before{right: 15px;}
.info_sec07 .slick-prev::before{left: 15px;}



/* sec08 */

/*============ FOOTER ============*/
footer{margin-bottom: 105px;}
.ft_top .inner{flex-wrap: wrap;justify-content: center;}
.ft_info{padding-right: 0;}
.ft_map{width: 100%;}
.ft_map_iframe{height: 250px;}
.ft_top .ft_map{width: 100%}
.ft_top .inner{flex-direction: column;}
.ft_info img{width: 100%;object-fit: center;height: 100%}
.ft_top_2{padding: 40px 0}
.ft_top_2 .logo_ft{max-width: 290px;margin: 0 auto}
address{padding: 30px;font-size: 14px}
address .itl{margin-right: 15px}
.ft_top_3{display: none}
/*   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{flex-direction: column;display:flex;justify-content:center;align-items:center;width:100%;height: 89px;position:fixed;left:0;z-index:3;bottom:-107px;transition: all 0.3s;}
.sp_contact .full_ct{width: 100%;background: #fff;text-align: center;line-height: 1.2em;border-top: 1px solid var(--gray4);}
.sp_contact .info_tel_sp{width: 100%;display: flex}
.sp_contact.show{bottom: 0;}
.sp_contact .item_contact{height:100%;}
.sp_contact .item_contact a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px;}
.sp_contact_mail{background-color: var(--mcolor);}
.sp_contact_line{background-color:#06C755}

.to_top_sp{width: 60px;}
.sp_contact_line,.sp_contact_mail{width: 20%;}
.sp_contact_tel{width: calc(100% - 30%);background: #fff;border-top: 1px solid var(--gray4);}
.sp_contact_tel .tel{padding-top: 4px;}
.sp_contact_tel .tel .txt-tel{margin-bottom: 0;}
.sp_contact_tel .tel .txt1{font-size: 14px;margin-bottom: 0;}
.sp_contact_tel .tel .txt1 .txt{padding: 1px 3px 0px 4px;}
.sp_contact_tel .tel .txt-tel a{font-size: 20px}
.sp_contact_tel .tel .txt-tel a .ic{padding-left: 18px;}
.sp_contact_tel .tel .txt-tel a .ic::before{top: 4px;width: 13px;}
.sp_contact .tt-contact{line-height: 1.3em;font-size: 14px;padding: 10px 0;}


/* to top */
.to_top{width: 80px;height:40px;right:10px;z-index: 2;bottom: 45px;display: none}
.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}


.group_ct a{width: 210px;height: 60px}
.group_ct .btn-contact a .info{padding-left: 35px}
.group_ct .btn-line .tt_line{padding-left: 40px;}

.group_ct .btn-line .tt_line::before{width: 27px;top: 10px;}

.group_ct .btn-contact,.group_ct .btn-line{margin: 0 auto;}



.ttl .en{padding: 15px 0 0 0;margin-bottom: 10px;}
.ttl .en::before{left: 0;right: 0;top: 0;margin: 0 auto;width: 14px;}
.ttl .ja{font-size: 25px}

.btn a{height: 60px;line-height: 1.3em;padding-left: 20px;padding-top: 4px;}
.btn a .ic{height: calc(100% + 4px);}
.btn a::after{right: 20px}

/*============ END 750 ============ */

}

@media screen and (max-width: 640px) {
.info_case .item{min-height: 260px}
.info_case .item .info .name{font-size: 16px;}
}

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

    .ft_bnn li{width: 100%;}
    .mv_bg,.main_slider .slide_item,.mv{height:300px}
    .info_case .item{min-height: 250px}
    .slick-case .slick-center.slick-current {opacity: 1;transition: 0.3s all ease}

    .content_sp .ct_1,.content_sp .group_ct{flex-direction: column;}
    .content_sp .tt-contact{text-align: center;margin: 0 0 25px 0;}
    .content_sp .tt-contact::before{left: 0;right: 0;margin: 0 auto;bottom: -15px;top: initial;transform: rotate(90deg);}
    .group_ct .btn-contact{margin: 0 auto 15px auto;}


    .sec02 .info_sec02 .tt1{font-size: 20px}
    .sec02 .info_sec02 .tt2, .sec02 .info_sec02 .tt3{font-size: 18px}
    .sec02 .info_sec02 .tt2 .txt{padding: 5px 10px}

    .sec03 .list-txt li .txt{padding: 13px 15px;}
    .sec03 .ct_bottom .inner{padding-bottom: 100px}
    .sec03 .ct_bottom .tt-name{font-size: 20px}
    .info_sec04 .item::before{height: calc(100% - 100px);top: 130px;}
    .info_sec04 .item .img{width: calc(100% - 15px);}
    .info_sec04 .item .info{max-width: 320px;width: calc(100% - 30px);padding: 40px 15px;}
    .info_sec04_3 .group_banner .item_brn .name{left: 30px}
    .info_sec04_3 .group_banner .item_brn{min-height: 290px}
    .info_sec04 .it3::after{width: calc(100% - 15px);}
    .list_item_index{padding: 0 30px 0 15px;}

    .sec06 .info_sec06::before{left: -160px;}
    .sec06 .info_sec06::after{right: -160px;}
    .sec06 .info_sec06 .ct_info .group_btn .btn a{width: 200px}
    .sec06 .info_sec06::before, .sec06 .info_sec06::after{top: 245px}
    .sec06 .info_sec06 .ct_info::before, .sec06 .info_sec06 .ct_info::after{width: 35px}
    .sec06 .info_sec06 .ct_info::before,.sec06 .info_sec06 .ct_info::after{left: 0;right: 0;margin: 0 auto}
    .sec06 .info_sec06 .ct_info::before{left: -50px}
    .sec06 .info_sec06 .ct_info::after{right: -50px}

    .sp_contact_tel{width: calc(100% - 37%);}
    .sp_contact{height: 107px}

    address{flex-direction: column;}
    address .itr{order:1;margin: 0 0 20px 0;}
    address .itl{text-align: center;order: 2}
    .logo_site{max-width: 230px;padding: 15px;}


    .info_sec07 .item_ovn .img_ovn {height: 50vw;}
    .info_sec07 .item_ovn {width: 100%;}
    .sec07 .btn a{width: 100%}
}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
    .group_btn_sp a{padding: 3px 5px 1px;}
    .mv_txt h2{font-size: 24px}
    .mv_txt .tt_mv{font-size: 15px}

    .sec02 .info_sec02 .tt1{font-size: 18px}
    .sec02 .info_sec02 .tt2, .sec02 .info_sec02 .tt3{font-size: 16px}
    .sec02 .info_sec02 .tt2 .txt{padding: 5px 8px}

    .info_case .item .info .name{font-size: 14px}

    .sec03 .list-txt li .txt{font-size: 3.7vw;padding: 10px}
    .sec03 .ct_bottom .tt-name{font-size: 17px}
    .sec03 .ct_bottom .inner::after{width: 190px}

    .list_item_index .it_1::before{width: 93px;top: -4px;}
    .list_item_index .it_3::before{width: 75px}
    .list_item_index .it_4::before{width: 80px}
    .info_sec04_2 .pick_up .tt-pick{font-size: 16px}
    .info_sec04_2 .pick_up .pick_l::before{width: calc(100% - 10px);}
    .info_sec04_3 .item_brn .list-tag .txt{font-size: 3.3vw}

    


    .sec06 .info_sec06 .ct_info .tt-name{font-size: 19px}



    .list_item_index .item_u .tt{font-size: 14px}
    .sec06 .info_sec06::before, .sec06 .info_sec06::after{top: 230px}


}
@media screen and (max-width: 320px) {
    #logo{max-width: 220px}
    #logo::before{top: -2px}

    .list_item_index .item_u .tt,.list_item_index .it_2 .tt1{font-size: 14px}
    .list_item_index .it_2 .tt2{font-size: 22px}
    .info_sec04_3 .group_banner .item_brn .name{bottom: 65px;}
    .sec06 .info_sec06{padding-bottom: 10px}
    .info_sec04 .item .tt-name{font-size: 18px}
    .info_sec04 .item .tt-sub-name .txt{font-size: 3.8vw}
    .list_item_index .it_1::before{width: 85px}

    .list_item_index .it_1::before{width: 75px;top: 2px}
    .list_item_index .it_3::before{width: 60px}
    .list_item_index .it_4::before{width: 70px}


}