@charset "UTF-8";

/* =========================
main
============================ */
.main {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    overflow: hidden;
}

.section--scta {
    padding: 64px 4.2% 96px;
}

.section--scta .title {
    text-align: center;    
}

.section--scta .title::after {
    content: 'SCTA';
    font-size: 6.4rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    background-repeat: no-repeat;
    color: #e6e6e6;
    opacity: 40%;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -10;
}

.scta__group {
    margin-top: 56px;
}

.scta__content {
    margin-top: 16px;
}

.scta__content:first-of-type {
    margin-top: 24px;
}

.sctaContent__txt {
    margin-top: 4px;
}

.scta__content2 {
    margin-top: 40px;
}

.sctaContent2__title {
    font-size: 1.8rem;
}

.sctaContent2__txt,
.pay__group {
    margin-top: 8px;
}

dt {
    font-weight: 400;
    margin-top: 16px;
    text-indent: -1em;
    padding-left: 1em;
}

.pay__txt:first-of-type {
    margin-top: 8px;
}

.pay__group:first-of-type .pay__txt {
    margin-top: 8px;
    padding-left: 1em;
}

dd {
    margin-top: 8px;
    padding-left: 1em;
}

/* tab 600px */
@media screen and (min-width: 600px) {
    .section--scta {
        padding: 96px 9.7% 152px;
    }
}

/* tab 768px */
@media screen and (min-width: 768px) {
    .section--scta {
        padding: 96px 9.7% 180px;
    }
}


/* pc 1024px */
@media screen and (min-width: 1024px) {
    .section--scta {
        padding: 120px 9.7% 200px;
    }

    .section--scta .title::after {
        font-size: 9.6rem;
        top: -42px;
    }

    .scta__group {
        margin: 80px auto 0;
        max-width: 1160px;
    }

    .scta__content:first-of-type {
       margin-top: 40px;
    }

    .scta__content {
        display: flex;
        gap: 40px;
    }

    .sctaContent__txt {
        margin-top: 0;
    }

    .sctaContent__title {
        width: 148px;
    }

    .sctaContent2__title {
        font-weight: 700;
    }

    .scta__content2 {
        margin-top: 48px;
    }

    .pay__group {
        margin-top: 24px;
    }

    .pay__group:first-of-type {
        margin-top: 12px;
    }

    dt {
        margin-top: 24px;
    }

    .scta__content br {
        display: none;
    }
}

/* pc 1440px */
@media screen and (min-width: 1440px) {
    .section--scta {
        padding: 148px 9.7% 280px;
    }

    .scta__content:first-of-type {
       margin-top: 48px;
    }

    .scta__content2 {
        margin-top: 56px;
    }
}

/* pc 2000px */
@media screen and (min-width: 2000px) {
    .section--scta {
        padding: 180px 9.7% 360px;
    }
}