@charset "utf-8";
/*------------------------ここからタブレット用-----------------------------
------------------------------------------*/
@media screen and (max-width: 640px) {

    /* bace */
    h1, h2, h3, h4, p, a, ul, li, span {
        font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    }
    
    h2 {
        font-size: 2.4rem;
    }
    
    h3 {
        font-size: 1.6rem;
    }
    
    h4 {
        font-size: 1.4rem;
    }
    
    .top_left img {
        margin-bottom: 0;
        display: none;
    }

    .main_visual img:first-child {
        display: none;
    }

    .main_visual img:nth-child(2) {
        display: block;
        width: 100%;
    }

    .top_left h2 {
        font-size: 24px;
    }

    .top_left h2 br {
        display: none;
    }

    .top_left h2 .h2_jp {
        font-size: 12px;
        margin-left: 10px;
    }

    /* bace */

    /* vison */
    .top_vison {
        width: 100%;
        margin-top: 32px;
        margin-bottom: 42px;
    }

    .vison_image {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: none;
        margin-right: 0;
        text-align: center;
        margin-bottom: 24px;
    }
    
    .vison_text {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        float: none;
    }

    .vison_text h3 br {
        display: none;
    }

    .vison_text h3, .vison_text h4, .vison_text p {
        white-space: break-spaces;
    }

    /* vison */

    /* business */

    .top_business .top_right {
        margin-top: 0;
    }

    .business_contents {
        width: 100%;
        height: 100%;
    }

    .business_contents .business_logo {
        width: 100%;
        height: 200px;
        float: none;
    }

    .business_contents .business_logo img {
        position: inherit;
        display: flex;
        margin: 0 auto;
    }

    .business_contents .business_image {
        width: 100%;
        height: auto;
        float: none;
    }

    .business_contents .business_image img {
        width: 100%;
    }

    .business_contents h3 {
        position: inherit;
        display: inherit;
        margin: 0 auto;
    }

    .business_contents h4 {
        width: 80%;
        top: 55%;
        left: 10%;
    }

    .business_contents p {
        width: 90%;
        top: 70%;
        left: 10%;
    }

    .business_contents p.view_more {
        top: 90%;
        right: 10%;
    }

    /* business */
    
    /* culture */
    .top_culture {
        width: 100%;
        margin-top: 34px;
        margin-bottom: 42px;
    }

    .top_culture .top_right {
        margin-top: 0;
    }

    .culture_contents {
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 34px;
    }

    .culture_contents img {
        width: 100%;
    }

    .culture_contents h3 {
        width: 90%;
        top: 35%;
    }

    .culture_contents h4 {
        top: 55%;
    }

    .top_culture .top_right .culture_text {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    /* culture */

    /* company */
    .top_company {
        margin-top: 34px;
        margin-bottom: 42px;
    }

    .top_company .top_right {
        margin-top: 0;
    }

    .company_contents {
        width: 100%;
        height: auto;
        position: relative;
        float: none;
    }

    .company_contents h3 {
        left: 25%;
        top: 35%;
    }

    .company_contents:nth-child(2) h3 {
        top: 25%;
    }

    .company_contents p {
        left: 25%;
        top: 70%;
    }

    .company_contents img:first-child {
        display: none;
    }

    .company_contents img:nth-child(2) {
        width: 100%;
        display: block;
    }

    /* company */

    /* recruite */
    .main_contents {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .main_contents h2 {
        font-size: 3.2rem;
    }

    .main_contents h3 {
        font-size: 2.4rem;
    }

    .main_contents .main_recruite {
        padding-top: 84px;
        padding-bottom: 42px;
    }

    .main_recruite .recruite_frame {
        float: none;
        width: 90%;
        margin-top: 84px;
        margin-left: 5%;
        margin-right: 5%;
    }

    .main_recruite .recruite_frame:first-child {
        margin-top: 0;
        margin-left: 5%;
    }

    .main_recruite .recruite_frame .recruite_contents {
        width: 100%;
        height: 160px;
    }

    /* recruite */


    .application_recruite .application_frame p {
        font-size: 2rem;
    }
}

/* smartphone */
@media screen and (max-width: 420px) {
    /* recruite */
    .main_contents .main_recruite {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .main_contents h2 {
        font-size: 2.4rem;
    }

    .main_contents h3 {
        font-size: 1.6rem;
    }

    .main_recruite .recruite_frame {
        margin-top: 42px;
    }

    .main_recruite .recruite_frame .recruite_contents h4 {
        font-size: 1.6rem;
    }

    .main_recruite .recruite_frame .recruite_contents p {
        font-size: 1.2rem;
    }

    .main_recruite .recruite_frame p {
        font-size: 1.2rem;
    }

    .main_recruite .recruite_frame p.recruite_emphasis {
        font-size: 1.2rem;
    }

    .application_recruite {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .application_recruite .application_frame p {
        font-size: 1.4rem;
    }


    /* recruite */

    /* 20210406 add */
    .aiga_site {
        margin-left: 5%;
    }
    /* 20210406 add */
}