@charset "utf-8";

/* CSS Document */
/* ▼▼ 採用情報 ▼▼  */
@media only screen and (max-width: 788px) {
    .RecruitmentInfoLayout .message .img {
        margin: 0;
        width: 100%;
        max-width: none;
        float: none;
        text-align: center;
    }

    .RecruitmentInfoLayout .message .img img {
        max-height: 225px;
    }

    .RecruitmentInfoLayout .message .img p {
        margin: 8px 0 8px 0px;
    }

    .RecruitmentInfoLayout .message .text {
        float: none;
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 770px) {
    .RecruitmentInfoLayout .message .img p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 598px) {

    .RecruitmentInfoLayout .upper .left {
        float: none;
    }

    .RecruitmentInfoLayout .upper .rikunabi {
        max-width: none;
        float: none;
        padding: 15px 0 0 0;
        width: auto;
    }

    .RecruitmentInfoLayout .upper .rikunabi td.text {
        padding-right: 12px;
    }
}

@media only screen and (max-width: 420px) {
    .RecruitmentInfoLayout .upper .rikunabi {
        margin: 0 auto 20px auto;
    }

    .RecruitmentInfoLayout .upper .rikunabi td {
        display: block;
    }

    .RecruitmentInfoLayout .upper .rikunabi .link {
        width: auto;
    }

    .RecruitmentInfoLayout .upper .rikunabi .link img {
        width: 100%;
        max-width: 341px;
    }

    .RecruitmentInfoLayout .upper .rikunabi td.text {
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .RecruitmentInfoLayout .Information td .link .tel {
        display: block;
        padding: 0;
    }

    .RecruitmentInfoLayout .Information td .link .tel a {
        color: #2D6BB3 !important;
        display: block;
        border-color: #2676BA;
        border-style: solid;
        border-width: 1px;
        border-radius: 10px;
        text-decoration: none;
        text-align: center;
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 40%, #e0dfe1 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 40%, #e0dfe1 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 40%, #e0dfe1 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0dfe1', GradientType=0);
        /* IE6-9 */
    }

    .RecruitmentInfoLayout .Information td .link .tel a:hover {
        background: #e0dfe1;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e0dfe1 0%, #ffffff 60%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e0dfe1 0%, #ffffff 60%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e0dfe1 0%, #ffffff 60%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dfe1', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }
}

@media only screen and (max-width: 450px) {
    .RecruitmentInfoLayout .Information td .link .tel a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 788px) {
    .RecruitmentInfoLayout .tabs_interview .tabs__menu li {
        margin: 0 0 0 10px;
    }

    .RecruitmentInfoLayout .tabs_interview .tabs__menu li a {
        padding: 8px 10px 7px 10px;
    }
}

@media only screen and (max-width: 677px) {
    .RecruitmentInfoLayout .tabs_interview .tabs__menu {
        background-image: none;
        border-color: #555555;
        border-style: none none solid;
        padding: 0 0 15px 0 !important;
        margin: 0 0 15px 0;
    }

    .RecruitmentInfoLayout .tabs_interview .tabs__menu li {
        width: 47%;
        margin: 0 5px 5px 5px;
        font-size: 12px;
    }

    .RecruitmentInfoLayout .tabs_interview .tabs__menu li a {
        border-color: #ddd;
    }

    .RecruitmentInfoLayout .tabs_interview .tabs__menu li a:hover {
        border-color: #555555;
    }

    .RecruitmentInfoLayout .tabs_interview .tabs__menu li.active a {
        border-color: #555555;
    }

}

@media only screen and (max-width: 470px) {}

@media only screen and (max-width: 427px) {}

/* ▲▲ 採用情報 ▲▲  */
/* ▼▼ CSR ▼▼  */
@media only screen and (max-width: 788px) {
    .CsrLayout table {
        width: 100% !important;
    }

    .CsrLayout table.ta_privacy {
        width: auto !important;
    }

    .CsrLayout table th {
        font-weight: normal;
    }

    .CsrLayout table .leftimf {
        padding: 0 !important;
        display: block;
        text-align: center;
    }

    .CsrLayout table .text {
        padding: 0 !important;
        display: block;
    }
}

/* ▲▲ CSR ▲▲  */
/* ▼▼ 会社概要 ▼▼  */
@media only screen and (max-width: 788px) {
    .CompanyInfoLayout .message .img {
        margin: 0;
        width: 100%;
        max-width: none;
        float: none;
        text-align: center;
    }

    .CompanyInfoLayout .message .img img {
        max-height: 225px;
    }

    .CompanyInfoLayout .message .img p {
        margin: 8px 0 8px 0px;
    }

    .CompanyInfoLayout .message .text {
        float: none;
        width: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 770px) {
    .CompanyInfoLayout .message .img p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 640px) {
    .CompanyInfoLayout .imgRight01 .img {
        float: none;
        width: 100%;
        text-align: center;
        max-width: none;
        margin: 0;
    }


    .CompanyInfoLayout .imgRight01 .Behavior th {
        width: auto;
        display: block;
        font-weight: normal;
        color: #000;
    }

    .CompanyInfoLayout .imgRight01 .Behavior td {
        display: block;
        font-weight: normal;
    }

    .CompanyInfoLayout .outline .info {
        width: auto;
        max-width: none;
        float: none;
    }

    .CompanyInfoLayout .outline .img {
        width: 95%;
        max-width: 603px;
        float: none;
    }


    .CompanyInfoLayout .outline .img .img01 {
        max-width: 366px;
        width: 60.69651%;
        float: left;
    }

    .CompanyInfoLayout .outline .img .img02 {
        max-width: 237px;
        width: 39.30349%;
        float: right;
    }
}

@media only screen and (max-width: 789px) {
    .CompanyInfoLayout .tabs .tabs-item .left {
        float: none;
        width: 100%;
        max-width: none;
    }

    .CompanyInfoLayout .tabs .tabs-item .historyBlock {
        width: 100%;
    }

    .CompanyInfoLayout .tabs .tabs-item .historyBlock .year {
        width: 4em;
        padding: 0;
        float: none;
    }

    .CompanyInfoLayout .tabs .tabs-item .historyBlock .month {
        width: 100%;
        float: none;
    }

    .CompanyInfoLayout .tabs .tabs-item .historyBlock .month th {
        padding-right: 5px;
        width: 3em;
    }

    .CompanyInfoLayout .tabs .tabs-item .img {
        float: right;
        width: 35.42435%;
        max-width: 384px;
        display: none;
    }

    .CompanyInfoLayout .tabs .tabs-item td img {
        display: block;
        max-width: 100%;
        /*width:100%;*/
    }

    /* 2列目 */
    .CompanyInfoLayout .tabs .tabs-item .historyBlock .month tbody tr :nth-child(2) {
        display: block;
        width: auto;
        max-width: none;
    }

    /* 3列目 */
    .CompanyInfoLayout .tabs .tabs-item .historyBlock .month tbody tr :nth-child(3) {
        display: block;
        width: auto;
        max-width: none;
    }
}

@media only screen and (max-width: 551px) {
    .CompanyInfoLayout .tabs .tabs-item .historyBlock .year {
        padding: 0;
    }
}

@media only screen and (max-width: 522px) {
    .CompanyInfoLayout .tabs .tabs__menu li {
        width: auto;
        margin: 0 0 0 10px;
    }

    .CompanyInfoLayout .tabs .tabs__menu li a {
        padding: 8px 10px 7px 10px;
    }
}

@media only screen and (max-width: 427px) {
    .CompanyInfoLayout .tabs .tabs__menu li {
        margin: 0 0 0 5px;
    }

    .CompanyInfoLayout .tabs .tabs__menu li a {
        padding: 8px 5px 7px;
    }
}

@media only screen and (max-width: 870px) {
    .CompanyInfoLayout .officeMap {
        max-width: 732px;
        width: 100%;
        margin: 0 auto 0 auto;
    }
}

@media only screen and (max-width: 640px) {
    .CompanyInfoLayout table.purchasers td {
        width: 100% !important;
        display: block;
    }
}

/* ▲▲ 会社概要 ▲▲  */
/* ▼▼ お問い合わせ ▼▼  */
@media only screen and (max-width: 700px) {
    .ContactusLayout .formLayout th {
        width: 23%;
        max-width: 250px;
        padding-left: 1%;
        padding-right: 1%;
    }

    .ContactusLayout .button02 .bt_submint input {
        background-position: 10% center !important;
    }

    .ContactusCheckLayout .button02 .bt_submint input,
    .ContactusCheckLayout .button02 .bt_back input {
        background-position: 10% center !important;
    }
}

@media only screen and (max-width: 700px) {
    .ContactusLayout .button02 .bt_submint input {
        background-position: 5% center !important;
    }

    .ContactusCheckLayout .button02 .bt_submint input,
    .ContactusCheckLayout .button02 .bt_back input {
        background-position: 5% center !important;
    }
}

@media only screen and (max-width: 470px) {
    .ContactusLayout .button02 .bt_submint input {
        font-size: 25px;
        line-height: 80px;
        background-position: 5% center !important;
        background-size: 12px;
    }

    .ContactusCheckLayout .button02 .bt_submint input,
    .ContactusCheckLayout .button02 .bt_back input {
        font-size: 25px;
        line-height: 60px;
        background-position: 5% center !important;
        background-size: 12px;
    }
}

@media only screen and (max-width: 906px) {

    .ContactusCheckLayout .button02 .bt_submint,
    .ContactusCheckLayout .button02 .bt_back {
        margin: 0 1%;
        max-width: 45%;
    }

}

@media only screen and (max-width: 400px) {

    .ContactusCheckLayout .button02 .bt_submint,
    .ContactusCheckLayout .button02 .bt_back {
        margin: 0 0 10px 0;
        max-width: none;
        display: block;
    }
}

/* ▲▲ お問い合わせ ▲▲  */
/* ▼▼ サポートサービス ▼▼  */
/* 2025/03/18 */

@media only screen and (max-width: 840px) {

    .SupportServicesLayout .calendar-layout {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: start;
        align-items: center;
        margin-bottom: 30px;
    }

    .SupportServicesLayout .calendar-download {
        width: 100%;
    }

    .SupportServicesLayout .calendar-download a {
        margin: 10px;
        padding: 0;
    }

}



/* ▲▲ サポートサービス ▲▲  */
/* ▼▼ 取扱説明書 ▼▼  */
@media only screen and (max-width: 888px) {
    .manualLayout .innerBlock .pdflist li {
        /*     float: none; */
        width: 100%;
        max-width: 100%;
    }

    .manualLayout .innerBlock .pdflist li:nth-child(even) {
        float: none;
    }

    .manualLayout .innerBlock .pdflist li a {
        /*     display: block; */
        width: 100%;
        max-width: 100%;
    }
}

/* ▲▲ 取扱説明書 ▲▲  */