.sp440{display:none}
.sp400 {display: none;}
.sp360 {display: none;}

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

header.show .h_box {
    padding-bottom: 10px;
}

header.show .h_box .h_left{
    padding-top: 10px;
}

header.show .h_box .h_right{
    padding-top: 10px;
}


/* nav */
.hamburger{display:none;}
.nav_list{display: none;}
.nav_list>li>a,
.nav_list>li>.sub_btn{display:flex;align-items:center;position:relative;font-weight: 500;padding:5px 20px;height:60px;}
.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;border-top:solid 1px #FFF;width:300px;top:100%;left:0}
.sub ul li a{font-size:16px;display:flex;width:100%;height:60px;align-items:center;letter-spacing:.001em;padding:5px 35px;margin:0 auto;border-bottom:solid 1px #FFF;color:#fff;background:var(--mcolor);}

.sec01 .sec_list_achor {transition: all .3s ease;}
.sec01 .sec_list_achor.active {position: fixed;top: 83px;left: 0;padding-top: 14px;padding-bottom: 14px;z-index: 50;}

.sec03_list  .h_contact_tel a::before {top: 5px;}

.sec04_list .item:not(:nth-child(3n + 3)){margin-right: 60px;}

.voice_list .item:not(:nth-child(2n+2)){margin-right: 40px;}


.modal_nav .item.slick-current {pointer-events: none;}

.voice_list .item {min-height: 367px;}

#fmail_form #fmail  th {padding: 23px 0 0 0;}

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

/* hover */
.ft_link ul li > a:hover,
.nav_list>li:hover>a{color:var(--scolor);text-decoration: none;}
.parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
.sub a:hover{background-color:var(--scolor);text-decoration: none;}

.to_top img:hover,
.btn a:hover,
.sec01 .sec_list_achor .hover_01:not(.active) a:hover,
.modal_for .slick-prev:hover, .modal_for .slick-next:hover,
.modal_nav .item.slick-current,
.list_faq dl dt:hover,
.hover_01:hover,
.hover_btn:hover a:hover
{opacity:.8}

}

@media screen and (min-width: 751px) and (max-width: 1890px) {
    .mv {height: 600px;}
    .mv .container {height: 100%;padding-bottom: 50px;align-items: flex-start;}
    .mv .container::before {left: -8px;width: 70%;height: 90%;}
    .mv .container::after {right: 240px;bottom: 4px;width: 182px;height: 116px;}

    .mv_txt {top: 122px;left: 20px;align-items: center;justify-content: center;}
    .mv_txt:before {left: 22px;bottom: calc(100% + 25px);width: 400px;height: 119px;}
    .mv_txt .ttl_mv {font-size: 38px; padding: 0 0 16px;margin: 0 0 16px;width: 100%;text-align: center;}
    .mv_txt .ttl_mv::before {width: 100%;height: 100%;}
    .mv_txt .txt_01 {font-size: 20px;padding: 0px 0 8px;text-align: center;margin-bottom: 10px;}
    .mv_txt .des {padding: 8px 6px 8px 0;font-size: 16px;margin: 0 0 30px;}
    .mv_txt .list_tag {margin-bottom: 40px;}
    .mv_txt .list_tag .item {font-size: 14px;padding: 5px 10px;}
    .mv_txt .mv_btn {padding-left: 0;}
    .mv_txt .mv_btn a {width: 400px;height: 70px;font-size: 22px;}
    .mv_txt .mv_btn a::before {top: 70px;right: calc(100% - 60px);width: 80px;height: 64px;}
    .mv_txt .mv_btn a span {padding-left: 70px;}
    .mv_txt .mv_btn a span::before {font-size: 15px;}

    .mv_bg {width: calc(100% - 640px);height: 100%;right: 0;max-height: 100%;}
    .mv_bg .slick-dotted.slick-slider {margin-bottom: 0;height: 100%;}
    .mv_bg .bg {display: flex;justify-content: center;align-items: center;height: 100%;}
    .mv_bg .bg img {width: 100%;height: 100%;object-fit: cover;max-height: 100%;}

    .sec01 .sec_list_achor {padding:24px 50px;width: calc(100% - 30px);justify-content: center;}
    .sec01 .sec_list_achor::before {right: 0;bottom: -69px;}
    .sec01 .sec_list_achor .item:not(:last-child) {margin-right: 25px;}
    .sec01 .sec_list_achor .item a {font-size: 16px;}
}

