@charset "UTF-8";

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

/* ===================================
共通項目
=================================== */
.audition__section-title--en {
    font-size: 25px;
}
.audition__section-title--ja {
    font-size: 14px;
}


/* ===================================
MESSAGE
 =================================== */
.auditionMessage {
    margin-top: 130px;
    padding-top: 0;
}
.auditionMessage::before {
    aspect-ratio: 390 / 90;
}
.auditionMessage__title {
    font-size: 25px;
}
.auditionMessage__text {
    margin-top: 30px;
    max-width: 520px;
    font-size: 16px;
}

/* ===================================
選考の流れ　FLOW
 =================================== */
 .auditionFlow {
    padding-top: 60px;
}
.auditionFlow::after {
    aspect-ratio: 390 / 90;
}
.auditionFlow__contents {
    margin-top: 30px;
}
.auditionFlow__items {
    margin-top: 30px;
    gap: 15px;
}
.auditionFlow__item {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.auditionFlow__item .number {
    font-size: 30px;
}
.auditionFlow__item .number span {
    font-size: 14px;
}
.auditionFlow__alow {
    width: 28px; /* 横幅 */
    height: 18px; /* 高さ */
}

/* ===================================
よくある質問 FAQ
 =================================== */
.auditionFaq {
    padding-top: 60px;
}
.auditionFaq__contents {
    margin-top: 30px;
    gap: 10px;
}

.faq__item {
}
.faq__question {
    padding: 10px 30px 10px 10px;
    grid-template-columns: 30px auto;
    align-items: start;
    gap: 0;
}
/* 三角形 */
.faq__question::after {
    top: 20px;
    right: 10px;
    width: 10px; /* 横幅 */
    height: 7px; /* 高さ */
}

.faq__question-number {
    font-size: 18px;
    line-height: 1;
}
.faq__question-text {
    font-size: 14px;
}
.auditionFaq .content {
    padding: 10px 10px 10px 40px !important;
    font-size: 14px;
}



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

 =================================== */
.auditionRecruit {
    margin-top: 60px;
}
.auditionRecruit__box {
    padding: 60px 20px 60px;
}
.auditionRecruit__box::before {
    top: -60px;
    width: 100px;
}
.auditionRecruit__message {
    margin-top: 30px;
    font-size: 18px;
    line-height: 2;
}
.auditionRecruit__items {
    margin-top: 30px;
    gap: 30px;
}
.auditionRecruit__item {
    border-radius: 20px;
    padding: 66px 20px 20px 20px;
}
.auditionRecruit__item .title {

}
.auditionRecruit__item .text {
    text-align: left;
}


/* ===================================
応募はこちら
 =================================== */
.auditionCta {
    margin-top: 70px;
    padding-bottom: 60px;
}
.auditionCta__items {
    margin-top: 30px;
    flex-direction: column;
    gap: 20px;
}
.auditionCta__item {
    padding: 20px;
    width: 100%;
}
.auditionCta__item .title {
    font-size: 18px;
}
.auditionCta__item .title::after {

}
.auditionCta__item .img img {
    width: 40%;
    height: auto;
}
.auditionCta__item-button {

}

/* ===================================
バナー
 =================================== */
.auditionBanner {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.auditionBanner__items {
    gap: 20px;
    flex-direction: column;
}
.auditionBanner__item {
    width: 100%;
}



/* ===================================
画面下部固定ボタン
 =================================== */
.fixed-cta {
    bottom: 20px;
    right: 20px;
    width: 70px;
    height: 70px;
}
.fixed-cta__button {
    font-size: 10px;
    border-radius: 999px;
}
.fixed-cta__button-alow {
    bottom: 5px;
    width: 10px;
}


}/* end */