@media screen and (min-width: 751px) {
    .find_a,.find_out{cursor: pointer;}
    .nav_list>li>a::before,.nav_list>li>.hook::before{content: "";position: absolute;width: 8px;height: 8px;border-radius: 50%;background-color: var(--mcolor);left: calc(50% - 4px);top:-10px;display: none;}

    /* HOVER */
    .nav_list>li:hover a::before,.nav_list>li:hover .hook::before{display:block}
    .parent:not(:hover) .sub{display: none;}
    .parent:hover .sub{transform:translate(0,0);}
    .sub a:hover{background-color:var(--scolor);text-decoration: none;}
    .to_top img:hover,.btn a.hv,.faq_list dl:hover dt::after{opacity:.8}
    .btn a:hover,.btn_contact a:hover,.h_contact a:hover{background-color: #E92883;background-position: right 30px center;}
    .h_contact a:hover{background-position: right 12px center;}
    .ft_links li a:hover{text-decoration: none;}
    .audio_btn:hover{background-color: #ffffb2;}
    .tabs .tab-link:not(.current):hover{background-color: var(--mcolor);color: #FFF;}
    .mv_video:hover .mv_video_cta > span{color: var(--yellow);}
    .sidebar_cta a:hover{background-color: #E92883;}
    .faq_list dl:hover{background-color: #f5f5f5;}

}
@media screen and (min-width: 1921px){
    .to_top{right: calc(50% - 940px);}
    .sidebar_cta {right: calc(50% - 960px);}
}
@media screen and (min-width: 751px) and (max-width: 1580px){
    .h_box{padding: 15px 15px;}
    .h_box.is-active{padding: 10px 20px;}
    .nav_list>li:not(:last-child){margin-right:20px;}
    .h_contact a{width: 210px;padding-right: 15px;}
    .mv .inner{padding-top: 80px;}
    .mv_box{height: 550px;}
    .mv_cta{margin-bottom: 30px;}
    .mv_ttl{max-width: 420px;}
    .mv_ttl2{font-size: 2.2rem;}
    .mv_ttl2 .key{font-size: 1.6rem;}
    .mv_col{max-width: 1050px;margin: 0 auto 20px;}
    .mv_h1{font-size: 4rem;line-height: 1.7;}
    .btn_contact.lg a{width: 70rem;height: 7rem;font-size: 2rem;}
    .mv_carousel{padding: 10px;}
    .sidebar_cta a{font-size: 1.4rem;width: 40px;height: 320px;}
    .to_top{width:50px;height: 50px;}
    .sidebar_cta{bottom: 15%;}
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    html,body{overflow-x: hidden;}
    input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd, del{font-size: 1.5rem}
    p, dd, dt, li, th, td, address{line-height: 1.3;}
    img{max-width:100%; height: auto;}
    #wrapper,header,main,footer,.inner{width:100%!important;min-width:unset!important}
    #wrapper{overflow: hidden;}
    .pc{display:none!important}
    body.is_nav{overflow: hidden;}
    body.mac nav{padding-bottom: 16rem;}
    /* NAV */
    nav{display:block;position:fixed;top:0;right:0;width:calc(100% - 5rem);height:100vh;overflow:auto;z-index:100;background: #FFF;padding: 0 3.2rem 8rem 3.2rem;box-shadow: 0 0.3rem 3.6rem rgba(0, 0, 0, 0.6);transition: all 0.3s;transform: translateX(110%);}
    nav.active{transform: translateX(0);}
    nav .inner{padding: 0;}
    .nav_list{margin: 7.2rem 0 4rem;}
    .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;font-weight: bold;padding: 1.7rem 0;border-bottom: 1px solid #C2C2C2;}
    .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: #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);}
    nav .h_contact a{margin: 0 auto;width: 100%;max-width: 34.5rem;border-width: 0;height: 5rem;font-size: 1.6rem;}

    .sub{display:none}
    .sub ul:not(:last-child){margin-bottom:1.5rem}
    .sub a{color:var(--mcolor);border-bottom:none;}
    .hamburger{position:absolute;right: 1.1rem;bottom: 1rem;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
    ======================================================*/
    #logo{width: 13.2rem;}

    /*============ Main ============*/
    .ttl_h2{font-size: 2rem;padding-bottom: 1.9rem;line-height: 1.34;margin-bottom: 2.4rem;}
    .ttl_h2::after{width: 10rem;height: 0.3rem;left: calc(50% - 5rem);}
    /* MAIN VISUAL */
    .mv{overflow: hidden;}
    .mv_box{height: auto;padding: 7.7rem 0 1.8rem;background: url('../images/mv_bg_sp.png') no-repeat bottom right /37.5rem #F6FFFF;}
    .h_box{height: 6.3rem;padding: 0 1.6rem;position: fixed;}
    .is_scroll .h_box{background-color: #FFF;}
    .mv_ttl{margin-bottom: 1.4rem;}
    .mv_ttl1{font-size: 1.5rem;width: fit-content;padding: 1rem 2rem;border-width: 1px;margin: 0 auto 2rem;line-height: 1;}
    .mv_ttl1 .st1{font-size: 1.5rem;margin-right: 0.8rem;}
    .mv_ttl1 .en{font-size: 1.9rem;margin: 0 0.5rem;}
    .mv_ttl1::after{width: 1rem;height: 1rem;left: calc(50% - 0.8rem);}
    .mv_ttl2{font-size: 1.8rem;}
    .mv_ttl2 .key{font-size: 1.3rem;padding: 1px 0.9rem;border-radius: 0.4rem;margin-right: 1rem;}
    .mv_h1{font-size: 2.8rem;display: flex;flex-direction: column;align-items: center;line-height: 1.65;letter-spacing: 0.02rem;}
    .mv_h1 > span{padding-bottom: 0.2rem;}
    .mv_h1_en {font-size: 3.4rem;}
    .mv_h1_sm {font-size: 2.4rem;}
    .sys{margin-right: -1rem;}
    .sys_r{margin-right: 0;}
    .mv_body{margin-bottom: 2.7rem;}
    .mv_video{border-width: 0.5rem;border-radius: 0.3rem;width: 100%;margin-left: 0;}
    .mv_col{width: calc(100% - 3rem);max-width: 34.5rem;margin: 0 auto 2.8rem;}
    .mv_cta_tt{padding: 0 2.5rem;font-size: 1.3rem;margin-bottom: 1rem;}
    .mv_cta_tt::before, .mv_cta_tt::after{top: 0;}
    .mv_cta_tt::before{left: 0;}
    .btn_contact a{width: 34.4rem;max-width: calc(100% - 3rem);height: 5rem;font-size: 1.6rem;border-width: 0.2rem;}
    .btn_contact a{background-position: right 2.8rem center;background-size: 0.9rem;}
    .mv_video_fr::after{height: 6.3rem;}
    .mv_video_cta{bottom: 2.2rem;}
    .mv_video_cta > span{font-size: 1.4rem;padding-left: 4rem;}
    .mv_video_cta > span::before{width: 3rem;top: calc(50% - 1.7rem);}

    .mv_carousel{padding: 1rem;}
    .mv_mv_carousel_ite img{height: 3rem;}


    /* sec01 */
    .sec01{padding: 4rem 0 7.5rem;background: url('../images/sec01_bg_sp.png') no-repeat center bottom /102%;}
    .sec01_h2{font-size: 2.2rem;margin-bottom: 2.3rem;}
    .sec01_h2 span{text-underline-offset: 0.5rem}
    .sec01_list{grid-template-columns: repeat(2,1fr);gap: 1.8rem 1rem;max-width: 44rem;margin: 0 auto;}
    .sec01_list dl dt{font-size: 1.4rem;height: 8.9rem;display: flex;justify-content: center;align-items: center;margin-bottom: 0.7rem;}
    .sec01_list dl dd img{width: 15.2rem;}
    .sec01_list dl dt::after{width: 0.8rem;height: 0.7rem;left: calc(50% - 0.4rem);}

    /* sec02 */
    .sec02{padding: 3rem 0 5.1rem;}
    .sec02::before, .sec02::after{width: 36rem;height: 28rem;}
    .sec02::before{left: -31%;top: -12%;}
    .sec02::after{right: -40%;bottom: -5%;}
    .sec02_head{margin-bottom: 5.8rem;}
    .sec02_head .desc{line-height: 1.4;}
    .sec02_tt{font-size: 1.4rem;margin-bottom: 0.8rem;}
    .sec02_h2{font-size: 1.7rem;padding: 0.4rem 1.9rem;margin-bottom: 1rem;}
    .sec02_list{grid-template-columns: repeat(2,1fr);gap: 5.9rem 1rem;max-width: 44rem;margin: 0 auto;}
    .sec02_list dl{border-radius: 0.5rem;padding: 1.6rem 0.9rem 2.1rem;}
    .sec02_list dl dt{padding: 1rem 0.5rem 2.1rem;margin-bottom: 0.7rem;}
    .sec02_list dl dt::after{width: 1.2rem;height: 1rem;left: calc(50% - 0.6rem);}
    .sec02_list dl dt .tt{font-size: 1.6rem;letter-spacing: -.05rem;line-height: 1.3;}
    .sec02_list dl dt .tt span{font-size: 2rem;}
    .sec02_list dl dt .ico{width: 7.2rem;margin: -5.9rem auto 0;}
    .sec02_list dl dd{line-height: 1.4;}
    /* sec03 */
    .sec03{padding: 6.3rem 0 5rem;}
    .sec03_head{margin: 0 auto 2.4rem;max-width: 49rem;}
    .sec03_tt{font-size: 1.6rem;margin-bottom: 0.5rem;}
    .sec03_tt img{width: 13.4rem;transform: translateY(-0.5rem);}
    .sec03_h2{font-size: 1.6rem;text-align: left;}
    .sec03_h2 span{margin: 1rem 0.8rem 0 0;padding: 0.6rem 1.7rem;}
    .sec03_frame{padding: 2.3rem 0.8rem 0.8rem 0.9rem;max-width: 44rem;margin: 0 auto;}
    .sec03_frame .tt{font-size: 1.5rem;margin-bottom: 1.3rem;}
    .sec03_frame .fr{max-width: 32.8rem;margin-left: auto;margin-right: auto;}

    /* sec04 */
    .sec04{padding: 5.1rem 0 5.8rem;}
    .tabs{margin-bottom: 0.8rem;}
    .tabs .tab-link{font-size: 1.2rem;line-height: 1.2;height: 6.4rem;padding-bottom: 0.2rem;}
    .tabs .tab-link.current{height: 7.2rem;}
    .sec04_box{flex-direction: column-reverse;border-width: 0;outline: 0.8rem solid var(--mcolor);padding: 1.7rem 1.8rem;gap: 2.3rem;}
    .sec04_box_r .example{font-size: 1.6rem;}
    .sec04_box_r .example .key{font-size: 1.4rem;padding: 0.4rem 2rem;display: block;width: fit-content;margin-bottom: 0.7rem;}
    .sec04_box .desc{line-height: 1.6;margin-bottom: 2rem;}
    .audio_btn{width: 31.2rem;max-width: 100%;height: 4.5rem;font-size: 1.6rem;margin: 0 auto;}
    .audio_btn:not(:last-child){margin-bottom: 2rem;}
    .audio_btn::after{width: 2.6rem;height: 2.6rem;top: calc(50% - 1.3rem);left: 2rem;}
    .audio_btn:not(.is-play)::before{left: 3rem;width: 0.9rem;height: 1.1rem;top: calc(50% - 0.5rem);}
    .audio_btn.is-play::before{width: 0.8rem;height: 1.2rem;border-width: 0.3rem;top: calc(50% - 0.6rem);left:2.9rem}
    .sec04_box_l img{width: 31.2rem;max-width: 100%;}

    /* secnew */
    .secnew{padding: 6.2rem 0 5.6rem;}
    .secnew::before{height: 3rem;}
    .secnew_head{margin-bottom: 3.2rem;}
    .secnew_lead{font-size: 1.6rem;line-height: 1.5;margin-bottom: 1rem;padding: 0 1.5rem;}
    .secnew_ttl{font-size: 2rem;line-height: 1.35;padding: 0.5rem 1.4rem;border-width: 0.2rem;}
    .secnew_tabs{gap: 0.4rem;margin-bottom: 0;}
    .secnew_tabs .tab-link{font-size: 1.4rem;line-height: 1.3;width: 50%;height: 5.8rem;padding: 0.4rem;}
    .secnew_tabs .tab-link.current{height: 6.6rem;}
    .secnew_panel{border-width: 0.3rem;padding: 2.2rem 1.4rem 2.6rem;}
    .secnew_summary{display: block;margin-bottom: 2.4rem;}
    .secnew_issue{padding: 1.8rem 2rem;}
    .secnew_strength,.secnew_target{padding: 1.8rem 1.4rem;}
    .secnew_issue,.secnew_strength{margin-bottom: 1.4rem;}
    .secnew h3{font-size: 1.6rem;margin-bottom: 1.2rem;padding-left: 2rem;}
    .secnew h3::before{width: 1.2rem;height: 1.2rem;top: 0.4rem;}
    .secnew_issue_list li{font-size: 1.5rem;min-height: 8.6rem; padding: 1rem 0.5rem 1rem 8rem;line-height: 1.55;}
    .secnew_issue_list li::before{width: 6rem;height: 6rem;left: 1.5rem;top: calc(50% - 3rem);}
    .secnew_strength dl{grid-template-columns: 1fr;gap: 0.8rem;}
    .secnew_strength dl:not(:last-child){margin-bottom: 1.5rem;}
    .secnew_strength dt{font-size: 1.4rem;padding: 0.8rem;width: 14rem;}
    .secnew_strength dd,.secnew_target p{font-size: 1.4rem;line-height: 1.55;}
    .secnew_panel .secnew_audio_btn{margin-bottom: 2.4rem;}
    .secnew_images{grid-template-columns: 1fr;gap: 2.8rem;}
    .secnew_img p{font-size: 1.4rem;margin-bottom: 0.8rem;}
    .secnew_img_r{max-width: 28rem;margin: 0 auto;}

    /* sec05 */
    .sec05{padding: 5.1rem 0;}
    .sec05::after{background: url('../images/sec05_bg_sp.png') no-repeat center top/100% 100%;height: 60rem;}
    .sec05_list li{padding-bottom: 2.4rem;max-width: 44rem;margin: 0 auto;}
    .sec05_list li:not(:last-child){margin-bottom: 2rem;}
    .sec05_list li .tt{margin-bottom: 2rem;}

    /* sec06 */
    .sec06{padding: 5.1rem 0 5.3rem;position: relative;}
    .sec06::before,.sec06::after{content: '';position: absolute;width: 36rem;height: 28rem;background: url('../images/sec02_before.png') no-repeat center /contain;z-index: -1;}
    .sec06::before{left: -34%;top: -4%;}
    .sec06::after{right: -25%;bottom: -5%;}
    .sec06_list{grid-template-columns: repeat(2,1fr);gap: 1.6rem 1rem;}
    .sec06_list dl dt{font-size: 1.6rem;padding: 1rem;height: 5.4rem;display: flex;justify-content: center;align-items: center;line-height: 1.2;}
    .sec06_list dl dd{padding: 0.8rem 1.6rem 1.5rem;}
    .sec06_list dl dd .ico{margin-bottom: 0.6rem;}
    .sec06_list dl dd .ico ~ p {line-height: 1.4;letter-spacing: 0.01rem;}

    .secbnn{padding: 4.6rem 0 5.2rem;}
    .secbnn::after{width: 110%;}
    .secbnn_h2{font-size: 2.5rem;font-weight: bold;margin-bottom: 0.7rem;}

    /* sec07 */
    .sec07{padding: 5.3rem 0 0;}
    .sec07 .inner{width: 100% !important;max-width: 37rem;}
    .sec07_list{margin-bottom: 2.3rem;}
    .sec07_ite{width: 31.2rem;padding: 0 1.6rem 2.5rem;margin: 0 0.8rem;}
    .sec07_ite_head{width: calc(100% + 1.6rem);margin-left: -0.8rem;margin-bottom: 0.5rem;}
    .sec07_ite_head .tt{font-size: 1.6rem;}
    .sec07_ite_head .case{font-size: 0.9rem;width: 4.3rem;height: 6.4rem;margin-right: 1.3rem;padding-top: 0.5rem;}
    .sec07_ite_head .case span{font-size: 2.1rem;}
    .sec07_ite_head .ico{width: 5.6rem;height: 2.4rem;margin-top: -0.3rem;}
    .sec07_ite_body{flex-direction: column;gap: 2.5rem;margin-bottom: 2.6rem;}
    .sec07_ite_body .slg{font-size: 1.4rem;padding: 0.5rem;height: 4rem;}
    .sec07_ite_body .slg:not(:last-child){margin-bottom: 1.2rem;}
    .sec07_ite_body .slg .lg{font-size: 2.5rem;}
    .sec07_ite_body .slg_sm{font-size: 1.3rem;}
    .sec07_ite_body .tt{font-size: 1.6rem;padding-left: 1.8rem;margin-bottom: 0.9rem;}
    .sec07_ite_body .tt::before{width: 1.2rem;height: 1.2rem;top:0.5rem;}
    .sec07_ite_body .tt ~ p{line-height: 1.55;}
    .sec07_ite_body dl dt{margin-bottom: 0.9rem;}
    .slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus{width: 3.2rem;height: 3.2rem;background-size: 0.7rem !important;top: 18.5rem;}
    .slick-next, .slick-next:focus{right: -0.9rem;}
    .slick-prev, .slick-prev:focus{left: -0.9rem;}
    /* sec08 */
    .sec08{padding: 5.3rem 0 4.8rem;}
    .sec08 .desc{text-align: left;}
    .sec08_frame{padding: 1.6rem 1.6rem;max-width: 44rem;margin: 0 auto 2.7rem;}
    .sec08_frame_box{padding: 0.9rem 0.6rem;border-width: 0.2rem;border-radius: 0.5rem;min-height: 6.4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .sec08_frame_ite:not(:last-child){margin-bottom: 4.8rem;}
    .sec08_frame_box .tt{font-size: 2.2rem;margin-bottom: 0.8rem;}
    .sec08_frame_box .tt .ic_note{transform: translateY(-80%);}
    .sec08_frame_ite:not(:first-child)::before{width: 3.2rem;height: 3.2rem;left: calc(50% - 1.9rem);top: -4.1rem;}
    .sec08_frame_ite .des{font-size: 1.4rem;}
    .sec08_frame_box dl{padding: 1.2rem 0.8rem;}
    .sec08_frame_box dl dd ul{gap: 0.5rem 0.8rem;}
    .sec08_frame_box dl dd ul li{width: 13.6rem;padding: 0.6rem 1rem;}

    /* sec09 */
    .sec09{padding: 4.9rem 0;}
    .sec09_box{padding: 3.5rem 1.5rem 3.3rem;}
    .sec09_list{padding-left: 3.4rem;}
    .sec09_list dl{display: flex;align-items: center;}
    .sec09_list dl:not(:last-child){margin-bottom: 2.5rem;}
    .sec09_list dl dt,.sec09_list dl dd{min-height: 11rem;}
    .sec09_list dl dt{width: 11rem;padding: 1.3rem;font-size: 1.6rem;align-items: flex-start;}
    .sec09_list dl dt span{font-size: 1.2rem;}
    .sec09_list dl dd{width: calc(100% - 11rem);padding: 1rem 1.1rem;line-height: 1.5;display: flex;flex-direction: column;justify-content: center;}
    .sec09_list::before{width: 2.4rem;height: 100%;background: url('../images/sec09_arrow_sp.png') no-repeat center bottom /auto 100%;left: 0.2rem;bottom: 0;}

    .sec10{padding: 5.2rem 0 9.9rem;}
    .sec10::before, .sec10::after{width: 36rem;height: 28rem;}
    .sec10::before{left: -55%;top: 1%;}
    .sec10::after{right: -30%;bottom: -20%;}
    .faq_list dt, .faq_list dd{font-size: 1.5rem;align-items: flex-start;}
    .faq_list dt::after{width: 1.3rem;right: 0.4rem;top: calc(50% - 1.1rem);}
    .faq_list dl{padding: 1.6rem 1.7rem 1.2rem;}
    .faq_list dt{line-height: 1.5;padding-right: 2.6rem;}
    .faq_list dl dd{line-height: 1.5;padding-right: 0rem;}
    .faq_list dl.active dt{margin-bottom: 1rem;}
    .faq_list dl.active dd{padding-top: 1.6rem;}
    .faq_list dt > span, .faq_list dd > span{width: 2.4rem;height: 2.4rem;font-size: 1.5rem;margin-right: 0.8rem;}

    .ft_links {flex-direction: column;gap: 0.4rem;padding-bottom: 3.1rem;margin-bottom: 3.3rem;}
    .ft_links li a{font-size: 1.1rem;}
    .sidebar_cta{width: 100%;bottom: -5rem;left: 0;transition: all 0.3s;}
    .sidebar_cta.show{bottom: 1rem;}
    .sidebar_cta a{font-size: 1.6rem;width: 34.4rem;max-width: calc(100% - 3rem); height: 5rem; font-weight: bold; color: #FFF; border-radius: 99.9rem; border: 0.3rem solid #FFF; display: flex; justify-content: center; align-items: center; box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); background: url(../images/btn_contact_ic.png) no-repeat center right 2.5rem /0.9rem var(--scolor); margin: 0 auto;}
    /*============ FOOTER ============*/
    address{font-size: 1.3rem;}
    footer{margin-bottom: 5rem;padding: 3rem 0;}

    /* TO TOP */
    .to_top{width:5rem;height:5rem;right:1.5rem;bottom: 7rem;}
    /*============ END 750 ============ */
}



/* screen-max:440px */
@media screen and (max-width: 440px) {

}

/* screen-max: 374px */
@media screen and (max-width: 374px) {
    html{font-size: 52%;}
}