@charset "UTF-8";

/* 640px以下 */
@media (max-width:640px) {

    /* headerのCSS */

    #header{
        width: 80%;
    }

    header img{
        width: 60px;
        padding: 10px 0;
    }

    header nav{
        display: none;
    }
    

    /* contentのCSS */

    .h2_p{
        margin-bottom: 30px;
    }

    h2{
        font-size: 24px;
    }


    /* topのCSS */

    .top_bg{
        height: 285px;
        margin: 0;
    }

    .top_text{
        top: 45px;
    }

    .top h1{
        font-size: 30px;
        margin-bottom: 15px;
    }

    .top p{
        font-size: 15px;
    }


    /* aboutのCSS */

    .about{
        display: none;
    }

    .about_sp{
        display: block;
        padding: 60px 0 40px;
    }

    .about_sp .content{
        display: block;
    }
    
    .about_sp .h2_p{
        color: #32a6cf;
        padding-top: 12px;
    }

    .about_img img{
        width: 60%;
    }

    .about_img2{
        top: 50%;
        left: 40%;
    }

    .about_text{
        font-size: 9px;
        margin-top: 22%;
    }

    .about_img{
        width: unset;
        height: unset;
    }

    /* jobsのCSS */

    .jobs{
        display: none;
    }

    .jobs_sp{
        display: block;
        background-image: url(../images/bg_2.jpg);
        background-size: cover;
        background-position: center;
        padding: 40px 0;
    }
    
    .jobs_sp .h2_p{
        color: #fff;
    }

    .jobs_sp .h2_p p{
        font-size: 16px;
        width: 100%;;
    }
    
    .jobs_inner{
        display: block;
    }
    
    .jobs_item{
        display: block;
        width: 100%;
        margin: 50px 0;
    }

    .jobs_item:first-child{
        margin-top: 0;
    }
    
    .jobs_item:nth-last-child(){
        margin-bottom: 0;
    }

    .jobs_sp h3{
        margin-bottom: 12px;
        text-align: center;
    }

    .jobs_sp p{
        font-size: 12px;
        /* transform:scale(0.9); */
        letter-spacing: 2px;
        line-height: 2.6;
    }    
    
    .jobs_sp img{
        width: 100%;
        border-radius: 25px;
    }


    /* companyのCSS */

    .company{
        display: none;
    }

    .company_sp{
        display: block;
        padding: 40px 0;
    }

    .company_sp h2{
        color: #32a6cf;
        text-align: center;
        margin-bottom: 30px;
    }

    table{
        width: 100%;
        float: none;
        font-size: 14px;
    }
    
    tr{
        height: 42px;
    }

    td:nth-child(1){
        width: 96px;
    }
    
    iframe{
        width: 100%;
        height: 300px;
        float: none;
        margin-top: 40px;
    }
    

    /* contactのCSS */

    .contact{
        padding: 40px 0;
    }

    form input{
        height: 30px;
    }

    form textarea{
        height: 120px;
    }

    form #form_submit_button{
        width: 63px;
        padding: 5px 0;
        margin: 24px auto 0;
    }


    /* footerのCSS */

    footer{
        font-size: 10px;
        padding: 25px 0;
    } 
}