/* ------ 共用 ------ */
.header_container {
    padding: 0 5px;
}

.logo {
    width: 150px;
}

.maintitle {
    font-size: 20px;
}

.main__container {
    width: 100%;
    padding: 0 20px;
}

.content__container {
    width: 100%;
}

.button__container {
    width: 100%;
    margin: 20px 0 50px;
}


/* ------ 言語選択ページ ------ */
.input-lang {
    width: 100%;
    flex-direction: column;
    gap: 15px;
}

.lang-radio, .lang-radio label {
    width: 100%;
}


/* ------ Policyページ ------ */
.policy h2 {
    font-size: 18px;
}

.policy-desc h3 {
    font-size: 16px;
}

.policy-desc p {
    font-size: 15px;
}

.policy-agreement {
    flex-direction: column;
    padding: 0;
}

.policy-agreement > div {
    padding-bottom: 5px;
}

.policy-agreement strong {
    font-size: 15px;
}

.policy-agreement label {
    font-size: 15px;
}


/* ------ 採用・職種選択ページ ------ */
.entry-button_container {
    width: 100%;
    flex-direction: column;
    gap: 15px;
}

.entry-button_container > div {
    width: 100%;
}

.entry-button_container label {
    width: 100%;
}


/* ------ ステップバー ------ */
.stepper {
    width: 100%;
}


/* ------ 基本情報ページ ------ */
.input__body.name__wrapper {
    flex-direction: column;
    gap: 10px;
}

.name__wrapper input {
    width: 100%;
}

.input__body.phone__wrapper {
    flex-direction: column;
    gap: 10px;
}

.phone__wrapper select {
    width: 100%;
}


/* ------ 学歴ページ ------ */
.itemList {
    padding: 0;
}

.write-modal_content {
    width: 90%;
}

/* ------ Licenseページ ------ */
#licenseStatus {
    width: 90%;
    margin-left: 10px;
}

@media screen and (max-width: 600px) {
    .date #licenseStatus {
        width: 100%;
        margin-left: 0px;
    }

    .date #licenseDate {
        width: 100%;
    }
}

/* 希望事項ページ */
#wishIncome {
    width: 55%;
}


/* PRページ */
.button__container-ai {
    margin-bottom: 5px;
}

.modal_bottom.button_container.step1 {
    flex-direction: column;
}