.sp440{display:none}

@media screen and (min-width: 751px) {
    .sp{display:none !important}
    .find_a,.find_out{cursor: pointer;}
    .nowrap_pc{white-space: nowrap;}
    .alignleft{float:left;margin-right:2rem;margin-bottom:2rem;max-width:30rem!important}
    .alignright{float:right;margin-left:2rem;margin-bottom:2rem;max-width:30rem!important}
    .image_r{float:right;margin:0 0 0 5rem}
    .image_l{float:left;margin:0 5rem 0 0}

    /* NAV */
    .hamburger{display:none;}
    .nav_list{display: flex;justify-content: space-between;}
    .nav_list>li{position: relative;}
    .nav_list>li:not(:last-child)::after{content: '';position: absolute;width: 0.2rem;height: 3.7rem;background-color: var(--gray);top: calc(50% - 1.8rem);right: 0;}
    .nav_list>li>a,.nav_list>li>.hook{display:flex;align-items:center;position:relative;padding:0.5rem 3.1rem;font-size: 1.8rem;}
    .nav_list>li.parent>.hook{cursor:default}
    .sub{position:absolute;z-index:1;transition:all .3s;opacity:0; visibility:hidden;width:23.2rem;top:100%;left:0;padding-top: 1.9rem;}
    .sub ul li a{font-size:1.8rem;display:flex;width:140%;align-items:center;padding: 0.4rem 2rem 0.3rem 4.6rem;margin:0 auto;color:var(--mcolor);position: relative;background-color: #c9caca;letter-spacing: 0.05rem;}

    .h_inner{width: 1244px;padding-top: 0.5rem;}
    .h_left{max-width: 35%;padding-left: 1%;}
    .mv::after{content: '';position: absolute;height: 100%;background: url('../images/mv_bg.jpg') no-repeat center /cover;left: 50%;transform: translateX(-50%);top: 0;z-index: -1;min-width: 100vw;width: 100%;}
    .sec01{padding-bottom: 13.6rem;}
    .sec01_frame{display: grid;grid-template-columns: repeat(2,1fr);margin-bottom: 11rem;}
    .sec01_box2 .inner{width: 153rem;}
    .sec02_head{margin-bottom: -10.8rem;padding-bottom: 17.2rem;}
    .sec02_box1{margin-bottom: 20.7rem;}
    /* HOVER */
    .nav_list>li:hover>a,.nav_list>li:hover>.hook{color:var(--scolor);}
    .parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
    .sub a:hover{background-color:var(--mcolor);color: #FFF;}
    .sub a:hover::before{background-color:#FFF;}
    .to_top img:hover{opacity:.8}
    .h_contact a:hover, .btn a:hover{background-color: #2b57a1;}
    .sec02_list dl:hover dd{background-color: var(--mcolor);color: #FFF;}
    .sec02_list dl:hover dd span{color: #FFF;}
    .sec02_list dl:hover dd::after{background-color: #FFF;}
    .ft_links li a:hover{text-decoration: underline;text-underline-offset: 2px;}


}

@media screen and (min-width: 1890px) {
    .mv,.umv{height: 82.7rem;min-height: calc(100vh - 13.6rem);}
    .mv::after{width: 1920px;}
}
@media screen and (min-width: 751px) and (max-width: 1560px) {
    html{font-size:clamp(7px,0.520834vw,10px)}
    .sec01_frame_pick{background: url('../images/sec01_img.jpg') no-repeat center /cover;}
    .sec01_frame_pick img{opacity: 0;}
    .sec02_question dl dd{font-size: 2.4rem;}

}

@media screen and (min-width: 751px) and (max-width: 1240px) {
    .sec01_frame_content{padding: 5rem 4rem;}
    .ttl_h2 .en{font-size: 5.5rem;}
    .ttl_h3 .ja{font-size: 3.5vw;}
    .sec01_frame_content .des{font-size: 2.4rem;}
    .nav_list>li>a, .nav_list>li>.hook{padding: 0.5rem 2rem;}
    .sec02_question dl dt{font-size: 3.1rem;}
    .sec02_box1{margin-bottom: 15rem;}
    .sec02_question:not(:last-child){margin-bottom: 10rem;}
    .sec02_question_head .author{padding-left: 2rem;}
    .sec02_question_head .author .name .sm{font-size: 2rem;letter-spacing: 0;margin-bottom: 5px;}
    .usec02_list{gap: 6.4rem 4rem;}
    .usec02_list li.sm{width: 45rem;}
    .usec01_list dl dd .tt2{margin-bottom: 1.5rem;}
    .unav{padding: 2.2rem 0 2rem;}
    .unav_list li a{font-size: 2.2rem;}
    .usec02_box{padding: 6.4rem 4rem;}
    .usec02_list li.st4::before{right: -3.4rem;}
    .usec02_list li.st5::before{left: -3.4rem;}

}

/* 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.6rem;}
    img{max-width:100%; height: auto;}
    .pc{display:none!important}
    #wrapper,header,main,footer,.inner{width:100%!important;min-width:unset!important}
    .image_r,.image_l{display:inline-block;width:100%;text-align:center;margin:0 auto 3rem !important}

    /* NAV */
    .hamburger{position:absolute;right:0.8rem;bottom:0.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}
    nav{display:block;position:fixed;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:auto;padding-bottom:8rem;z-index:100;display:none;background: #fff;}
    nav .inner{padding: 0;}
    .nav_list{flex-direction:column}
    .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:1rem 1.5rem 0.9rem;color:var(--mcolor);font-size:1.4rem;border-bottom:solid 1px var(--mcolor)}
    .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(--mcolor);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;background-color: #c9caca;position: relative;padding-left: 3rem;}
    .sub ul li a::before{left: 1.8rem;}
    /*==========================================================================*/
    /*                                 TOP PAGE                                 */
    /*==========================================================================*/
    /*============= HEADER ==============*/
    #logo{width: 240px;margin-bottom: 5px;}
    .h_box{height:60px}
    .mv{background: url('../images/mv_bg_sp.jpg') no-repeat center /cover;padding-top:120%;height: 100%;width: 100%;position: relative;}
    .mv .inner {position: absolute;top: 17px;}
    .mv_tt{font-size: 3rem;}
    .mv_des{font-size: 2rem;}
    .ttl_h2{padding-bottom:1.5rem;}
    .ttl_h2::after{width: 4rem;height: 0.2rem;left: calc(50% - 2rem);}
    .ttl_h2 .ja{font-size: 2.4rem;letter-spacing: 0.4rem;margin-bottom: -2rem;}
    .ttl_h2 .en{letter-spacing: 0.2rem;font-size: 3.4rem;}
    .ttl_h2:not(:last-child){margin-bottom: 3rem;}
    .ttl_h3{font-size: 3rem;margin-bottom: 1rem;}
    .ttl_h3 .ja{font-size: 2.8rem;letter-spacing: 0.1rem;}
    .ttl_h3 .en{margin-bottom: 1rem;font-size: 2rem;letter-spacing: 0.2rem;}
    .ttl_h3 .en span{padding-right: 1rem;}
    .ttl_h3 .en::after{height: 1px;top:50%;}
    .heading_box{padding: 4rem 0 8rem;margin-bottom: -5rem;}
    .btn a{width: 24rem;height: 5rem;font-size: 1.8rem;}
    .h_contact a{margin: 4rem auto 0;}

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


    /* sec01 */
    .sec01{padding-bottom: 50px;}
    .sec01_frame{margin-bottom: 30px;}
    .sec01_frame_content{padding: 4rem 15px 3rem;}
    .sec01_frame_content .des{font-size: 1.8rem;}

    .sec02{padding-bottom: 30px;}
    .sec02_list{flex-wrap: wrap;margin:0 auto 40px;max-width: 500px;}
    .sec02_list dl{width: calc(50% - 0.25rem);}
    .sec02_list dl dd{padding: 1rem 0.5rem;gap: 0.5rem;}
    .sec02_list dl dd .num{font-size: 3rem;transform: translateY(0);}
    .sec02_list dl dd .name .lg{font-size: 1.5rem;}
    .sec02_list dl dd::after{width: 0.6rem;height: 1rem;right: 0.8rem;}
    .sec02_list dl dd .name .sm{font-size: 1rem;}

    .sec02_question_head{padding: 4rem 0 0 4rem;margin-bottom: 3rem;}
    .sec02_question_head .author{width: 14.5rem;height: 14.5rem;padding: 1rem;}
    .sec02_question_head .author .num{font-size: 4rem;margin-bottom: 0.5rem;}
    .sec02_question_head .author .name .sm{font-size: 1.2rem;}
    .sec02_question_head .author .name .lg{font-size: 2rem;letter-spacing: 0.1rem;}
    .sec02_question_head .author .en{font-size: 1.2rem;letter-spacing: 0.2rem;}

    .sec02_question:not(:last-child){margin-bottom: 4rem;}
    .sec02_question dl{padding: 2.5rem 0;border-width: 1px;}
    .sec02_question dl dt{font-size: 2rem;letter-spacing: 0.05rem;margin-bottom: 15px;}
    .sec02_question dl dt span{font-size: 2.4rem;}


    /*============= FOOTER ==============*/
    address{font-size: 1.2rem;letter-spacing: 0.05rem;}
    .ft_links{margin-bottom:2rem;justify-content: center;}
    .ft_links li a{font-size: 1.4rem;}

    /* TO TOP */
    .to_top{width:5rem;height:5rem;right:1rem;bottom: 1rem;}

    /*==========================================================================*/
    /*                                UNDER PAGE                                */
    /*==========================================================================*/
    #content{padding:0 0 50px}

    .umv{height: calc(100vh - 100px);}
    .umv .inner{justify-content: flex-start;padding-top: 8rem;}
    #sales .umv{background: url('../images/umv_bg_sale_sp.jpg') no-repeat center /cover;height: 100%;width: 100%;padding-top: 120%;position: relative;}
    #sales .umv .inner {position: absolute;top: 17px;}
    #career-mechanic .umv{background: url('../images/umv_bg_career_mechanic_sp.jpg') no-repeat center /cover;height: 100%;width: 100%;padding-top: 120%;position: relative;}
    #recruit-mechanic .umv{background: url('../images/umv_bg_recruit_mechanic_sp.jpg') no-repeat center /cover;height: 100%;width: 100%;padding-top: 120%;position: relative;}
    #career-sales .umv{background: url('../images/umv_bg_career_sales_sp.jpg') no-repeat center /cover;height: 100%;width: 100%;padding-top: 120%;position: relative;}
    #career-mechanic .umv .inner, #recruit-mechanic .umv .inner, #career-sales .umv .inner {position: absolute;top: 17px;}

    .unav{padding:1rem 0;}
    .unav_list{padding: 0;justify-content: center;gap: 4vw;}
    .unav_list li a{font-size: 1.4rem;}
    .umv_box{padding: 3rem 0.5rem 3rem 0rem;width: 20rem;height: 20rem;}
    .umv_sm{font-size: 1.8rem;margin-bottom: 1rem;}
    .umv_tt{font-size: 3rem;padding-left: 2.5rem;}
    .umv_tt::before{height: calc(100% - 2rem); top: 1rem;}

    /*add 251121*/
    .umv_box_cnt {
        width: 100%;
        height: 100%;
        padding-left: 3.5rem;
    }

    .umv_box_cnt.pd-s {
        padding-left: 1.5rem;
    }

    .usec01{padding-bottom: 4rem;}
    .usec01_list dl{max-width: 550px;margin-left: auto;margin-right: auto;}
    .usec01_list dl:not(:last-child){margin-bottom: 4rem;}
    .usec01_list dl dd{padding: 2rem 1.5rem 3rem;}
    .usec01_list dl dd .tt1{font-size: 1.8rem;}
    .usec01_list dl dd .tt2{font-size: 2.4rem;margin-bottom: 1.5rem;}

    .usec02_box{padding: 4rem 1.5rem;}
    .usec02_tt1{font-size: 2.2rem;padding: 1rem 0;margin-bottom: 3rem;}
    .usec02_list{gap: 3.5rem;}
    .usec02_list li{width: 100%;padding: 1rem 1rem;border-left-width: 0.5rem;border-right-width: 0.5rem;}
    .usec02_list li .tt{font-size: 2rem;}
    .usec02_list li .des{font-size: 1.5rem;}
    .usec02_list li:not(:first-child)::before{top: -2.5rem;width: 2rem;height: 1.4rem;}
    .usec02{padding-bottom: 4rem;}
    .usec03{padding-bottom: 4rem;}
    .usec03_list{padding-left: 2rem;}
    .usec03_tt1{font-size: 2.4rem;letter-spacing: 0.2rem;}
    .list01.wrap{flex-direction: column;}
    .list01 li{padding-left: 1.8rem;letter-spacing: 0;}
    .list01 li::before{width: 1rem;height: 1rem;top: 1rem;}
    .heading_box.mb80{margin-bottom: 30px;padding-bottom: 4rem;}
    .usec04 .ttl_h2 .en{font-size: 2.8rem;}


    table{margin-bottom:30px}
    table td,
    table th{padding:15px 10px}
    table.tb_block tr{display:flex;flex-direction:column}
    table.tb_block tr:first-child th{border-bottom:none}
    table.tb_block td + td{border-top: none;}
    table.tb_block th,table.tb_block td{width: 100%;}
    table:not(:last-child){margin-bottom:4rem;}
    table .list01 li::before{top: 0.6rem;}

    /* TABLE SCROLL */
    .tb_scroll{overflow:scroll;}
    .tb_scroll:not(:last-child){margin-bottom: 30px;}
    .tb_scroll table{width: 800px;}
    .tb_note{margin-bottom: 10px;color: #999;}


    /*============ 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: 374px) {
    html{font-size: 54%;}
    address{padding-right: 3rem;}
}