@media screen and (min-width: 751px) and (max-width: 1500px){
    .h_left {padding-top: 0;}
    .h_right {padding-top: 15px;}
    
    main {padding-top: 90px;}

    .mv_bg {height: auto;}

    /* sec01 */
    .sec01 .container::before {width: 280px;height: 512px;}

    .sec01_list .item.it01 .pic .has_ic::before {left: -20px;width: 260px;height: 124px;}
    .sec01_list .item.it01 .pic .has_ic::after {left: 214px;}
    .sec01_list .item.it02 .pic .has_ic::before {right: -20px;width: 200px;height: 111px;}
    .sec01_list .item.it02 .pic .has_ic::after {right: -50px;bottom: 80px;width: 116px;height: 66px;}
    .sec01_list .item.it03 .pic .has_ic::before {left: 0;width: 200px;height: 158px;}
    .sec01_list .item.it03 .pic .has_ic::after {left: -13px;bottom: 76px;width: 60px;height: 50px;}

    /* sec03 */
    .sec03 .inner::before {left: calc(100% - 200px);width: 180px;height: 284px;}
    .sec03 .inner::after {right: calc(100% - 90px);bottom: -124px;width: 86px;height: 130px;}

    .sec03_list.is01::before {top: 225px;right: 100%;width: 240px;height: 82px;}
    .sec03_list.is01::after {left: 100%;width: 114px;height: 126px;}
    .sec03_list.is02::before {right: calc(100% + 12px);width: 116px;height: 96px;}
    .sec03_list.is02::after {left: calc(100% - 80px);width: 198px;height: 126px;}

    /* sec04 */
    .sec04 .inner::before {top: -20px;right: calc(100% - 190px);width: 100px;height: 132px;}
    .sec04 .inner::after {left: calc(100% - 120px);width: 200px;height: 178px;}

    .sec04_list {justify-content: center;}
    .sec04_list::before {width: calc(100% + 30px);left: -15px;}
    .sec04_list .item:not(:nth-child(3n + 3)) {margin-right: 30px;}
    .sec04_list.is01::after {right: calc(100% - 44px);bottom: 0;width: 60px;height: 74px;}
    .sec04_list.is02::after {top: -128px;left: calc(100% - 114px);width: 100px;height: 95px;}

    /* sec05 */
    .sec05 .inner::before {right: calc(100% - 248px);width: 282px;height: 54px;}
    .sec05 .inner::after {left: calc(100% - 155px);width: 148px;height: 96px;}

    .sec05 .voice_list {padding: 0 30px;}
    .sec05 .voice_list::before {right: calc(100% - 70px);top: calc(50% - 174px);width: 102px;height: 206px;}
    .sec05 .voice_list::after {left: calc(100% - 70px);top: calc(50% - 90px);width: 102px;height: 180px;}

    .sec02.is02 .container::after {top: -64px;right: 44px;width: 140px;height: 120px;}

    /* sec06 */
    .sec06 .inner::before {width: 200px;height: 169px;}
    .sec06 .inner::after {left: calc(100% - 370px);width: 180px;height: 112px;}

    .sec06 .list_faq::before {right: calc(100% + 35px);width: 78px;height: 120px;}
    .sec06 .list_faq::after {left: calc(100% + 25px);width: 104px;height: 118px;}

    /* sec07 */
    .sec07 .inner {width: var(--site_size);}
    .sec07 .inner::before {top: -100px;right: calc(100% - 102px);width: 98px;height: 154px;}

    .sec07 .wrap_list {margin: 0;}
    .sec07_list.is01 {margin: 0 50px 0 0;}
    .sec07 .box_area {padding-left: 0;}

    /* sec08 */
    .sec08 .inner::before {width: 112px;height: 202px;}
    .sec07 .inner::after {top: -170px;left: calc(100% - 110px);width: 150px;height: 236px;}

    .modal .modal_bl .content {padding: 20px 64px;}
    .modal_for .item .pic {height: 300px;}

    .modal_nav .item {height: 128px !important;}

    footer .inner::before {top: -72px;left: calc(100% - 278px);width:138px;height: 96px;}

}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    img{max-width:100%; height: auto;}
    .swap{width:auto;}
    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important}
    .pc{display:none!important}

    .inner {padding: 0 30px;}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    button,
    textarea,
    select,
    p,
    blockquote,
    th,
    td,
    pre,
    address,
    li,
    dt,
    dd {
    font-size: 140%;
    }

    p,
    dd,
    dt,
    li,
    th,
    td,
    address {
      letter-spacing: 0.09em;
    }

    /* NAV */
    nav{display:block;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);overflow-y:auto;overflow-x: hidden;padding-bottom:200px;z-index:100;display:none;background: var(--mcolor);}
    
    
    header.nav_show .h_box::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--mcolor);z-index: 2;transition: all .3s ease;}
    header.nav_show .h_box::after {content: "";position: absolute;left: 0;top: -54px;width: 107px;height: 167px;background: url(../images/sec07_ic2.png) center /cover no-repeat;z-index: 999;}

    nav .inner{padding:22px 30px 0;}
    nav .inner::before{content: "";position: absolute;left: 23px;top: 100px;width: 57px;height: 77px;background: url(../images/nav_img1.png) center / cover no-repeat;z-index: 2;}
    nav .inner::after {content: "";position: absolute;right: 16px;top: 60px;width: 68px;height: 109px;background: url(../images/sec03_ic1.png) center / cover no-repeat;z-index: 2;}

    nav .sec_list_achor {padding: 0;flex-direction: column;margin: 0;align-items: center;}
    nav .sec_list_achor::before {background-image: url(../images/nav_img2.png);width: 119px;height: 211px;right: inherit;left: -40px;bottom: 40px;}
    nav .sec_list_achor::after {content: "";background: url(../images/nav_img3.png) center / cover no-repeat;width: 119px;height: 211px;position: absolute;;right: -50px;bottom: 120px;}
    
    nav .sec_list_achor .item:not(:last-child) {margin:0 0 20px;}
    nav .sec_list_achor .item a {padding: 14px 18px 14px 0;}
    nav .nav_contact {background-color: var(--wh);width: 100%;border-radius: 20px;padding: 38px 0 24px;position: relative;max-width: 440px;margin: 58px auto 0;}
    nav .nav_contact::before {content: "";position: absolute;right: 0;top: -34px;width: 101px;height: 65px;background: url(../images/sec01_ic1.png) center / cover no-repeat;}
    nav .nav_contact::after {content: "";position: absolute;left: -20px;bottom: -90px;width: 128px;height: 101px;background: url(../images/sec01_img3_1.png) center / cover no-repeat;}
    nav .nav_contact .h_contact {position: relative;}
    nav .nav_contact .h_contact::before {content: "" ;position: absolute;right: -20px;bottom: -60px;width: 46px;height: 49px;background: url(../images/nav_img4.png) center / cover no-repeat;}

    .hamburger{position:absolute;right:0%;top: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;padding: 16px 0 0 13px;width: 50px;height: 50px;background-color:var(--mcolor);border-radius: 0 0 0 10px;}
    .hamburger.is_active{background-color: var(--green_light);}

    .hamburger-box {width: 26px;height: 20px;}
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {width: 100%;height: 1px;background-color: var(--wh);}

    /*=====================================================
                          C U S T O M
    ======================================================*/
    .ttl {flex-direction: column;padding-left: 0;}
    .ttl .en {font-size: 32px;padding: 0;}
    .ttl .ja {font-size: 20px;}
    .ttl_ic img {width: 26px;}
    /*============ HEADER ============*/
    .h_box{height:60px}
    .h_inner{padding: 0 55px 0 10px;}

    .h_left {padding-top: 10px;}
    .h_left .txt_logo {font-size: 9px;letter-spacing: 0.05em;margin-left:  15px;}

    #logo img {height: 30px;}

    .h_contact {flex-direction: column;max-width: 275px; margin: 0 auto;}

    .h_contact_tel {margin:0 0 16px !important;background-color: var(--mcolor);border-radius: 14px;text-align: center;color: var(--wh);width: 100%;}
    .h_contact_tel a {color: var(--wh);width: 100%;margin: 0 auto;padding: 9px 0;}
    .h_contact_tel a::before {background-image: url(../images/ic_phone_wh.png);top: 14px;left: 20px;}
    .h_contact_tel .time,.h_contact_tel .cl_green {color: var(--wh);margin: 0; text-align: center;margin-top: -2px;}

    .h_contact_mail a {height: 56px;}

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

    /* MAIN VISUAL */
    .mv .container {display: block;padding: 40px 0 29px 0;}
    .mv .container::before {width: calc(100% - 20px);height: calc(100% - 40px);left: 0;border-radius: 0 20px 20px 0;}
    .mv .container::after {display: none;}

    .mv_txt {position: unset;margin-top: 42px;}
    .mv_txt:before {width: 226px;height: 67px;bottom: calc(100% - 70px);left: 20px;}
    .mv_txt.is02 {margin-top: 24px;}
    .mv_txt.is02::before {display: none;}
    .mv_txt h2{font-size: 25px;}
    .mv_txt h2 .f_big{font-size: 28px;padding-right: 10px;}
    .mv_txt h2 .f_big::before {width: calc(100% - 18px);top: 2px;height: 100%;}
    .mv_txt .ttl_mv {font-size: 24px;margin: 0 0 22px 5px;text-align: center;}
    .mv_txt .ttl_mv::before{display: none;}
    .mv_txt .txt_01 {font-size: 16px;line-height: 1.2em;padding: 0;margin-bottom: 16px;}
    .mv_txt .des {margin: 0 20px 24px 20px;text-align: left;font-size: 16px;width: auto;padding: 0;border-radius: 0;}
    .mv_txt .list_tag {margin-bottom: 15px;flex-wrap: wrap;justify-content: center;padding: 0 20px;}
    .mv_txt .list_tag .item {font-size: 12px;line-height: 2;padding: 2px 10px;border-radius: 6px;margin-bottom: 8px;}
    .mv_txt .list_tag .item:last-child::before {font-size: 12px;}
    .mv_txt .mv_btn {padding-left: 0;}
    .mv_txt .mv_btn a {width: 290px;height: 49px;border-radius: 12px;font-size: 18px;margin: 0 auto;}
    .mv_txt .mv_btn a::before {display: none;}
    .mv_txt .mv_btn a span {padding-left: 51px;}
    .mv_txt .mv_btn a span::before {font-size: 12px;padding: 5px 8px;border-radius: 4px;}
    .mv_txt .mv_btn a span::after {width: 8px;height: 13px;top: calc(50% - 6px);}

    .mv_bg {margin-left: 20px; right: 0;border-radius: 0;}
    .mv_bg,.main_slider .slide_item{width: 100%;height: auto;}
    .mv_bg .slick-slider {margin-bottom: 0;}
    .mv_bg .bg img{border-radius: 20px 0 0 20px;}

    .mv .slick-dots {bottom: 15px;}
    .mv .slick-dots li {width: 48px;height: 3px;margin: 0 3px ;}

    /* sec01 */
    .sec01 {padding: 56px 0 50px;}

    .sec01 .container::before {top: -56px;left: -28px;width: 194px;height: 355px;}

    .sec01_box {margin: 0 0 48px;}
    .sec01_box::after {width: 81px;height: 59px;right: -10px;top: -30px;background-image: url(../images/sec01_ic3_sp.png);}
    .sec01_box::before {display: none;}
    .sec01_box .ttl_ic img {width: 20px;}
    .sec01_box .sub_ttl {font-size: 18px;padding: 0;margin-bottom: 32px;}
    .sec01_box .des {padding: 0;text-align: left;}

    .sec01_list {max-width: 500px;margin: 0 auto}
    .sec01_list .item,.sec01_list .item.it_right{flex-direction: column;margin-bottom: 64px;}
    .sec01_list .item .pic {padding-right: 6px;}
    .sec01_list .item .pic::before,.sec01_list .item.it_right .pic::before {background-image: repeating-linear-gradient(0deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px), repeating-linear-gradient(90deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px), repeating-linear-gradient(180deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px), repeating-linear-gradient(270deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px);background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;background-position: 0 0, 0 0, 100% 0, 0 100%;background-repeat: no-repeat; border-radius: 10px;top: 6px;left: 6px;width: calc(100% - 6px);height: 100%;}
    .sec01_list .item .pic img {border-radius: 10px;}
    .sec01_list .item .content,.sec01_list .item.it_right .content,.sec01_list .item.it03 .content {margin: 0;padding-top: 31px;}
    .sec01_list .item .content .badge {font-size: 16px;padding: 6px 14px;border-radius: 6px;margin-bottom: 16px;}
    .sec01_list .item .content .txt {font-size: 20px;margin-bottom: 16px;}
    .sec01_list .item .content .des {font-size: 14px;letter-spacing: 0.09em;}
    .sec01_list .item .content .des:not(:last-child) {margin-bottom: 16px;}

    .sec01_list .item.it01 .pic .has_ic::before {left: calc(100% - 100px);bottom: calc(100% - 38px);width: 129px;height: 61px;}
    .sec01_list .item.it01 .pic .has_ic::after {width: 37px;height: 25px;left: -20px;bottom: 20px;}

    .sec01_list .item.it02 .pic .has_ic::before {right: -20px;bottom: -29px;width: 115px;height: 64px;}
    .sec01_list .item.it02 .pic .has_ic::after {right: calc(100% - 34px);bottom: calc(100% - 40px);width: 57px;height: 32px;}

    .sec01_list .item.it03 .pic .has_ic::before {left: -20px;bottom:-15px;width: 103px;height: 82px;}
    .sec01_list .item.it03 .pic .has_ic::after {left: calc(100% + 2px);bottom: calc(100% - 13px);width: 25px;height: 30px;background-image: url(../images/sec01_img3_2_sp.png);}

    /* sec02 */
    .sec02 .container {padding: 29px 0;}
    .sec02 .container::before {background-image: url(../images/sec02_img1_sp.jpg);}
    .sec02 .ttl_yl {font-size: 24px;text-align: center;line-height: 1.45em;}
    .sec02 .sub_ttl {font-size: 16px;text-align: center;margin-top: 12px;padding-bottom: 30px;}
    .sec02 .sub_ttl::before {background-image: url(../images/sec02_img2_sp.png);width: 380px;height: 73px;left: -36px;bottom: 5px;}
    .sec02 .box_contact {flex-direction: column;max-width: 316px;}
    .sec02 .box_contact_tel {margin: 0 0 20px 0;background: var(--mcolor);border: 3px solid var(--wh);border-radius: 8px;width: 100%;padding: 12px 13px;text-align: center;}
    .sec02 .box_contact_tel a {font-size: 32px;text-align: center;padding-left: 20px;margin-bottom: 0;}
    .sec02 .box_contact_tel a::before {width: 20px;height: 23px;top: 5px;left: -3px;}
    .sec02 .box_contact_tel .time {font-size: 14px;margin: 0;}
    .sec02 .box_contact_mail a {border-radius: 8px;width: 316px;height: 84px;border-width: 3px;font-size: 20px;}
    .sec02 .box_contact_mail a::before {width: 7px;height: 12px;top: calc(50% - 6px);}
    .sec02 .box_contact_mail a .wrap_t {padding-left: 50px;}
    .sec02 .box_contact_mail a .wrap_t::before {width: 38px;height: 28px;top: calc(50% - 14px);}
    .sec02 .box_contact_mail a .wrap_t .has_ic {padding-left: 50px;}
    .sec02 .box_contact_mail a .wrap_t .has_ic::before {font-size: 14px;padding: 1px 6px 3px;}

    /* sec03 */
    .sec03 {padding: 64px 0 66px;}

    .sec03 .inner::before {top: -80px;left: calc(100% - 90px);width: 79px;height: 126px;}
    .sec03 .inner::after {bottom: -114px;right: calc(100% - 88px);width: 56px;height: 85px;}
    .sec03 .ttl_ic img {width: 42px;}
    .sec03 .sub_ttl {font-size: 16px;width: calc(100% + 20px);margin: 40px -10px;}

    .sec03_list.is01::before {top: -120px;right: calc(100% - 34px);width: 100px;height: 34px;}
    .sec03_list.is01 {margin-top: 40px;}
    .sec03_list .item {padding-bottom: 84px;}
    .sec03_list .item:not(:last-child)::before {left: calc(50% - 39px);}
    .sec03_list .item .content {display: flex;flex-wrap: wrap;justify-content: space-between;align-items:flex-start;max-width: 440px;margin: 0 auto;padding: 0 !important;}
    .sec03_list .item .txt {flex-direction: column;font-size: 18px;align-items: flex-start;margin: 0 0 17px;align-self: center;}
    .sec03_list .item .txt .en {font-size: 24px;margin: 0 0 8px;}
    .sec03_list .item .pic {width: 50%;position: relative;margin-bottom: 17px;}
    .sec03_list .item .txt .badge {font-size: 14px; margin: 8px 0 0;padding: 5px 7px;}
    .sec03_list .item .des:not(:last-child) {margin-bottom: 25px;}

    .sec03_list .item .pic::before {background-image: repeating-linear-gradient(0deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px), repeating-linear-gradient(90deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px), repeating-linear-gradient(180deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px), repeating-linear-gradient(270deg, #3c622b, #3c622b 3px, transparent 3px, transparent 7px, #3c622b 7px);background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;background-position: 0 0, 0 0, 100% 0, 0 100%;background-repeat: no-repeat;content: "";position: absolute;border-radius: 6px;top: 3px;left: 3px;width: 100%;height: 100%;}
    .sec03_list .item .pic img {border-radius: 6px;}

    /* sec04 */
    .sec04 {padding: 64px 0 16px;}
    .sec04 .inner::before {display: none;}
    .sec04 .inner::after {top: -40px;left: calc(100% - 91px);width: 140px;height: 125px;}

    .sec04 .sub_ttl {margin-bottom: 32px;letter-spacing: 0;}
    .sec04 .ttl_line {margin-bottom: 24px;font-size: 18px;padding-left: 14px;}
    .sec04 .ttl_line::before {width: 4px;}


    .sec04_list {width: calc(100% + 20px);margin: 0 -10px;}
    .sec04_list .item {padding: 12px 19px 20px;margin:0 10px 48px;height: inherit;}
    .sec04_list .item .txt {font-size: 16px;margin-bottom: 11px;}
    .sec04_list .item .pic {margin-bottom: 13px;}
    .sec04_list .item .pic img {border-radius: 6px;margin: 0 auto;}
    .sec04_list .item .des {margin-bottom: 10px;}
    .sec04_list .item .content {padding-top: 12px;}
    .sec04_list .item .btn_it a {font-size: 14px;height: 41px;}
    .sec04_list .item .btn_it a span::before {width: 6px;height: 10px;}
    .sec04_list .item .list_dot {margin-bottom: 22px;}
    .sec04_list .list_dot li:not(:last-child) {margin-bottom: 7px;}


    .sec04_list .slick-track {display: flex}
    .sec04_list .slick-prev,.sec04_list .slick-next{width: 40px;height: 40px;border-radius: 50%;background: var(--mcolor);border: 1px solid var(--wh);z-index: 2;top: calc(50% - 18px);}
    .sec04_list .slick-prev {left: -14px;}
    .sec04_list .slick-next {right: -14px;}
    .sec04_list .slick-prev::before,.sec04_list .slick-next::before{content: "";position: absolute;top: calc(50% - 6px);opacity: 1;-webkit-font-smoothing: none;-moz-osx-font-smoothing: none;width: 9px;height: 14px;}
    .sec04_list .slick-prev::before {right: calc(50% - 2px);background: url(../images/sec04_prev_wh.png) center / cover no-repeat;}
    .sec04_list .slick-next::before{right: calc(50% - 5px);background: url(../images/sec04_next_wh.png) center / cover no-repeat;}


    /* .mv_bg{height: 265px;}
    .sec04_list {height: 527px;} */

    /* sec05 */
    .sec05 {padding: 64px 0 48px;}
    .sec05 .inner::before {top: -77px;right: calc(100% - 188px);width: 168px;height: 32px;}
    .sec05 .inner::after {top: -50px;left: calc(100% - 130px);width: 105px;height: 68px;}
    .sec05 .voice_list::before {background-image: url(../images/sec05_ic3_sp.png);width: 109px;height: 180px;right: calc(100% - 80px);top: -115px;}
    .sec05 .voice_list::after {background-image: url(../images/sec05_ic4_sp.png);width: 49px;height: 50px;top: calc(100% - 8px);left: -10px;}

    .voice_list {margin-top: 40px;flex-direction: column;}
    .voice_list .item {width: 100%;margin-bottom: 16px;border-radius: 10px;padding: 17px;border-width: 2px;}
    .voice_list .item .content {margin-bottom: 12px;}
    .voice_list .item .content .pic {width: 50px;margin-right: 12px;}
    .voice_list .item .content .txt {font-size: 16px;}
    .voice_list .item .content .list_star .pic_star {width: 16px;}
    .voice_list .item .more_content {max-height: 51px;margin-bottom: 8px;}
    .voice_list .item .btn_link a {font-size: 12px;}
    .voice_list .item .btn_link a::before {top: calc(50% - 1px);width: 10px;height: 6px;}

    /* sec06 */
    .sec02.is02 .container::after {top: -34px;right: 50px;width: 67px;height: 58px;}

    .sec06 {padding: 64px 0;}
    .sec06 .inner {padding: 0 20px;}
    .sec06 .inner::before {top: -83px;right: calc(100% - 123px);width: 112px;height: 95px;}
    .sec06 .inner::after {bottom: -100px;left: 50px;width: 102px;height: 65px;}
    .sec06 .list_faq {margin-top: 40px;}
    .sec06 .list_faq::before {display: none;}
    .sec06 .list_faq::after {top: -160px;left: calc(100% - 75px);width: 69px;height: 78px;}
    .list_faq dl {border-radius: 10px;}
    .list_faq dl:not(:last-child) {margin-bottom: 16px;}
    .list_faq dl dt {font-size: 16px;padding: 16px 22px 16px 0;transition: all .3s ease;}
    .list_faq dl dt.active {padding-bottom: 10px;}
    .list_faq dl dd {padding: 12px 0;}


    /* sec07 */
    .sec07 {padding: 64px 0;}
    .sec07 .inner::before {display: none;}
    .sec07 .inner::after {top: -70px;left: calc(100% - 84px);width: 122px;height: 192px;}
    .sec07 .wrap_list {flex-direction: column;margin: 0;}
    .sec07_list {width: 100%;margin: 0 !important;}
    .sec07_list dl {margin-bottom: 0;padding: 12px 0 !important;}
    .sec07_list dl dt {min-width: 100px;margin-right: 16px;position: relative;}

    .tab_acodin dl.has_tab {flex-direction: column;margin-bottom: 0;padding: 0 !important;}
    .tab_acodin dl.has_tab dt {position: relative;width: 100%;margin: 0 !important;padding: 12px 0 !important;}
    .tab_acodin dl.has_tab dt::before {content: " ";position: absolute;right: 0;top: calc(50% - 1px);width: 11px;height: 1px;background: #333333;}
    .tab_acodin dl.has_tab dt::after {content: " ";position: absolute;right: 0px;top: calc(50% - 1px);width: 11px;height: 1px;background: #333333;transform: rotate(90deg);transition: all .3s ease;}
    .tab_acodin dl.has_tab dt.active::after {transform: rotate(0);}
    .tab_acodin dl.has_tab dd {padding: 8px 12px;background: var(--gray);margin-bottom: 12px;}

    .sec07 .box_area {margin-top: 48px;padding: 0;flex-direction: column;}
    .sec07 .box_area .pic {margin-bottom:  24px;}
    .sec07 .box_map {width: 100%;height: 290px;margin: 0;}

    /* sec08 */
    .sec08 {padding: 64px 0;}
    .sec08 .inner::before {top: -92px;right: calc(100% - 95px);width: 82px;height: 147px;}
    .sec08 .ttl_ic img {width: 27px;}
    .mail_form_link {margin-top: 8px;margin-bottom: 16px;}
 
    #fmail_form table.mailform {margin-bottom: 0;}
    #fmail_form table.mailform tr:last-child {margin-bottom: 16px;}
    #fmail_form table.mailform ol.fmail_radio_list li:not(:last-child) {margin: 0;}
    #fmail_form table.mailform label.fmail_label_enabled, #fmail_form table.mailform label.fmail_label_disabled {font-size: 14px;min-width: auto;}
    #fmail_form table.mailform ol.fmail_radio_list li:not(:last-child) label.fmail_label_enabled, #fmail_form table.mailform ol.fmail_radio_list li:not(:last-child) label.fmail_label_disabled {margin-right: 16px;}
    #fmail_form table.mailform  tr {display: flex;flex-direction: column;margin-bottom: 24px;}
    #fmail_form table.mailform  th {width: 100%;padding: 0;margin-bottom: 11px;}
    #fmail_form table.mailform  td {padding: 0;}
    #fmail_form table.mailform  label,#fmail_form table.mailform input.fmail:not([type="radio"])  {font-size: 14px;}
    #fmail_form table.mailform  div.fmail_must {float: none;font-size: 14px;top: 4px;margin-left: 16px;}
    #fmail_form table.mailform th#h_en1245939490 br{display: none;}

    #fmail_form .submit_confirm_button {background-image: url(../images/btn_contact-sp.png);width: 312px;height: 72px;}
    div#fmail_thankspage p {font-size: 14px;}

   
    /* modal */
    .modal {padding: 70px 0;}
    .modal .modal_bl {width: 100%;}
    .modal .modal_bl .btn_close {top: -20px;right: 10px;}
    .modal .modal_bl .content {width: 100%;padding: 32px 30px;border-radius: 0;}
    .modal .modal_bl .des {margin-top: 16px;}

    .modal_for,.modal_nav {width: 100%;}
    .modal_for .slick-prev, .modal_for .slick-next {z-index: 2;top: 27vw;width: 11px;height: 19px;}
    .modal_for .slick-prev {left: -22px;}
    .modal_for .slick-next {right: -22px;}
    .modal_for .item .pic {height: auto;margin-bottom: 0;}
    .modal_for .item .pic img {border-radius: 20px;height: 50vw;}

    .modal_nav .slick-track {display: flex;align-items: center;}
    .modal_nav .item {width: calc(100% /4 - 3px) !important;height: auto !important;}
    .modal_nav .item:not(:last-child) {margin-right: 4px;}
    .modal_nav .item img {border-radius: 4px;height: 15vw;}


    /*============ FOOTER ============*/
    footer{margin-bottom: 76px;}
    footer .inner::before {top: -30px;left: calc(100% - 140px);width: 75px;height: 52px;}

    address a {font-size: 12px;}



    /* sp contact */
    .sp_contact{display:flex;justify-content:center;align-items:center;width:100%;height:76px;position:fixed;left:0;z-index:99; bottom:-80px;transition: all 0.3s;background-color: var(--wh);padding: 15px 10px;box-shadow: 0 0 6px rgba(0,0,0,0.2);}
    .sp_contact.show{bottom: 0;}
    .sp_contact li{width:50%;height:100%;}
    .sp_contact li a {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: center;padding: 5px 0 8px;border-radius: 8px;height: 48px;}

    .sp_contact_tel a {background-color: var(--mcolor);margin-right: 10px;}
    .sp_contact_tel a .en{font-size: 20px;font-weight: bold;color: var(--wh);padding-left: 15px;position: relative;}
    .sp_contact_tel a .en::before {content: "";position: absolute;left: 0;top: 5px;width: 11px;height: 13px;background: url(../images/ic_phone_wh.png) center / cover no-repeat;}
    .sp_contact_tel a .time {font-size: 10px;color: var(--wh);letter-spacing: 0;line-height: 1em;font-weight: 500;}
    .sp_contact_tel a .time .sub_time {margin-left: 8px;}

    .sp_contact_mail a {background-color: var(--scolor);}
    .sp_contact_mail a span {color: var(--wh);font-size: 12px;font-weight: bold;letter-spacing: 0;padding-left: 40px;padding-right: 8px;position: relative;}
    .sp_contact_mail a span::before {content: "無料";position: absolute;left: 0;top: 5px;font-size: 10px;letter-spacing: 0;line-height: 1.8em;font-weight: bold;color: var(--scolor);background-color: var(--wh);border-radius: 4px;padding: 0 6px;}
    .sp_contact_mail a span::after {content: "";position: absolute;top: 9px;right: 0;width: 5px;height: 8px;background: url(../images/ic-right.png) center /cover no-repeat;}

    /* to top */
    .to_top{width:40px;height:40px;right:10px;bottom: 65px;}
    .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:460px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .pc440{display: none !important}
    
    .ft_bnn li{width: 100%;}

}

/* screen-max: 380px */
@media screen and (max-width: 400px) {
    .sp400 {display: block !important;}

    .h_left .txt_logo {letter-spacing: -0.025em;margin-left: 10px;font-size: 8px;}

    .sec01 .container::before {width: 150px;height: 274px;}
    .sec01_list .item .content .txt {font-size: 19px;letter-spacing: 0;}

    .sec02 .sub_ttl::before {width: 350px;height: 67px;left: -25px;}

    .sp_contact_tel a .en {font-size: 18px;}
    .sp_contact_tel a .time {font-size: 9px;}

    .sp_contact_mail a span {font-size: 12px;padding-left: 35px;}
    .sp_contact_mail a span::before {font-size: 10px;padding: 0 5px;}

    .sec07_list dl dt {min-width: 90px;}

    #fmail_form table.mailform ol.fmail_radio_list li:not(:last-child) label.fmail_label_enabled, #fmail_form table.mailform ol.fmail_radio_list li:not(:last-child) label.fmail_label_disabled {margin-right: 10px;}

}

@media screen and (max-width: 360px) {
    .sp360 {display: block !important;}

    .inner {padding: 0 15px;}

    .h_left .txt_logo {font-size: 7px;}

    .mv_txt .ttl_mv {margin-left: 0;font-size: 20px;}
    .mv_txt h2 .f_big {font-size: 24px;}

    .mv_txt .des {margin-left: 15px;margin-right: 15px;}

    .sec02 .ttl_yl::before {width: 30px;height: 31px;top: 10px;right: 100%;}
    .sec02 .ttl_yl::after {width: 30px;height: 31px;top: 10px;left: 100%;}
    .sec02 .sub_ttl {letter-spacing: 0;}
    .sec02 .sub_ttl::before {left: -14px;width: 300px;height: 57px;}
    .sec02 .box_contact {max-width: 295px;}
    .sec02 .box_contact_tel a {font-size: 28px;}
    .sec02 .box_contact_mail a {width: 295px;padding-right: 12px;}
    .sec02 .box_contact_mail a::before {padding-right: 12px;}

    .sec04_list .slick-prev, .sec04_list .slick-next {width: 30px;height:30px}
    .sec04_list .slick-prev {left: -3px;}
    .sec04_list .slick-next {right: -3px;}

    #fmail_form table.mailform th {letter-spacing: 0;}
    #fmail_form table.mailform label.fmail_label_enabled, #fmail_form table.mailform label.fmail_label_disabled {padding: 7px 10px 7px 7px;}

    .btn_input a {width: 295px;}

    #fmail_form .submit_confirm_button {background-image: url(../images/btn_contact-sp360.png);width: 286px;height: 66px;}

    footer {margin-bottom: 140px;}

    .sp_contact {flex-direction: column;height: 140px;bottom: -145px;}
    .sp_contact li {width: 100%;}
    .sp_contact_tel a{margin: 0 0 10px;}

    .to_top {bottom: 125px;}
}