.sp440{display:none}

@media screen and (min-width: 751px) {
    .sp{display:none !important}
    .inner_big{width: 1300px;}
    .h_box{min-width: calc(var(--container) + 30px);}
    .find_a,.find_out{cursor: pointer;}
    .nowrap_pc{white-space: nowrap;}
    .alignleft{float:left;margin-right:20px;margin-bottom:20px;max-width:300px!important}
    .alignright{float:right;margin-left:20px;margin-bottom:20px;max-width:300px!important}
    .image_l img,.image_r img{border-radius: 10px;}
    .image_r{float:right;margin:0 0 0 40px}
    .image_l{float:left;margin:0 40px 0 0}

    /* NAV */
    nav{margin-left: 11.3%;}
    #logo{margin-top: 22px;}
    .hamburger{display:none;}
    .nav_list{display: flex;justify-content: space-between;}
    .nav_list>li:not(:last-child){margin-right: 39px;}
    .nav_list>li>a{display:flex;align-items:center;position:relative;font-weight: bold;letter-spacing: 0.02rem;}

    /* HOVER */
    .nav_list>li:hover>a{color:var(--scolor);text-decoration: none;}
    .sub a:hover{background-color:var(--scolor);text-decoration: none;}
    .to_top img:hover,.btn a:not([target="_blank"]):hover,.find_a:hover,.pagenavi a:hover,
    .sec03_tt:hover,.faq_list dl dt:hover,.sec08_list dl dt:hover{opacity: 0.8;}

    .ft_info a:hover:not([target="_blank"],.sweetlink){text-decoration: underline;text-underline-offset: 3px;}
}
@media screen and (min-width: 1921px){
    .to_top{right: calc((100vw - 1920px)/2);}
    .bnn_fixed{right: calc((100vw - 1920px)/2 - 11px);}
}
@media screen and (min-width: 751px) and (max-width: 1460px){
    .to_top{width: 70px;height: 70px;}
    nav{margin-left: 8%;}
    .mv{min-height: 620px;}
    .mv_tt02{font-size: 3.8rem;}
    .mv_tt02 .sm{font-size: 3rem;}
    .mv_tt02 .lg{font-size: 4.2rem;}
    .mv_tt02::after{height: 23px;height: 38px;}
    .mv_tt03{margin-bottom: 30px;}
    .mv_box{max-width:740px;padding: 100px 5% 0;}
    .mv_tt01{padding: 0 3%;}
    .mv_box::before, .mv_box::after{width: 32vh;height: 33vw;bottom: 6vh;}
    .mv_box::before{right: calc(100% - 50px);}
    .mv_box::after{left: calc(100% - 50px);}
    .bnn_fixed a{font-size: 2rem;width:60px;height: 300px;background-size: 30px;background-position: 12px 20px;}
    .slick-prev,.slick-prev:focus{left: -50px;}
    .slick-next,.slick-next:focus{right: -50px;}
    .sec10 > .inner::after{width: 121px;height: 160px;right:-100px;}
    .bnn_fixed{top: calc(50vh - 150px);}
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd { font-size: 1.5rem;}
    img{max-width:100%; height: auto;}
    .pc{display:none!important}
    #wrapper,header,main,footer,.inner,.inner{width:100%!important;min-width:unset!important}
    .image_r,.image_l{display:inline-block;width:100%;text-align:center;margin:0 auto 15px !important}
    /* NAV */
    .is_nav{overflow: hidden;}
    .is_nav .h_box{position: fixed !important;}
    nav{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;overflow:auto;padding: 132px 0 50px;z-index:100;display:none;background: url('../img/mv_bg_sp.jpg') no-repeat center /cover;overflow-x: hidden;}
    nav .inner{padding: 0;}
    .nav_box{padding: 0 20px 80px;overflow: scroll;height: 100%;}
    .nav_list{margin-bottom: 40px;}
    .nav_list li{width:100%}
    .nav_list li:first-child a{border-top: 1px solid}
    .nav_list li a{font-size: 1.8rem;font-weight: bold;padding: 14px 10px 14px;position: relative;border-bottom: 1px solid #000;width: 100%;display: block;}
    .nav_list li a::after{content: "";position: absolute;width: 5px;height: 9px;background: url('../img/ic_nav.svg') no-repeat center /contain;right: 10px;top: calc(50% - 5px);}

    nav::before, nav::after { content: ""; width: 100%; height: 32px;position: fixed;}
    nav::before{background: url('../img/mv_before.png') repeat right;top: 80px;right: 4%;}
    nav::after{background: url('../img/mv_after.png') repeat left;bottom: 0;left: 4%;}
    /*==========================================================================*/
    /*                                 TOP PAGE                                 */
    /*==========================================================================*/
    /*============= HEADER ==============*/
    #logo{width: 202px;margin: 0;z-index: 999;position: relative;}
    .h_box{height:60px}
    .line{background-position: top 15px left;}
    .desc{font-size: 1.5rem;}
    .ttl_h2{font-size: 2.4rem;margin-bottom: 20px;}
    .btn a{text-align: center !important;display: flex;justify-content: center;align-items: center;padding: 12px 20px 12px 10px;border: 2px solid;line-height: 1.35;letter-spacing: -0.1rem;}

    /*============= MAIN ==============*/
    .mv{background: url('../img/mv_bg_sp.jpg') no-repeat center /cover;height: 710px;}
    .mv::before, .mv::after{height: 24px;}
    .mv::before{top: 80px;right: 4%;}
    .mv::after{left: 4%;}
    .mv_box{padding-top: 86px;height: 100%;}
    .mv_box::before, .mv_box::after{width: 170px;height: 321px;bottom: 0;}
    .mv_box::before{left: 0;}
    .mv_box::after{right: 0;}
    .mv_tt01{margin-bottom: 16px;}
    .mv_tt02{font-size: 1.8rem;margin-bottom: 23px;}
    .mv_tt02::after{width: 13px;height: 26px;}
    .mv_tt02 .lg{font-size: 2.1rem;}
    .mv_tt03{margin-bottom: 9px;}
    .mv_tt04{margin-bottom: 21px;width: calc(100% + 20px);}

    /* sec01 */
    .sec01{padding: 40px 0;background: url('../img/sec01_bg_sp.jpg') no-repeat center /cover;}
    .sec01_tt{font-size: 1.8rem;margin-bottom: 22px;}
    .sec01_tt .lg{font-size: 2.4rem;}
    .sec01_list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 21px 10px;max-width: 430px;margin: 0 auto;}
    .sec01_list dl dt{margin-bottom: 11px;}
    .sec01_list dl dt img{border-radius: 15px;}
    .sec01_list dl dd{font-size: 1.6rem;}

    /* sec02 */
    .sec02{padding-bottom: 40px;}
    .sec02_top{padding: 28px 0 45px;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%,  calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));margin-bottom: 8px;}
    .sec02_tt{font-size: 2rem;letter-spacing: 0.2rem;}
    .sec02_des{font-size: 1.8rem;margin-bottom: 20px;}
    .sec02_frame{padding: 20px 16px 35px;}
    .sec02_frame_ite > dl:not(:last-child){margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid #F2D830;}
    .sec02_frame_ite > dl > dt .tt{font-size: 1.8rem;line-height: 1.4;}
    .sec02_frame_ite > dl > dt .tt .sm{font-size: 1.5rem;}
    .sec02_frame_ite > dl > dt .img{width: 80px;margin-right: 10px;margin-left: 4px;}

    .faq_list dl dt::before,.faq_list dl dt .key{width: 73px;}
    .faq_list dl dt::after{width: 10px;height: 6px;right: 20px;top: calc(50% - 2px);}
    .faq_list dl dt .tt{font-size: 1.6rem;padding: 9px 40px 8px 10px;line-height: 1.5;}
    .faq_list dl dt .key{font-size: 3.5rem;}
    .faq_list dl dt .key span{font-size: 1.4rem;margin-right: 2px;}
    .faq_list dl dd{padding: 25px 30px;border-radius: 10px;line-height: 1.62;}

    .sec02_bnn{max-width: 343px;margin: 0 auto -10px;transform: translateX(-4px);width: calc(100% + 10px);}
    .sec02_bnn::after{top: 100px;}

    /* sec03 */
    .sec03{padding: 146px 0 66px;}
    .sec03::after{width: 466px;height: 120px;left: calc(50% - 229px);top: 40px;}
    .sec03_tt{font-size: 2rem;border-width: 2px;border-bottom-width: 6px;padding: 10px;}
    .sec03_tt span::before{width: 30px;height: 45px;left: -48px;top: 6px;}
    .sec03_tt::after{width: 10px;height: 6px;right: 19px;}
    .sec03_frame{padding: 30px 30px;border-radius: 10px;}
    .sec03_frame .tt{font-size: 1.8rem;line-height: 1.5;}
    .sec03_frame .desc{line-height: 1.6;}
    .sec03_qa{margin-bottom: 20px;}
    .sec03_qa dl:not(:last-child){margin-bottom: 22px;}
    .sec03_qa dl dt{width:80px;margin-right: 20px;font-size: 1.5rem;}
    .sec03_qa dl dd{padding: 20px 20px 15px;border-radius: 10px;line-height: 1.6;}
    .sec03_qa dl dt img{margin-bottom: 9px;}
    .sec03_qa dl:nth-of-type(even) dd{margin-right: 20px;}
    .sec03_qa dl dd::before{top: 33px;}
    .sec03_qa dl:nth-of-type(odd) dd::before{left: -10px;}
    .sec03_qa dl:nth-of-type(even) dd::before{right: -10px;}
    .txt_note{font-size: 1.1rem;}

    /* sec04 */
    .sec04{padding: 0 0 40px;}
    #sec04{position: absolute;top: -30px;}
    .sec04_tt{padding: 11px 20px;margin: -28px auto 23px;}
    .sec04_tt > span::before{width: 5px;height: 5px;top: -3px;left: calc(50% - 2px);}
    .sec04_tt2{font-size: 2rem;margin-bottom: 9px;letter-spacing: -.04rem;}
    .sec04_tt3{font-size: 1.6rem;margin-bottom: 9px;}
    .sec04_tt4{font-size: 2.4rem;text-align: center;padding: 0 0 17px 0;line-height: 1.45;}
    .sec04_tt4 span{font-size: 3.2rem;}
    .sec04_tt4 span::before{width: 5px;height: 5px;top: -1px;left: calc(50% - 2px);}
    .sec04_tt4::before{width: 70px;height: 93px;left: -55px;bottom: -4px;}
    .sec04_tt4::after{width: 48px;height: 53px;right: -50px;}
    .sec04_frame{padding: 18px 15px;position: relative;z-index: 2;border-radius: 10px;}
    .sec04_frame:not(:last-child){margin-bottom: 50px;}
    .sec04_frame .tt1{font-size: 1.5rem;text-align: left;line-height: 1.45;margin-bottom: 16px;}
    .sec04_frame .tt1 span{font-size: 1.8rem;}
    .sec04_frame .tt1 .line {background-position: top 18px left;}
    .sec04_frame .tt2{font-size: 2.4rem;margin-bottom: 14px;}
    .sec04_frame .tt2 img{display: block;margin: -52px auto 1px;}
    .sec04_frame.st3 .tt2 img{height: 60px;width: auto;}
    .sec04_frame_info{font-size: 1.5rem;text-align: left;line-height: 1.6;}
    .sec04_frame_img{max-width: 296px;margin: 0 auto 19px;}
    .sec04_frame_des{margin-bottom: 14px;line-height: 1.5;}
    .sec04_frame_des .desc{margin-bottom: 0px;line-height: 1.6;}
    .sec04_frame_des2{margin-bottom: 15px;}
    .sec04_frame_col{flex-direction: column;max-width: 400px;margin: 0 auto;}
    .sec04_frame_col:not(.st2) > dl dd{padding: 40px 20px 20px;}
    .sec04_frame_col:not(.st2) > dl dt{width: 212px;height: 40px;margin: 0 auto -20px;font-size: 2rem;display: flex;justify-content: center;align-items: center;}
    .sec04_frame_col.st2 > dl ul li img{margin-bottom: 5px;}
    .sec04_frame_col.st2 dl dt{padding: 10px 10px;line-height: 1.4;}
    .sec04_frame_col.st2 dl dd{padding: 9px 15px 13px;width: 100%;}
    .sec04_frame_col.st2 dl dd::after{bottom: 10px;}
    .sec04_frame_col.st2 dl.big dd{padding-bottom: 30px;}
    .sec04_frame_col > dl{width: 100%;}
    .sec04_frame_col > dl:not(:last-child){margin-bottom: 21px;}
    .sec04_frame_col > dl ul{justify-content: space-between;max-width: 320px;margin-left: auto;margin-right: auto;}
    .sec04_frame_col > dl ul:not(.col2_sp) li{width: 80px;max-width: calc((100% - 26px) / 3);}
    .sec04_frame_col > dl ul li .sm{font-size: 1.1rem;margin-top: 10px;}
    .sec04_frame_col > dl dd .des{margin-bottom: 21px;}
    .sec04_frame_col > dl:first-child ul li .txt{line-height: 1.4;}
    .sec04_frame_col > dl ul li img{margin-bottom: 9px;}
    .sec04_frame_col.st2 dl:not(:last-child){margin-bottom: 8px;}
    /* sec05 */
    .sec05{padding: 73px 0 80px;}
    .sec05_tt{font-size: 2.2rem;line-height: 1.4;margin-bottom: 10px;}
    .sec05_tt span{font-size: 2.4rem;}
    .sec05_tt .num{font-size: 4.8rem;transform: translateY(3px);}
    .sec05_tt .sm{font-size: 2.6rem;}
    .sec05_slg{font-size: 1.6rem;padding: 9px 10px;line-height: 1.4;max-width: 400px;margin: 0 auto;}
    .sec05_btn{margin-top: 46px;}
    .sec05_btn a{font-size: 2rem;width: 100%;height: 84px;text-align: center;border-width: 2px;border-bottom-width: 6px;background-position: right 20px center;background-size: 6px;padding-left: 27px;}
    .sec05_btn a > span::before{width: 30px;height: 32px;left: -42px;top: calc(50% - 16px);}
    .sec05_btn a::after{width: 94px;height: 96px;bottom: calc(100% - 24px);left: -21px;}

    /* sec06 */
    .sec06{padding: 40px 0;}
    .sec06_map{width: calc(100% + 6px);}
    .sec06_map > dt{margin-bottom: 8px;text-align: center;}
    .sec06_map_note{height: 129px;justify-content: flex-start;padding-left: 18px;max-width: 350px;margin: 0 auto;}
    .sec06_map_note dt{margin-right: 11px;}
    .sec06_map_note dd .tt1{font-size: 1.8rem;}
    .sec06_map_note dd .tt2{font-size: 2rem;}
    .sec06_map_note dd .tt2 .num{font-size: 5.6rem;margin-right: 5px;}
    .sec06_map_note:not(:last-child){margin-bottom: 10px;}
    .slick-dots{bottom: -4px;position: relative;}
    .slick-dots li{margin: 5px;}
    .slick-prev, .slick-next{top: 44%;}
    .slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus{width: 48px;height: 48px;}
    .slick-prev,.slick-prev:focus{left: -10px;}
    .slick-next,.slick-next:focus{right: -10px;}

    /* sec07 */
    .sec07{padding: 40px 0 10px;}
    .sec07_note{max-width: 291px;margin: 0 auto 30px;}
    .sec07_list{max-width: 320px;margin: 0 auto;}
    .sec07_list dl dt{margin-bottom: 39px;}
    .sec07_list dl dt .tt span{font-size: 1.8rem;}
    .sec07_list dl dt .cate span{padding: 1px 10px;}

    /* sec08 */
    .sec08{padding: 40px 0 0;}
    .sec08_tt2{font-size: 1.5rem;padding: 5px 10px;margin-bottom: 13px;}
    .sec08_list{grid-template-columns: repeat(2,1fr);grid-gap: 12px 10px;}
    .sec08_list:not(:last-child){margin-bottom: 20px;}
    .sec08_list dl dd{font-size: 1.3rem;line-height: 1.6;font-weight: bold;}
    .sec08_list dl dt{margin-bottom: 5px;}
    .sec08_list dl dt .cta{font-size:0.8rem;width: 34px;height: 14px;border-radius: 2px;bottom: 5px;right: 5px;}
    .sec08_list dl dt .cta::after{width: 10px;height: 10px;margin-left: 2px;}
    .sec08_list dl dd{line-height: 1.4;}

    /* sec09 */
    .sec09{padding-top: 40px;}
    .sec09_step{margin-bottom: 20px;}
    .sec09_step dl:not(:last-child){margin-bottom: 20px;}
    .sec09_step dl dt{width: 60px;}
    .sec09_step dl dt span{font-size: 2.4rem;margin-top: 0;}
    .sec09_step dl dd{padding: 12px 10px 10px 20px;font-size: 1.8rem;line-height: 1.4;width: calc(100% - 60px);min-height: 72px;display: flex;flex-direction: column;justify-content: center;}
    .sec09_frame{padding: 20px 20px 24px;}
    .sec09_frame::after{top: 15px;right: 15px;}
    .sec09_frame .tt{line-height: 1.6;}
    .sec09_frame *{line-height: 2;}

    /* sec10 */
    .sec10{padding: 40px 0 13px;}
    .sec10 .inner{max-width: 400px;}
    .sec10 > .inner::after{width: 90px;height: 120px;right: 10px;bottom: -14px;}
    .sec10_tt2{font-size: 1.8rem;margin-bottom: 10px;}
    .sec10_note{font-size: 1.1rem;padding-right: 100px;}
    .sec10_note:not(:last-child){margin-bottom: 0px;}
    .sec10_img{width: calc(100% + 20px);margin-left: -10px;margin-bottom: 7px;}

    /* sec11 */
    .sec11{padding: 40px 0;}
    .sec11 .faq_list dl dd .key{margin-bottom: 0;line-height: 1.4;}
    .sec11 .faq_list dl dt::before,.sec11 .faq_list dl dt .key{width: 54px;}
    .sec11 .faq_list dl dt .key{font-size: 3.2rem;}
    .sec11 .faq_list dl dt .tt{padding-right: 50px;}
    .sec11 .faq_list dl dd{padding: 11px 20px 20px;}
    .sec11 .faq_list dl dd p{line-height: 1.6;}

    /*============= FOOTER ==============*/
    .ft_map{margin-bottom: 19px;}
    .ft_top{padding: 40px 0 37px;}
    .ft_top_tt{margin-bottom: 20px;}
    .ft_bot{padding: 20px 15px;}
    .ft_info_txt{line-height: 1.5;}
    .ft_info_txt:not(:last-child){margin-bottom: 12px;}
    .ft_info_txt span{display: block;}
    .ft_info_txt .company{font-size: 1.6rem;}
    .ft_info_des{font-size: 1.3rem;margin-bottom: 10px;}
    .ft_map iframe{width: 100%; height: 215px;}
    address{font-size: 1rem;text-align: center;padding-bottom: 72px;}

    .bnn_top a{width: 100%;height: 56px;border: 2px solid #000;border-radius: 4px;color: #FFF;font-size: 1.8rem;text-align: center;display: flex;justify-content: center;align-items: center;background-color: var(--scolor);font-weight: bold;margin: 0 auto;}
    .bnn_top a span{position: relative;display: inline-block;padding-left: 40px;}
    .bnn_top a span::before{content: "";position: absolute;width: 27px;height: 24px;background: url('../img/bnn_fixed_ic.svg') no-repeat center /contain;left: 2px;top: calc(50% - 12px);}
    .bnn_fixed{position: fixed;bottom: -100px;left: 0;width: 100%;z-index: 8;display: flex;justify-content: center;align-items: center;padding:20px;transition: all 0.3s;}
    body.is_scroll .bnn_fixed{bottom: 0;}

    .popup_box{padding: 20px;max-height: 90vh;}
    .popup_box video{max-height: 80vh;}
    .popup_close{top: -15px;right: -15px;}
    /* TO TOP */
    .to_top{width:50px;height:50px;right:20px;bottom: 90px;}

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

/* 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: 360px) {
    html{font-size: 52%;}
    .mv{height: 640px;}
    .sec04_frame_col.st2 dl dd ul li.sm{font-size: 1.2rem;}
    .sec09_frame{padding-left: 10px;padding-right: 7px;}
    address{font-size: 0.9rem;}
    .sec10 > .inner::after{width: 70px;height: 80px;}
    .sec04_frame_col:not(.st2) > dl dd{padding-left: 10px;padding-right: 10px;}
    .slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus{width: 30px;height: 30px;}
    .sec09_step dl dd{font-size: 1.7rem;}
    .slick-prev, .slick-next {top: calc((50% - 39px) - 15px);}
}