@charset "UTF-8";

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

/* ===================================
共通項目
=================================== */


/* ===================================

=================================== */
.auditionEntry {
    margin-top: 130px;
    padding-top: 0;
}
.auditionEntry::before {
    aspect-ratio: 390 / 90;
}
.auditionEntry__form {
    margin-top: 40px;
}

/* ===================================
性別
=================================== */
.Form-Item.--gender .wpcf7-form-control.wpcf7-radio {
    flex-direction: row;
    gap: 10px 25px;
}

/* ===================================
住所のスタイル
=================================== */
.address-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.Form-Item.--address .zip-code {
    max-width: 100%;
}


/* address2 */
.Form-Item.--address .address2 input {
    max-width: 100%;
}

/* ===================================
生年月日
 =================================== */
.birthday-items {
    flex-direction: column;
    align-items: start;
    gap: 15px;
}

/* ===================================
血液型
=================================== */


/* ===================================
体組成
=================================== */
.bodyComposition-item {
    display: flex;
    align-items: center;
    gap: 0;
    width: min(400px, 100%);
}
.bodyComposition-item .wpcf7-form-control-wrap {

}
.bodyComposition-item .title,
.bodyComposition-item .unit {
    font-size: 12px;
}
.bodyComposition-item .title {
    width: 50px;
    max-width: 100%;
}
.bodyComposition-item .unit {
    min-width: 25px;
}

/* ===================================
職業
=================================== */
.Form-Item.--job select {
    /* width: 100%;
    max-width: 100%; */
}

/* ===================================
最終学歴
 =================================== */
.Form-Item.--academic-background select {
    /* width: 100%;
    max-width: 100%; */
}

/* ===================================
応募写真
 =================================== */
.file-items {
    width: 100%;
}
.Form-Item.--photo  .file-item {

    flex-direction: column;
    gap: 5px;
}
.file-label {
    width: 100%;
    max-width: 330px;
}

/* ===================================
URL
=================================== */
.url-items {
    width: 100%;
}
.url-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    align-items: start;
}

/* ===================================
他薦の場合
=================================== */

.recommendation-items {
    width: 100%;
}
.recommendation-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
}

/* 推薦者メールアドレス */
.recommendation-item.--mail {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px;
}
.recommendation-item__mail {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 5px;
}
.recommendation-item__mail .wpcf7-form-control-wrap {
    display: inline-block;
}


}/* end */