.sp440{display:none}

@media screen and (min-width: 751px) {
    .sp{display:none !important}
    /* NAV */
    .h_box{min-width: calc(var(--container) + 30px);}
    .hamburger{display:none;}
    .nav_list{display: flex;justify-content: flex-end;align-items: center;}
    .nav_list>li>a{font-weight: bold;text-align:center;padding: 0 1.52vw;display: block;position: relative;font-size: clamp(12px,0.9375vw,1.8rem);line-height: 1.42;}
    .nav_list>li:not(:last-child)>a::after{content:"";position:absolute;width:1px; height: 5rem; background-color: var(--mcolor);top:calc(50% - 2.5rem);right:0; transition: all 0.3s;}
    .nav_list>li>a .sys_l,.nav_list>li>a .sys_r{display: inline-block;}
    .nav_list>li>a .sys_l{margin-left: -0.8rem;}
    .nav_list>li>a .sys_r{margin-right: -0.8rem;}
    /* CUSTOM */
    .find_a,.find_out{cursor: pointer;}
    /* HOVER */
    .nav_list>li:hover>a,.ft_links li a:hover{color:var(--mcolor);text-decoration: none;}
    .to_top img:hover{opacity: 0.8;}
    .btn a:not([target="_blank"]):hover,.btn a.hv,.h_contact_mail a:hover{background-color: #8f4a00;}
    .sec03_list .item:hover{opacity: 0.8;}
    .sec04_list li a:hover{box-shadow: 4px 0 20px rgba(255,132,0,0.4);}
}


@media screen and (min-width: 1900px){
    .sec02,.sec05{background-size: 1920px;}
    .sec03_pick li:nth-of-type(1) img{max-width: 152rem;}
    .sec03_pick li:nth-of-type(2) img{max-width: 68rem;}
}
@media screen and (min-width: 1921px){
    .nav_list>li>a{padding: 0 2.8rem;}
    .mv_tt2::after{width: 96rem;height: 12.8rem;left: calc(50% - 56rem);}
    .to_top{right: calc(50% - 940px);}
}
@media screen and (min-width: 751px) and (max-width: 1560px){
    .mv_bnr{right: 12%;}
    .ft_box .inner{width: 140rem;}
    .sec02_list .tt + p,.sec05_item .des,.sec04_card .card .des{font-size: 15px;}
    .sec01_box .box_l::before{left: -13vw;transform: scale(0.7);}
    .sec03_list .item .fr{padding-left: 3rem;}
    .sec04_list li a{width: 22rem;}
    .sec04_list .txt{font-size: 2rem;}
    .sec04_list .txt.sm{font-size: 1.8rem;}
    .sec04_list_2col li a{width: 28rem;}
    .sec04_card:nth-of-type(odd) .card{padding-right: 2.5rem;}
    .sec04_card:nth-of-type(even) .card{padding-left: 3rem;}
    .sec05{margin-top: -6rem;padding-top: 4rem;}
    .sec03_list .item{margin: 0 3rem;}
    .secbnn_box{max-width: 96%;}
    .sec04_card .card .pick{max-width: 25%;}
    .secbnn_head::after{right: -7.1rem;}
    .mv_box::before{top: -2rem;}
    .mv{min-height: 57rem;height: calc(100vh - 20rem);max-height: 63rem;}
    .mv_tt1{margin-bottom: -2rem;}
    .mv_pick{max-width: 56%;gap: 4rem;}
    .mv_pick li:nth-child(2){margin-top: 7rem;}
    .sec01{background-position: center bottom -14rem;}
    .mv_tt2::after{bottom: -0.8rem;}
    .sec02::after{width: 100%;left: 0;}
    .secbnn_cta::after{left: 87%;}
    .sec01_pick_box{right: -17rem;}
}
@media screen and (min-width: 751px) and (max-width:1360px){
    .mv_box::before{top: 0;}

}
@media screen and (min-width: 751px) and (max-width:1260px){
    .sec01_box .box_l::before{left: -17rem}
    .mv_box::before{width: 102rem;height: 40rem;top: -1rem;}
    .mv_tt1{margin-bottom: -3rem;}
    .mv_tt2::after{width: 61rem;height: 9rem;bottom: 0;left: 19rem;}
    .secbnn_cta::after{left: 92%;}
    .secbnn_head .box .tt img{width: 68rem;}
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    html{font-size: 62.5%;}
    img{max-width:100%; height: auto;}
    #wrapper,header,main,footer,.inner{width:100%!important;min-width:unset!important}
    .pc{display:none!important}
    body.is_nav{overflow: hidden;}
    body.mac nav{padding-bottom: 16rem;}
    /* NAV */
    nav{display:block;position:fixed;top:7rem;left:0;width:100%;height:calc(100vh - 7rem);overflow:auto;z-index:100;display:none;background: #FFF;padding-bottom: 8rem;}
    nav .inner{padding: 0;}
    .nav_list{margin-bottom: 3rem;}
    .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 .hook, .nav_list a{display:block;padding:1.3rem 1.5rem 1.2rem 5rem;color:#fff;font-size:1.6rem;font-weight:600;border-bottom:solid 1px #fff;background-color: var(--mcolor);position: relative;}
    .nav_list a::before{content: '';position: absolute;width: 2.3rem;height: 1.4rem;background: url('../images/nav_arrow_wh.png') no-repeat center /contain;left: 1.5rem;top: calc(50% - 0.7rem);}
    .nav_list .hook{position:relative;padding-left:1.5rem}
    .nav_list .hook::before,
    .nav_list .hook::after{content:"";position:absolute;width: 1.6rem; height:2px; background-color: #FFF;top:calc(50% - 1px);right:1rem; transition: all 0.3s;}
    .nav_list .hook::after{transform: rotate(-90deg);}
    .nav_list .hook.open::after{transform: rotate(0);}

    .sub{display:none}
    .sub ul:not(:last-child){margin-bottom:1.5rem}
    .sub a{color:var(--mcolor);border-bottom:none;}
    .hamburger{position:absolute;right:0.8rem;bottom:1.3rem;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}

    .h_contact{display: flex;flex-direction: column;align-items: center;}
    .h_contact_btn a{border-radius: 2rem;width: 32rem;}


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

    /*============ HEADER ============*/
    #logo{width: 21.7rem;}
    .h_box{height:7rem;padding: 0 1rem;}
    .ttl_h3{font-size:2.3rem}
    .btn a{width: 32rem;height: 5.5rem;font-size: 1.6rem;background-position: center right 1.4rem;background-size: 2rem;line-height: 1.4;}
    .btn2 a{height: auto;padding: 0.5rem 1.5rem;}
    .btn.sm a{width: 28rem;}
    /*============ Main ============*/
    main{padding-top: 7rem;}
    /* MAIN VISUAL */
    .mv{height: auto;position: relative;}
    .mv_box{padding:1rem 1.5rem 10rem;position: initial;margin: 0 auto;}
    .mv_box::after{background: url('../images/mv_man1_sp.png') no-repeat center bottom /cover;width: 85%;max-width:45rem;}
    .mv_tt1{font-size: 4.8rem;text-align: left;line-height: 1.2;margin-bottom: 0.5rem;letter-spacing: 0.2rem;}
    .mv_tt1::after{left: -5rem;height: 100%;background-size: auto 100%;top: 3rem;width: 100%;}
    .mv_tt2{font-size: 2.4rem;text-align: left;margin-bottom: 4rem;line-height: 1.4;}
    .mv_tt2::after{left: -1.5rem;height: 5rem;top: 5rem;}
    .mv_tt2 span{font-size: 2.8rem;}
    .mv_pick{gap: 1rem;margin-left: -1.5rem;max-width: 460px;}
    .mv_pick li{outline-width: 0.2rem;}
    .mv_pick li:nth-child(2){margin-top: 4rem;}
    .mv_pick li:nth-child(3){margin-top: 1rem;}
    .mv_bnr{bottom: -6rem;left: calc(50% - 15rem);z-index: 2;padding: 2rem 1.5rem;}
    .mv_bnr dt{padding: 1rem 1.5rem;font-size: 2rem;}
    /* sec01 */
    .sec01{padding: 10rem 0 4rem;background: url('../images/sec01_bg.png') no-repeat center top 5rem/auto 100%;}
    .sec01_box .box_r{max-width:34rem;margin: 0 auto;}
    .sec01_pick_img{width: 32rem;margin: 0 auto;padding-left:8rem;}
    .sec01_pick::before{width:10rem;height: 8rem;right: 0;display:none}
    .sec01_pick_box{padding:1.5rem 2rem;box-shadow: 0 0 0.6rem rgba(0,0,0,0.2);border-radius: 1.5rem;width: fit-content;margin: 0 auto 3rem;}
    .sec01_pick_box .des{font-size: 1.4rem;}
    .sec01_box .btn a{margin: 0 auto;}
    .sec01_tt{font-size: 2rem;}
    .sec01_tt::after{left: -2rem;width: 2.2rem;}
    .sec01_tt .en{font-size: 2rem;}
    .sec01_tt .en::after{transform: scale(0.7);}

    .sec01_box .box_r{margin-bottom: -6rem;}
    .sec01_box .box_l{padding: 3rem 1.5rem 3rem 2.5rem;background-color: #FFF;border-radius:3rem;}
    .sec01_box .box_l::after{content: "";position: absolute;width: 2.5rem;height: calc(100% - 6rem);border-left: 1px solid var(--mcolor);border-top: 0.2rem solid var(--mcolor);border-top-left-radius: 3rem;top: 4.2rem;left: 1rem;pointer-events: none;}
    .sec01_box .box_l::before{top: -9rem;left: -2rem;width: 12rem;height:8rem;}
    .sec01_des{margin-bottom: 3rem;}
    .sec01_pick_name{left: 0;top: 1rem;gap:1rem}
    .sec01_pick_name .box{font-size: 1.6rem;padding: 1rem 0.5rem;min-width: 4rem;}
    .sec01_pick_name .box .lg{font-size: 2.4rem;}
    .sec01_pick_name .box:nth-of-type(1){padding:1.5rem 0.2rem}


    /* sec02 */
    .sec02{padding: 4rem 0;}
    .sec02::after{top: 5rem;}
    .sec02_bnr .box::after{width: calc(100% + 1.5rem);}
    .sec02_bnr .tt{font-size: 2.4rem;}
    .sec02_bnr .tt .sm{font-size: 2rem;}
    .sec02_bnr .tt .box01{display: block;}
    .sec02_bnr .tt .box02 img{width: 30rem;}
    .sec02_bnr .tt .line .num{font-size: 5rem;}
    .sec02_bnr::before{width: 5rem;height: 8rem;right: -1rem;}
    .sec02_bnr .box::after{background-size: 100% 100%;}
    .sec02_list{display: flex;flex-wrap: wrap;gap: 1rem;}
    .sec02_list li{width: calc(50% - 0.5rem);}
    .sec02_list li .ico{height: 15rem;}
    .sec02_list li .ico img{width: 22rem;}
    .sec02_list li .box .fr{padding: 2rem 0;}
    .sec02_list .tt{font-size: 2rem;}

    .secbnn{padding: 4rem 0 0;}
    .secbnn_body{width: 100%;margin-bottom: 2rem;text-align: center;}
    .secbnn_body .slg{font-size: 2.2rem;}
    .secbnn_body .slg .lg{font-size: 2.6rem;}
    .secbnn_body .slg .num{font-size: 3.2rem;}
    .secbnn_body .des{font-size: 2rem;}
    .secbnn_body .ico{width: 4.5rem;margin-right: 1.5rem;}
    .secbnn_body .box01{justify-content: center;margin-bottom: 1rem;}
    .secbnn_head{padding: 3rem 1.5rem;margin:0 auto 3rem;}
    .secbnn_head{border-radius: 99.9rem;padding: 2rem 5rem 2rem 3rem;}
    .secbnn_head::after{width: 3rem;height: 2.5rem;left: calc(50% - 1.5rem);bottom: -2.4rem;background: url('../images/secbnn_head_af_sp.png') no-repeat center /contain;}
    .secbnn_head::before{width: calc(100% - 1rem);height: calc(100% - 1rem);top: 0.5rem;left: 0.5rem;}
    .secbnn_head .box .tt{font-size: 2rem;text-align: center;}
    .secbnn_head .box .tt img{transform: translateY(0.6rem);margin-right: 0.3rem;width: 26rem;margin-bottom: 0.4rem;}
    .secbnn_img{text-align: center;margin-bottom: 0;}
    .secbnn_cta{padding: 3rem 1.5rem;border-radius: 2rem 2rem 0 0;display: flex;flex-direction: column;align-items: center;max-width: 36rem;margin: 0 auto;}
    .h_contact_btn{max-width: 32rem;}
    .secbnn_cta > p:not(:last-child){margin-bottom: 2rem;}
    .h_contact_tel{width: fit-content;margin-left: auto;margin-right: auto;}
    .secbnn_cta .h_contact_tel a{font-size: 3.2rem;}
    /* sec03 */
    .sec03 {padding: 5rem 0 0;}
    .sec03_box{padding: 0 1.5rem;}
    .sec03_tt1{font-size: 2rem;}
    .sec03_tt1::after{transform: scale(0.8);}
    .sec03_pick{width: calc(100% + 3rem);margin-left: -1.5rem;}
    .sec03_pick::after{bottom: -5vw;height: 28vw;}
    .sec03_pick li{height: 32vw;display: flex;justify-content: center;align-items: center;}
    .sec03_pick li img{max-width: initial;max-height: 100%;width: auto;}
    .sec03_pick li:nth-of-type(1){border-radius: 0 4rem 4rem 0;}
    .sec03_pick li:nth-of-type(2){margin-top: -20%;width: 45%;border-radius: 4rem 0 0 4rem;}
    .sec03_head{margin-bottom: 4rem;}
    .sec03_list{padding: 3rem 0;}
    .sec03_list::after{width: 100%;border-radius: 5rem;}
    .sec03_list .item{width: 32rem;margin: 0 1rem;}
    .sec03_list .item .fr{padding: 2rem 1.5rem;margin-bottom: 3rem;border-radius:2rem;}
    .sec03_list .item .fr .tt{font-size: 2rem;}
    .sec03_list .item .ico{width: 8rem;height: 8rem;}
    .sec03 .slick-dotted.slick-slider{margin-bottom:2rem;}
    .sec03 .slick-dots{bottom: 0;}
    .slick-dots li{width: 1.2rem;height: 1.2rem;}
    .sec03_list .item .fr::after{width: 4rem;height: 3rem;left: calc(50% - 2rem);bottom: -2.6rem;}
    .sec03_list::after{height: calc(100% - 6.5rem);}
    /* sec04 */
    .sec04{background:url('../images/sec04_bg_sp.png') no-repeat center /cover}
    .sec04_box{padding: 8rem 1.5rem 4rem;}
    .sec04_card{border-radius: 2rem;}
    .sec04_card:not(:last-child){margin-bottom: 3rem;}
    .sec04_card .card{border-radius: 1.5rem;padding: 2rem 1.5rem;}
    .sec04_card .card .pick{margin-bottom: 2rem;text-align: center;border-radius: 2rem;overflow: hidden;}
    .sec04_card .card .pick img{width: 100%;}
    .sec04_card .card .tt2{font-size: 2rem;}
    .sec04_card .card .tt1{font-size: 2.2rem;}
    .sec04_card .card .tt1 .sys_r{margin-right: -1rem;}
    .sec04_card .card .tt1 .sys_l{margin-left: -1rem;}
    .sec04_card .card .box{margin-bottom: 5rem;}
    .sec04_list{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap:4rem 1rem;margin-bottom: 2rem;}
    .sec04_list .txt{font-size: 1.8rem;}
    .sec04_list .txt.sm{font-size: 1.6rem;}
    .sec04_list li a .ico{margin: -4rem auto 0.5rem;width: 9rem;}
    .sec04_list_2col li a .ico{margin-top: -6rem;}
    .sec04_list li:nth-of-type(2) a .ico{transform: translateX(0.8rem);}
    .sec04_list_3col li:nth-of-type(2) a .ico{transform: translateX(0);}
    .sec04_list_3col li:nth-of-type(3) a .ico{transform: translateX(0.2rem);}
    .sec04_list li a{width: 24rem;height: 9rem;}


    /* sec05 */
    .sec05{padding:6rem 0 4rem;background-size: cover;}
    .sec05_h3{font-size: 2.4rem;padding-left: 2.5rem;margin-bottom: -1rem;transform: translateY(-2rem);}
    .sec05_h3::before{width:2.4rem;height:4.5rem;left: -1rem;top: -0.4rem;}
    .sec05_item{padding: 1.5rem;}
    .sec05_item:not(:last-child){margin-bottom: 10rem;}
    .sec05_item .tt{margin-bottom: 1.5rem;}
    .sec05_item .tt .sm{font-size: 1.6rem;}
    .sec05_item .tt .lg{font-size:1.8rem;}
    .sec05_item .box{margin: 0 auto;padding: 2rem 1.5rem;border-radius: 2rem;}
    .sec05_box{padding-bottom: 0;max-width: 56rem;margin: 0 auto;}
    .sec05_box::before{width: 14rem;height: 10rem;top: calc(50% - 5rem);left: calc(50% - 7rem);}
    .sec05_box::after{border-radius: 3rem;width: 100%;}
    .ft_bnn{max-width: 46rem;margin: 0 auto;}
    .sec05 .btn2 a{font-size: 1.4rem;}

    .slick-prev,.slick-prev:focus{left:-1rem;}
    .slick-next,.slick-next:focus{right:-1rem;}
    .slick-prev,.slick-next,.slick-prev:focus,.slick-next:focus{height:3.2rem;width:3.2rem;background-size: 1.6rem !important;}

    /*============ FOOTER ============*/
    footer{margin-bottom: 5rem;}
    .ft_info{padding: 4rem 0 3rem;}
    .ft_info .inner{flex-direction: column;gap: 2rem;}
    .ft_logo img{width: 28rem;}
    .ft_add{font-size: 1.4rem;text-align: center;}
    .ft_bnn{gap: 1rem;margin-bottom: 2rem;}
    .ft_box{padding:4rem 0 3rem;}
    address{font-size: 1.4rem;}
    .ft_bnn li.cus .pick img{width: 10rem;}
    .ft_bnn li.cus{gap:1rem;margin-bottom: 1rem;}
    .ft_bnn li.cus .des{font-size: 1.2rem;}

    .h_contact_btn a .box .lg{font-size: 1.8rem;}
    .secbnn_cta .h_contact_btn a{max-width: 28rem;margin:0 auto;}
    /* SP CONTACT */
    .sp_contact{display:flex;justify-content:center;align-items:center;width:100%;height:5rem;position:fixed;left:0;z-index:99; bottom:-5.5rem;transition: all 0.3s;}
    .sp_contact.show{bottom: 0;}
    .sp_contact li{height:100%;}
    .sp_contact li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.6rem;line-height: 1.3;font-weight: bold;}
    .sp_contact li a span{position:relative;}
    .sp_contact li a span::before{content:"";position:absolute;}
    .sp_contact_mail{background-color:var(--mcolor)}
    .sp_contact_mail a span{padding-left: 4rem;}
    .sp_contact_mail a span::before{background:url(../images/ic_mail.png) no-repeat center /cover;width:3rem;height:2.1rem;left:-0.5rem;top:calc(50% - 1.1rem)}
    .sp_contact_line{background-color:var(--scolor)}
    .sp_contact_line a span{padding-left: 4rem;}
    .sp_contact_line a span::before{background:url(../images/ic_line.png) no-repeat center /cover;width:4rem;height:4rem;left:-0.5rem;top:calc(50% - 2rem)}
    .sp_contact_tel{width: 5rem;}
    .sp_contact_tel a{background:url('../images/ic_tel_sp.png') no-repeat center /2.5rem #FFF;width: 5rem;}
    .sp_contact_mail,.sp_contact_line{width: calc(50% - 2.5rem);}
    /* TO TOP */
    .to_top{width:4rem;height:4rem;right:1rem;bottom:7rem;}

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



/* screen-max:560px */
@media screen and (max-width: 560px) {
    .sec02_list{gap: 2rem;}
    .sec02_list li{width: 100%}
    .sec02::after{top: 10rem;}
}
/* screen-max:440px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .pc440{display: none !important}
    .sec02_bnr .tt .box01{margin-bottom: 1rem;}
}

/* screen-max: 374px */
@media screen and (max-width: 374px) {
    html{font-size: 53%;}
    .mv_bnr dd{font-size: 1.6rem;}
}