@charset "utf-8";
/* ============================
container
============================ */
.container {
    background-image: url(../images/Q&Awave-pc.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

/* container */
@media screen and (max-width: 768px) {
    .container {
        background-image: url(../images/Q&Awave-sp.webp);
    }
}

/* ============================
header
============================ */

.header {
    background-color: #f5f5f5;
    z-index: 2;
}

/* ============================
article
============================ */

.article {
    margin-top: 0;
}

/* ============================
qanda
============================ */

.section--qanda {
    padding: 12.0833% 17.3% 8.3333%;
}

.qanda__group {
    margin-top: 5.0967%;
}

.qanda__question {
    position: relative;
    transition-duration: 0.7s;
}

.qanda__question::before,.qanda__question::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 2.0833vw;
    background-color: #EC782A;
    width: 1.5277vw;
    height: 2px;
    z-index: 2;
    transition-duration: 0.5s;
}

.qanda__question::after {
    transform: rotate(90deg);
}

/* .qanda__question.active::before表示 */
.qanda__question.active::before {
    background-color: #FDFDFD;
}

.qanda__question.active::after {
    display: none;
}

.qanda__in {
    display: flex;
    align-items: center;
    position: relative;
    transition-duration: 0.5s;
    z-index: 1;
    cursor: pointer;
}

.qanda__in::before {
    content: "";
    border-radius: 1000px;
    background-color: #EC782A;
    height: 100%;
    width: 5.7638vw;
    position: absolute;
    top: 0;
    left: 0;
    transition-duration: 0.3s;
}

/* qanda__in.active.
qanda__in::before.active表示 */

.qanda__in.active::before {
    aspect-ratio: 100%;
    width: 100%;
}

.qanda__Q {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 1000px;
    background-color: #EC782A;
    width: 5.7638vw;
    color: #FDFDFD;
    font-family: REM;
    font-size: 1.875vw;
    font-weight: 600;
    margin-right: 2.5vw; 
    z-index: 1;
}

.qanda__Qtext {
    color: #EC782A;
    font-family: "Rounded Mplus 1c";
    font-size: 1.3888vw;
    font-weight: 700;
    line-height: 1.6;
    z-index: 1;
}

/* .qanda__Qtext.active表示 */
.qanda__Qtext.active {
    color: #FDFDFD;
}

.qanda__answer {
    margin-top: 3.8225%;
    display: none;
    flex-direction: column;
    gap: 12px;
}

.qanda__content {
    display: flex;
    padding-left: 2.0833vw;
    align-items: center;
}

.qanda__A {
    color: #5C6DAC;
    font-family: REM;
    font-size: 1.875vw;
    font-weight: 600;
    line-height: 1.6;
    margin-right: 5vw;
}

.qanda__title {
    font-family: "Rounded Mplus 1c";
    font-size: 1.3888vw;
    font-weight: 700;
    line-height: 1.6;
}

.qanda__text {
    font-size: 1.1111vw;
    font-weight: 500;
    line-height: 1.6;
    margin-left: 8.4722vw;
}

.qanda__timetable {
    color: #EC782A;
    font-family: "Rounded Mplus 1c";
    font-size: 1.1111vw;
    font-weight: 700;
    line-height: 1.6;
}

.qanda__timetable:hover {
    opacity: 0.5;
}

/* qanda sp */
@media screen and (max-width: 768px) {
    .section--qanda {
        padding: 40.5333% 6.4% 19.2%;
    }
    
    .qanda__group {
        margin-top: 7.3333%;
    }

    .qanda__question::before,.qanda__question::after {
        right: 4.6666vw;
        width: 4vw;
    }
    
    .qanda__in::before {
        width: 13.8666vw;
    }

        /* qanda__in.active.
    qanda__in::before.active表示 */

    .qanda__in.active::before {
        aspect-ratio: 100%;
        width: 100%;
    }

    .qanda__Q {
        width: 13.8666vw;
        font-size: 5.3333vw;
        margin-right: 0;
    }

    .qanda__Qtext {
        font-size: 4.2666vw;
        margin-right: 13.3333vw;
        margin-left: 3.2vw;
    }

    .qanda__answer {
        margin-top: 7.3329%;
        gap: 6px;
    }
    
    .qanda__content {
        padding-left: 4.6666vw;
    }
    
    .qanda__A {
        font-size: 5.3333vw;
        margin-right: 7.3333vw;
    }
    
    .qanda__title {
        font-size: 4.2666vw;
    }
    
    .qanda__text {
        font-size: 3.7333vw;
        margin-left: 15.9371vw;
    }
    
    .qanda__timetable {
        font-size: 3.7333vw;
    }
}