/* --------------------
 Goals - Education
-------------------- */
.goals {
    margin: 0 0 21.3333333333vw;
}

@media (min-width: 768px) {
    .goals {
        margin: 0 0 120px;
    }
}

.goals-container {
    margin: 0 auto;
    max-width: calc(1280px + var(--c-pad)*2);
    padding: 0 var(--c-pad);
    width: 100%;
}

.goals__main {
    align-items: stretch;
    border-bottom: 0.5333333333vw solid var(--color-ice);
    display: flex;
    flex-flow: row wrap;
    gap: 6.4vw;
    justify-content: flex-start;
    margin: 0 0 10.6666666667vw;
    padding: 0 0 8.5333333333vw;
}

@media (min-width: 768px) {
    .goals__main {
        border-bottom-width: 3px;
        gap: 30px;
        margin: 0 0 60px;
        padding: 0 0 40px;
    }
}

@media (min-width: 992px) {
    .goals__main {
        flex-wrap: nowrap;
        gap: 100px;
    }
}

.goals__main:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0;
}

.goals__main:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

.goals__main__title {
    color: var(--color-navy);
    flex: 0 0 100%;
    font-size: var(--fs28);
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
}

@media (min-width: 768px) {
    .goals__main__title {
        font-size: var(--fs36);
    }
}

@media (min-width: 992px) {
    .goals__main__title {
        flex: 0 0 auto;
        font-size: var(--fs40);
    }
}

.goals__main__content {
    flex: 0 0 100%;
}

@media (min-width: 768px) {
    .goals__main__content {
        max-width: 585px;
    }
}

@media (min-width: 992px) {
    .goals__main__content {
        align-self: center;
        flex: 1 1 auto;
        padding: 15px 0;
    }
}

.goals__main__content p {
    font-size: var(--fs14);
    line-height: 1.8;
    margin: 0 0 1.5em;
}

@media (min-width: 768px) {
    .goals__main__content p {
        font-size: var(--fs15);
    }
}

.goals__main__content p:last-child {
    margin-bottom: 0;
}

.goals__gallery__title {
    margin: 0 0 10.6666666667vw;
}

@media (min-width: 768px) {
    .goals__gallery__title {
        margin: 0 0 60px;
    }
}

.goals__gallery__title__ja {
    color: var(--color-navy);
    font-size: var(--fs24);
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 2.1333333333vw;
    text-align: center;
}

@media (min-width: 768px) {
    .goals__gallery__title__ja {
        font-size: var(--fs32);
        margin: 0 0 8px;
    }
}

.goals__gallery__title__en {
    color: var(--color-sky);
    font-family: var(--ff-jost);
    font-size: var(--fs18);
    font-weight: 601;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 0;
    text-align: center;
}

@media (min-width: 768px) {
    .goals__gallery__title__en {
        font-size: var(--fs24);
    }
}

.goals__gallery__item-wrapper {
    display: grid;
    gap: 10.6666666667vw;
    grid-gap: 10.6666666667vw;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .goals__gallery__item-wrapper {
        gap: 30px;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .goals__gallery__item-wrapper {
        gap: 40px;
    }
}

.goals__gallery__item img {
    border-radius: 2.6666666667vw;
}

@media (max-width: 767px) {
    .goals__gallery__item img {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .goals__gallery__item img {
        border-radius: 10px;
    }
}