.sp440{display:none}

@media screen and (min-width: 751px) {
    .sp{display:none !important}
    /* NAV */
    .h_box{min-width: calc(var(--container) + 3rem);}
    .hamburger{display:none;}
    .nav_list{display: flex;justify-content: space-between;}
    .nav_list>li:not(:last-child){margin-right: 2.6rem;}
    .nav_list>li>a,
    .nav_list>li>.hook{display:flex;align-items:center;position:relative;font-weight: 500;font-size: 1.8rem;cursor: pointer;}
    .nav_list>li.parent{position:relative;padding-right: 2.2rem;}
    .nav_list>li.parent::after{content: "";position: absolute;width: 1.7rem;height: 1.7rem;border-radius: 50%;background:url('../images/ic_arrow_down.svg') no-repeat center /1.1rem #171717;top: 1.2rem;right: 0;transition: all 0.3s;}

    .sub{position:absolute;z-index:1;transition:all .3s;width:32rem;top:100%;left:calc(50% - 16rem);padding-top: 0.5rem;}
    .sub ul li a{display:flex;width:100%;height:5rem;align-items:center;padding:0.5rem 2rem;margin:0 auto;border-bottom:solid 0.1rem #FFF;color:#fff;background:var(--mcolor);text-align: center;font-size: 1.6rem;}
    .sub ul li:last-child a{border-bottom: 0;}

    /* CUSTOM */
    .find_a,.find_out{cursor: pointer;}

    /* HOVER */
    .nav_list>li:hover>a,.nav_list>li.active>a{color:var(--scolor);text-decoration: none;}
    .nav_list>li:hover,.nav_list>li.active{color: var(--mcolor);}
    /* .nav_list>li.parent>.hook{cursor:default} */
    /* .nav_list>li.parent:hover::after{transform: rotate(-180deg);}
    .parent:not(:hover) .sub{display: none;}
    .parent:hover .sub{transform:translate(0,0);} */
    .nav_list>li.parent.active::after{transform: rotate(-180deg);}
    .parent:not(.active) .sub{display: none;}
    .parent.active .sub{transform:translate(0,0);}
    .sub a:hover{background-color:var(--scolor);text-decoration: none;}
    .to_top img:hover{opacity:0.8}
    .h_contact_mail a:hover{background-color: var(--scolor);}
    .btn a:hover{background-color: var(--mcolor)}
    .sec05_list li a:hover,.btn_contact a:hover{background-color:#FFEBA8;}
    .sec06_list li:hover::after,.sec06_list li:hover::before{opacity: 0.7;}
    .sec06_list li a:hover::before{background-color: var(--scolor);}
    .ft_links li a:hover{color: var(--mcolor);}
    .ft_cta_contact a:hover{background-color: var(--scolor);}
}
@media screen and (min-width: 1921px){
    .mv_galery{right: 0;}
}

@media screen and (min-width: 751px) and (max-width: 1500px){
   input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd, del{font-size: 15px;}
    .pdb20_tablet{padding-bottom: 20px;}
    .mv{height: 80rem;}
    .nav_list>li:not(:last-child){margin-right: 1.5rem;}
    .h_contact_btn a{width: 16rem;font-size: 1.6rem;}
    .nav_list>li>a, .nav_list>li>.hook{font-size: 1.5rem;}
    .h_contact_tel a{font-size: 3rem;font-size: 3rem;}
    .h_contact_tel .time{font-size: 1.4rem;}
    .nav_list>li.parent::after{background-size: 1rem;top: 1rem;}
    .mv_tt1 .lg{font-size: 4rem;}
    .mv_tt1 .sm{font-size: 3rem;}
    .mv_tt1 .key{font-size: 2rem;width: 9rem;height: 4rem;}
    .mv_tt3{font-size: 5rem;}
    .mv_tt2{font-size: 2.7rem;}
    .mv_tt2 .chat{font-size: 2.5rem;}
    .mv_bnn .map{transform: scale(0.8);top: calc(50% - 29rem);right: -40rem;}
    .mv_bnn::after{right: -6.5rem;top: -2rem;}
    .sec05 .inner2::before{width: 26rem;height: 34rem;left: -7rem;bottom: -2.1rem;}
    .sec05 .inner2::after{width: 25rem;height: 32rem;right: -7.5rem;}
    .sec07_slg{margin-bottom: 3rem;}
    .ft_links ul:nth-of-type(1){width: 26%}
    .ft_links ul:nth-of-type(2){width: 32%;}
    .ft_links ul:nth-of-type(3){width: 35%;}
    .ft_links li:not(.cta) a{font-size: 1.7rem;}
    .secbnn_tt3 img{width: 21.6rem;}
    .ft_logo img{width:59.3rem ;}
    .to_top img{width: 7rem;}
    .sec03::after{bottom: 2rem;}
    .sec03_list li .des,.sub ul li a{font-size: 1.75rem;}
    .mv_tt2 .chat::after{transform: scale(0.8);}

}
@media screen and (min-width: 1280px) and (max-width: 1500px){
     .nav_list>li>a, .nav_list>li>.hook{font-size:0.9vw;white-space: nowrap;}
      .nav_list>li:not(:last-child){margin-right: 1vw;}
      .nav_list>li.parent::after{top: 0.7rem;}
}
/* screen-min:750px */
@media screen and (max-width: 750px) {
    img{max-width:100%; height: auto;}
    html{font-size: 62.5%;}
    input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd, del{font-size: 1.4rem;}
    #wrapper,header,main,footer,.inner,.inner2{width:100%!important;min-width:unset!important}
    .pc{display:none!important}
    body.is_nav{overflow: hidden;}
    body.mac nav{padding-bottom: 160px;}
    /* NAV */
    nav{display:block;position:fixed;top:8rem;left:0;width:100%;height:calc(100vh - 8rem);overflow:auto;z-index:100;display:none;background: #FFF;padding-bottom: 8rem;}
    nav .inner{padding: 0;}
    .nav_list{margin-bottom: 4rem;border-top: 1px solid var(--txt);}
    .nav_list ul,
    .nav_list li{width:100%}
    .nav_list .parent .sub ul li{background: #F27100;}
    .nav_list .parent .sub ul li:not(:last-child){border-bottom:1px solid #FFF}
    .nav_list .hook, .nav_list a{display:block;padding:1rem 1.5rem 0.9rem;color:var(--txt);font-size:1.6rem;font-weight:600;border-bottom:solid 1px var(--txt)}
    .nav_list .hook{position:relative;padding-left:1.5rem}
    .nav_list .hook::before,
    .nav_list .hook::after{content:"";position:absolute;width: 1.6rem; height: 0.2rem; background-color: var(--txt);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);}
    .nav_list .hook.open{border-bottom: 0;}
    .nav_secbnn_frame{background-color: #F27100;padding:6rem 1.5rem 3rem;margin: 0 auto;}
    .secbnn_frame{max-width: 34.5rem;margin: 0 auto;}
    nav .secbnn_frame .tel a{font-size: 3.3rem;}
    nav .btn_contact a{width: 29rem;font-size: 1.6rem;}

    .sub{display:none}
    .sub ul:not(:last-child){margin-bottom:1.5rem}
    .sub a{color:#FFF;border-bottom:none;padding:1rem 1.5rem;}
    .hamburger{position:absolute;right:0.8rem;top:1.8rem;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:8rem;padding: 0.8rem 1.5rem;background-color: #FFF;}
    #logo{width: 16rem;}
    /*============ Main ============*/
    main{padding-top: 8rem;}
    /* MAIN VISUAL */
    .mv{margin-bottom: -6rem;}
    .mv_box{padding: 3rem 1.5rem 0;}
    .mv_body{text-align: center;}
    .mv_tt1{flex-wrap: wrap;justify-content: center;}
    .mv_tt1 .key{font-size: 1.8rem;width: 8rem;height: 3rem;}
    .mv_tt1 .sm{font-size: 2.4rem;}
    .mv_tt1 .lg{font-size: 3rem;}
    .mv_tt2{font-size:2rem;}
    .mv_tt2::before{width: 2rem;height: 2.2rem;left: -2rem;top: -2rem;}
    .mv_tt2 .chat::after{width: 2.5rem;height: 3.8rem;right: -1.8rem;top: -2.2rem;}
    .mv_tt2 .chat{font-size: 1.8rem;}
    .mv_tt3{font-size: 3rem;}
    .mv_des{font-size: 1.6rem;margin-bottom: 20rem;}
    .mv_bnn{width: 100%;max-width: 38rem;padding-left: 12.5rem;height: 9.5rem;margin: 0 auto 3rem;text-align: left;}
    .mv_bnn::after{transform: rotate(-32deg);left: 11.5rem;top: -5rem;}
    .mv_bnn::before{width: 12rem;height: 15rem;left: 0;bottom: -1rem;}
    .mv_bnn .tt{font-size:2rem;margin-bottom: 0.5rem;}
    .mv_bnn .des{font-size: 1.2rem;}
    .mv_bnn .map{margin: 0 auto;width: 20rem;left: calc(50% - 4rem);top: -18rem;}
    .mv_galery{width: calc(100% + 3rem);margin-left: -1.5rem;}
    .mv_tt1,.mv_tt2,.mv_tt3,.mv_des{width: fit-content;margin-left: auto;margin-right: auto;}
    .ttl_h3{font-size: 2.4rem;margin-bottom: 2.5rem;}
    .ttl_h3 .sm{font-size: 2rem;}
    .ttl_h3 .sm2{font-size: 1.9rem;}
    .ttl_h3 .lg{font-size: 3rem;}
    .ttl_h3 .line{background-position: top 2rem left;}
    .ttl_h3 .dot::after{width: 0.6rem;height: 0.6rem;left: calc(50% - 0.3rem);top: -0.5rem;}
    .ttl_en{font-size: 1.5rem;}
    .ttl_key{font-size: 1.6rem;min-width: 26rem;padding:0.1rem 1.5rem;}
    .btn a{font-size: 1.8rem;margin: 0 auto;}
    /* sec01 */
    .sec01{padding:4rem 0 ;margin-top: -2rem;border-radius:4rem 4rem 0 0;}
    .sec01::after{width: 80rem;height: 5rem;left: calc(50% - 40rem);bottom: -4.9rem;}
    .sec01 .ttl_h3 .box::before{width: 2.4rem;height: 3.2rem;left: -3rem;top: 0.5rem;}
    .sec01_list{flex-wrap: wrap;margin-bottom: 3rem;}
    .sec01_list li{width: calc(50% - 0.7rem);max-width: 34.5rem;padding: 2rem 1rem;font-size: 1.5rem;}
    .sec01_list li::before{width: 1.8rem;height: 1.8rem;}
    .sec01_list li span{font-size: 1.6rem;}
    .sec01_pick{max-width: 50rem;margin: 0 auto;}
    .sec01_pick::after{width: 2rem;height: 3rem;left: calc(50% - 1rem);bottom: -5.5rem;}

    /* sec02 */
    .sec02{padding: 8rem 0 8rem;}
    .sec02_des{font-size: 1.6rem;}
    .sec02_des .lg{font-size: 1.8rem;}
    .sec02 .ttl_h3 img{width: 14.5rem;transform: translateY(-0.8rem);margin-bottom: 2rem;}
    .sec02 .ttl_h3 .lg.ic01::before{width: 4rem;height: 4rem;right: -3.5rem;top: -2.5rem;}

    /* sec03 */
    .sec03{padding-bottom:6rem;}
    .sec03::before,.sec05::before,.sec08_box::before{width: 30rem;left: calc(50% - 15rem);top: -6rem;}
    .sec03::after{width: 80rem;height: 5rem;left: calc(50% - 40rem);bottom: 0;}
    .sec03 .ttl_h3,.sec05 .ttl_en,.sec08 .ttl_en{margin: 0 auto 1rem;transform: translateY(-1.5rem);}
    .sec03_head{margin-bottom: 2rem;}
    .sec03_tt{font-size: 1.8rem;margin: 0 auto;line-height: 1.2;padding: 1.5rem 1rem 0.5rem;}
    .sec03_tt::after{height: 100%;width: calc(100% + 1rem);left: -0.5rem;}
    .sec03_tt img{width: 11rem;}
    .sec03_tt .num{font-size: 4rem;margin: 0;transform: translateY(0.2rem);display: inline-block;}
    .sec03_tt .num::after{display: none;}
    .sec03_tt .lg{font-size: 2rem;}
    .sec03 .ttl_h3{font-size: 2rem;padding-right: 6rem;}
    .sec03 .ttl_h3 .sm{font-size: 1.6rem;}
    .sec03 .ttl_h3::before{width: 10rem;height: 8rem;right: -3.3rem;top: -2.5rem;}
    .sec03_list{display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;margin-bottom: 3rem;}
    .sec03_list li{padding: 4rem 1.5rem 2rem;width: 100%;max-width: 34.5rem;}
    .sec03_list li .tt{font-size: 2rem;line-height: 1.5;}
    .sec03_list li .tt span{font-size: 2.3rem;}
    .sec03_list li .reason{top: 1.5rem;left: 1.5rem;font-size: 1.2rem;padding-top:0.7rem;}
    .sec03_list li .img{margin-bottom: 0;}
    .sec03_list li .img img{width: 20rem;}

    /* sec04 */
    .sec04{padding: 4rem 0 5rem;}
    .sec04_head{width: fit-content;margin-left: auto;margin-right: auto;}
    .sec04_box .tt1{font-size: 1.6rem;letter-spacing: -0.05rem;margin-bottom: 1rem;}
    .sec04_box .tt1 .org{font-size: 1.8rem;}
    .sec04_box .tt2{font-size: 1.8rem;margin-bottom: 1rem;}
    .sec04_box .tt2 .block{line-height: 1.4;padding: 0.5rem 2rem 0.5rem 1.5rem;}
    .sec04_box .tt2 .block .lg{font-size: 2rem;}
    .sec04_box .tt2 .block:first-child{padding-top: 1rem;}
    .sec04_box .tt2 .block:last-child{padding-bottom:1rem;}
    .sec04_box .img{text-align: center;margin: 0 auto 2rem;max-width: 40rem;}
    .sec04 .ttl_key{margin-bottom: 2rem;}
    .sec04_box .btn a{background-color: #512108;}

    .secbnn{padding-bottom: 7rem;}
    .secbnn_tt1{font-size: 2.4rem;padding: 1rem 0;margin-bottom: 3rem;}
    .secbnn_tt1::after{right: -10rem;}
    .secbnn_tt1::before{right: -13rem;}
    .secbnn_tt2{font-size:1.8rem;padding: 0.5rem 1.5rem;margin:0 auto 0.5rem;}
    .secbnn_tt2::after{left: 4rem;width: 1.5rem;height: 2.8rem;bottom: -2.6rem;}
    .secbnn_tt2 .lg{font-size: 2.2rem;}
    .secbnn_tt3{font-size: 2.2rem;text-align: center;}
    .secbnn_tt3 img{width: 14rem;transform: translateY(-0.5rem);}
    .secbnn_tt3 .lg{font-size: 2.4rem;}
    .secbnn_tt3 .sm{font-size: 2rem;}
    .secbnn_tt4{font-size: 1.7rem;margin-bottom: 2rem;}
    .secbnn_tt4 .lg{font-size: 1.8rem;}
    .secbnn_frame{padding: 0 1.5rem 2.5rem;}
    .secbnn_frame .tt{font-size: 1.6rem;padding: 0 2rem;transform: translateY(-2.5rem);margin-bottom: -1rem;}
    .secbnn_frame .tt .lg{font-size: 2rem;}
    .secbnn_frame .tel{margin-bottom: 1rem;}
    .secbnn_frame .time{font-size: 1.6rem;}
    .secbnn_frame .tel a{font-size: 3.5rem;padding-left: 4rem;letter-spacing: 0;}
    .secbnn_frame .tel a::before{font-size: 2.4rem;height: 2.4rem;top: calc(50% - 1.1rem);}
    .secbnn_box .box_l{width: fit-content;margin: 0 auto;}
    .secbnn_box .box_r{text-align: center;margin: 0 auto 5rem;width: 20rem;}
    .secbnn_box .box_r::after{width: 20rem;height: 14rem;right: -7rem;bottom: -1rem;}

    .btn_contact a{width: 31rem;height: 6rem;font-size: 1.8rem;background-size: 2rem;background-position: right 1.5rem center;padding-right: 2.5rem;}
    .btn_contact a span{padding-left: 3rem;}
    .btn_contact a span::before{width: 2.2rem;height: 2.2rem;top: calc(50% - 1.1rem);}
    /* sec05 */
    .sec05 .ttl_en{margin-bottom: -1rem;}
    .sec05_list{gap: 2rem;}
    .sec05_list li a{padding: 2rem 1.5rem 2.5rem;width:30rem;border-width: 0.2rem;}
    .sec05_list li a .key{font-size: 1.6rem;padding:0.8rem 2rem;}
    .sec05_list li a .img img{width: 10rem;}
    .sec05_list li:nth-of-type(6) a .key{min-height: 5.6rem;}
    .sec05 .inner2{padding-bottom: 5rem;}
    .sec05 .inner2::before{width: 12rem;height: 16rem;left:1rem;bottom: -1rem;}
    .sec05 .inner2::after{width: 10rem;height: 14rem;right:1rem;bottom: -0.1rem;}

    /* sec06 */
    .sec06{padding: 4rem 0 8rem;}
    .sec06_list li{max-width: 580px;margin-left: auto;margin-right: auto;}
    .sec06_list li:not(:last-child){margin-bottom: 3rem;}
    .sec06_list li a{padding: 1rem 1rem 2rem 2rem;}
    .sec06_list li .tt{font-size: 2rem;}
    .sec06_list li .des{font-size: 1.4rem;}
    .sec06_list li a::before{width: 3rem;height: 3rem;background-size:1rem;right: 1.5rem;bottom: 1.5rem;}

    /* sec07 */
    .sec07{padding-bottom: 5rem;}
    .sec07_slg{padding: 1rem 0;margin-bottom: 3rem;margin-top: -4rem;}
    .sec07_slg::after{right: -5rem;}
    .sec07_slg .ja{font-size: 2.5rem;}
    .sec07_slg .en{font-size: 1.5rem;transform: translateY(0.1rem);}
    .sec07_des{margin-bottom: 3rem;}
    .sec07_box .img{margin: 0 auto 3rem;max-width: 40rem;}
    .sec07 .btn_box{gap:1rem;}
    .sec07 .btn_box .btn{width: calc(50% - 0.5rem);max-width: 30rem;}
    .sec07 .btn_box .btn a{width: 100%;font-size: 1.6rem;padding-right: 1rem;}
    /* sec08 */
    .sec08{padding-bottom: 5rem;}
    .sec08_carousel{height: 17.5rem;}
    .sec08_carousel .item img{width: 20rem;}
    .sec08 .ttl_en{margin-bottom: -1rem;}
    .sec08_list{margin-bottom: 3rem;}
    .sec08_list li:not(:last-child){margin-bottom: 1rem;}
    .sec08_list li a{padding: 1.5rem 2rem;gap: 0;flex-direction: column;align-items: flex-start;}
    .sec08_list li a .date{min-width: 7rem;}
    .sec08_list li a .tt{line-height: 1.6;}

    /*============ FOOTER ============*/
    footer{margin-bottom:5rem;}
    footer .secbnn{padding-bottom: 4rem;}
    address{padding: 1rem 2rem 1rem 1.5rem;font-size: 1.2rem;}
    .ft_logo{width: 32rem;margin: 0 auto 2rem;}
    .ft_links{display: none;}
    .ft_cta{margin-bottom: 4rem;border-width: 0.2rem;padding-top: 1.5rem;}
    .ft_cta_tel{width: fit-content;margin: 0 auto 2rem;}
    .ft_cta_tel a{font-size: 3.5rem;padding-left: 3.2rem;}
    .ft_cta_tel a::before{width: 2.4rem;height: 2.4rem;}
    .ft_cta_tel .time{text-align: center;margin-top: 0.5rem;}
    .ft_box{padding: 4rem 0 0;}
    .ft_box .box_l{width: fit-content;margin: 0 auto;}
    .ft_box .box_r{width: calc(100% + 3rem);margin-left: -1.5rem;}
    .ft_box .box_r iframe{width: 100%;height: 29.9rem;margin-bottom: -3px;}
    .btn_contact a{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%;width: 50%;}
    .sp_contact li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size: 1.4rem;font-weight: bold;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.4;}
    .sp_contact li a > span{display: inline-block;position: relative;padding-left: 2.6rem;}
    .sp_contact li a > span::before{content:'';position: absolute;width: 2.4rem;height: 2.4rem;left:0;top: calc(50% - 1.2rem);}
    .sp_contact_line{display: none;}
    .sp_contact_line a{background-color:#00B900;color: #FFF;}
    .sp_contact_line a span{padding-left: 3.5rem;}
    .sp_contact_line a span::before{background: url('../images/ic_line.png') no-repeat center /contain;left: 0;}
    .sp_contact_mail a{background-color:var(--mcolor);color: #FFF;font-size: 1.4rem;}
    .sp_contact_mail a span::before{background: url('../images/ic_contact.png') no-repeat center /contain;}
    .sp_contact_tel a{background-color: #FFF;padding-top: 0.2rem;}
    .sp_contact_tel a .tel{font-size: 2.1rem;font-weight: bold;padding-left:1.8rem;position: relative;line-height: 1;display: block;font-family: var(--f-pop);letter-spacing: -0.15rem;white-space: nowrap;}
    .sp_contact_tel a .tel::before{content: "";position: absolute;width: 1.4rem;height: 1.4rem;background: url('../images/ic_tel.png') no-repeat center /contain;left: 0;top: calc(50% - 0.7rem);}
    .sp_contact_tel .time{display: block;line-height: 1.5;font-weight: 500;font-size: 1.1rem;padding: 0;}

    /* TO TOP */
    .to_top{width:4rem;height:4rem;right:1rem;bottom: 6rem;}
    /*============ END 750 ============ */
}


/* screen-max:440px */
@media screen and (max-width: 440px) {
    .sec05 .inner2{padding-bottom: 18rem;}
    .sec05_list li:nth-of-type(6) a .key{min-height: inherit;}

}


/* screen-max:440px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .pc440{display: none !important}
}
/* screen-max: 360px */
@media screen and (max-width: 374px) {
    input, button, textarea, select, p, blockquote, th, td, pre, li, dt, dd, del{font-size:1.68269rem;}
    html{font-size: 52%;}
    .sec03_list li .des{font-size: 1.45rem;}
}