@charset "utf-8";

/*================================================
  スマートフォン横向き（ランドスケープ）対応
================================================*/

/*------------------------------------------------
  通常のスマホ横向き（横幅1000px以下 かつ 横向き）
------------------------------------------------*/
@media screen and (max-width: 1000px) and (orientation: landscape) {

    /*--------------------------------------------
      home - message_back
    --------------------------------------------*/
    .message_back {
        height: auto;
        min-height: 100vh;
        padding-bottom: 80px;
    }
    .message_title {
        margin-top: -105vh;
        padding: 40px 0;
        width: 70%;
    }
    .message_text h2 {
        font-size: 14px;
        line-height: 1.4;
        margin: 5px auto 20px;
    }
    .message_text p {
        font-size: 11px;
        line-height: 1.6;
        margin: 0 auto 8px;
    }

    /*--------------------------------------------
      home - point_back
    --------------------------------------------*/
    .point_back {
        height: auto;
        min-height: 100vh;
        padding-bottom: 80px;
    }
    .point_title {
        margin-top: -105vh;
        padding: 40px 0;
        width: 70%;
    }
    .point_text h2 {
        font-size: 14px;
        line-height: 1.4;
        margin: 5px auto 20px;
    }
    .point_text p {
        font-size: 11px;
        line-height: 1.6;
        margin: 0 auto 8px;
    }
    .company_culture {
        margin-top: 40vh;
    }
    /*--------------------------------------------
      company - top_message_back
    --------------------------------------------*/
    .top_message_back {
        height: auto;
        min-height: 70vh;
        padding-bottom: 80px;
    }
    .top_message_title {
        margin-top: -90vh;
        padding: 20px 0;
    }
    .top_message_text p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 auto 5px;
    }
    .company_culture {
        margin-top: 50vh;
    }

    /*--------------------------------------------
      company - compatibility_back
    --------------------------------------------*/
    .compatibility_back {
        height: auto;
        min-height: 70vh;
    }
    .compatibility_back img {
        height: 70vh;
    }
    .compatibility_title {
        margin-top: -60vh;
        padding: 20px 0;
        background-size: 30%;
    }
    .compatibility_text h2 {
        font-size: 14px;
        line-height: 1.4;
        margin: 5px auto 10px;
    }
    .compatibility_text p {
        font-size: 10px;
        line-height: 1.5;
    }

    .future {
        margin-top: 30vh;
    }

    /*--------------------------------------------
      company - finally_back
    --------------------------------------------*/
    .finally_back img {
        height: 70vh;
        object-fit: cover;
    }
    .finally_title {
        margin-top: -63vh;
        padding: 20px 0;
        background-size: 30%;
    }
    .finally_title img {
        margin: 0 auto;
    }
    .finally_text {
        margin: 0 auto;
    }
    .finally_text p {
        font-size: 10px;
        line-height: 1.5;
        margin: 0 auto 5px;
    }
    .finally_cta_button img {
        width: 120px;
        margin: 15px auto 0;
    }

    .company_profile {
        margin-top: 28vh;
    }

    /*--------------------------------------------
      staff - staff_1day_heading_back
    --------------------------------------------*/
    .staff_1day_heading_back {
        height: auto;
        min-height: 50vh;
    }
    .staff_1day_heading_title {
        margin: -31vh auto 0;
    }
    .staff_1day_heading_title::before {
        font-size: 18px;
    }
    .staff_1day_heading_text p {
        font-size: 12px;
        line-height: 1.7;
    }


    /*--------------------------------------------
      business - business_heading_back
    --------------------------------------------*/
    .business_heading_back {
        height: auto;
        min-height: 50vh;
    }
    .business_heading_title {
        margin: -33vh auto 0;
    }
    .business_heading_title::before {
        font-size: 18px;
    }
    .business_heading_text p {
        font-size: 12px;
        line-height: 1.7;
    }
    .business_heading_text p:last-child {
        font-size: 12px;
    }

    .business {
        margin-top: 30vh;
    }


    /*--------------------------------------------
      recruit - recruit_information_content
    --------------------------------------------*/
    .recruit_information_content {
        height: auto;
        min-height: 80vh;
        padding-bottom: 30px;
    }
    .recruit_information_title {
        font-size: 14px;
    }
    .recruit_information_title h3 {
        padding-top: 20vh;
    }
    .recruit_information_description {
        margin: 20px auto;
        padding: 3%;
    }
    .recruit_information_description a {
        font-size: 14px;
        margin: 10px auto;
    }
    .recruit_information_text {
        font-size: 11px;
    }
}


/*------------------------------------------------
  横幅700px以下 かつ 横向き
------------------------------------------------*/
@media screen and (max-width: 700px) and (orientation: landscape) {

    /*--------------------------------------------
      home
    --------------------------------------------*/
    .faq {
        margin-top: 190px;
        padding-bottom: 100px;
    }

    /*--------------------------------------------
      company
    --------------------------------------------*/
    .top_message_title {
        margin-top: -75vh;
        padding: 30px 0;
        width: 60%;
    }
    .compatibility_title {
        margin-top: -60vh;
        padding: 30px 0;
    }
    .future {
        margin-top: 35vh;
    }
    .finally_title {
        margin-top: -61vh;
        padding: 35px 0;
    }
}