@charset "utf-8";

.article__time {
    font-family: "Cormorant Garamond";
    font-size: 1.6rem;
    letter-spacing: 0.48px;
}

.article__title {
    font-size: 2.4rem;
    letter-spacing: 1.68px;
    margin-top: 8px;
}

.article__img {
    width: 100%;
    aspect-ratio: 3/2;
    margin-top: 32px;
}

.article__txt {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.8px;
    margin-top: 24px;
}

.article__line {
    width: 100%;
    height: 1px;
    background-color: var(--primary-lightGray);
    margin-top: 40px;
}

.index__button {
    width: fit-content;
    display: block;
    margin: 24px auto 0;
    font-family: "EB Garamond";
    font-size: 1.6rem;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: var(--primary-black);
    text-decoration-style: solid;
    text-underline-offset: 8px;
    -webkit-text-decoration-skipink: none;
}

@media screen and (min-width:768px) and (max-width:1023px) {
    article {
        margin: 32px auto 0;
        max-width: 600px;
    }

    .article__time {
        font-family: "Cormorant Garamond";
        font-size: 2.4rem;
        letter-spacing: 0.72px;
    }

    .article__title {
        font-size: 3.2rem;
        letter-spacing: 2.24px;
        margin-top: 24px;
    }

    .article__img {
        width: 100%;
        aspect-ratio: 3/2;
        margin-top: 72px;
    }

    .article__txt {
        margin-top: 56px;
        font-size: 1.6rem;
    }

    .article__line {
        margin-top: 112px;
    }

    .index__button {
        font-size: 2.0rem;
        letter-spacing: 0.6px;
    }

}

@media screen and (min-width:1024px) {

article {
    margin: 0 auto;
    max-width: 818px;
}

.article__time {
    font-family: "Cormorant Garamond";
    font-size: 2.4rem;
    letter-spacing: 0.72px;
}

.article__title {
    font-size: 4.0rem;
    letter-spacing: 2.8px;
    margin-top: 24px;
}

.article__img {
    width: 100%;
    aspect-ratio: 3/2;
    margin-top: 72px;
}

.article__txt {
    margin-top: 56px;
    font-size: 1.6rem;
}

.article__line {
    margin-top: 112px;
}

.index__button {
    font-size: 2.0rem;
    letter-spacing: 0.6px;
}


}