@charset "UTF-8";





/* キャリアページ(news.html)---------------- */

/* 採用情報ページ(contact.html)------------ */

/* 応募サイト(entry.html)----------------- */

/* ************************************
    PC版の切り替え
************************************ */


/* 以下のPC用の設定 */
@media screen and ( min-width:639px ) {
    /* 共通部分------------------------------- */
    .sp-nav{
        display: none;
    }
    /*  ------Recruit(ほとんどのページに使う)----- */

    /* テキストコンテンツのグループ */
    .recruit-content{
        position: absolute;
        left: auto;
        right: 0;
        bottom: auto;
        top: 10px;
    }
    .footer a {
        position: relative;
    }
    
    /* HOME(index html)-------------------------- */
    .logo .mark{
        width: 20%;
    }
    .logo{
        margin-top: 10px;
    }
    .typo{
        width: 60%;
        margin-left: 10px;
    }
    .nav-outer{
        justify-content: space-between;
        display: flex;
        padding: 10px;
    }
    .pc-nav{
        display: flex;
        background-color: rgba(20, 147, 67, 1);
        width: 550px;
        height: 65px;
        border-radius: 40px;
        justify-content: center;
        text-align: center;
        /* margin: 10px; */
        margin-top: 10px;
        /* align-items: center; */
        /* justify-content: flex-end; */
    }
    .pc-nav a{
        margin: 20px;
        /* margin-top: 20px; */
        color: #fff;
        font-size: 20px;
        /* height: 20px; */
    }
    .company p {
        /* right: 20%; */
        width: 40%;
        text-align: left;
        /* width: 500px; */
        left: 30%;
        margin: 0 auto;
    }
    .company h1 {
        /* left: 110px; */
    }
    .mossion p {
        width: 40%;
    }
    .company_inner{
        max-width: 100%;
        width: 100%;
        height: 440px;
        background-position: 0 0;
        text-align: center;
        margin: 0 auto;
    }
    .company_group {
        /* padding: 35%; */
    }
    .newsbox {
        width: 60%;
    }
    /* キャリアページ(news.html)---------------- */
    .carrier-pass_inner,.education-pass{
        width: 50%;
        padding: 5px;
    }
    .education-pass_inner{
        margin-bottom: 0;
    }
    .education-pass_inner h2{
        padding: 0 0 20px 0;
    }
    
    .c-1 h3{
        margin-top: 0;
    }
    .c-1 h3,.c-2 h3,.c-3 h3,.c-4 h3{
        height: 135px;
    }
    .flex-a{
        display: flex;
        margin: 3% 30% 0;
        justify-content: center;
    }
    .flex{
        display: flex;
        margin: 40px;
        justify-content: center;
    }
    .instagram,.x{
        width: 100%;
        /* margin: 0px 40px; */
    }
    .instagram{
        margin-right: 40px;
    }

    /* 採用情報ページ(contact.html)------------ */
    .contact_class-inner p,
    .contact_class-inner h3,
    .contact_class-inner h2{
        margin: 0 auto;
    }
    .contact_class-inner p{
        width: 60%;
    }
    .contact_Box{
        height: 200px;
        width: 200px;
    }
    .Step{
        padding: 5px;
    }
    .contact_Box,.contact_Box p{
        padding: 20% 0;
    }

}/* /.@media screen */