@charset "UTF-8";

/* 20260917 見出しタグ<h1>の設定 */
.scn-top-h1 {
    text-align: center;
    margin-top: 40px;
    font-size: 2rem;
}
@media screen and (max-width: 767px) {
    .scn-top-h1 {
        font-size: 1.5rem;
        padding: 0 5%;
    }
}

.l-main .scn-page-h1 {
    margin-top: 60px;
    font-size: 2rem;
}
@media screen and (max-width: 767px) {
    .l-main .scn-page-h1 {
        font-size: 1.5rem;
        margin-top: 80px;
    }
}

/* 20260917 FAQ（よくある質問）コンテンツの追加 */
.scn-p-faq * {
    box-sizing: border-box;
}
.scn-p-faq {
    margin-bottom: 60px;
}
.scn-p-faq .scn-p-faq-item {
    padding: 24px;
}
.scn-p-faq .scn-p-faq-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}
.scn-p-faq .scn-p-faq-item .scn-p-faq-q {
    position: relative;

    &::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 2px;
        background-color: #999;
        top: 9px;
        right: 8px;
        transform: rotate(45deg);
    }
    &::after {
        position: absolute;
        content: "";
        width: 12px;
        height: 2px;
        background-color: #999;
        top: 9px;
        right: 0;
        transform: rotate(-45deg);
    }
}
.scn-p-faq .scn-p-faq-item[open] .scn-p-faq-q {
    &::before {
        transform: rotate(-45deg);
    }
    &::after {
        transform: rotate(45deg);
    }
}
.scn-p-faq .scn-p-faq-item .scn-p-faq-a {
    padding-top: 24px;
}