@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;600;700&display=swap');

/* header */
.header-top h1 img {
    height: 1.5rem;
}

h1.p-hero__title,
.nims-title h2 {
    font-family: "Zen Old Mincho", serif;
}

.p-hero__title {
    font-size: clamp(32px, 11vw, 64px);
    font-weight: 600;
    line-height: 1.6em;
}

.p-hero__title small {
    font-size: clamp(25px, 10vw, 60px);
    font-weight: 700;
    margin-top: 50px;
    line-height: 1.4em;
}

.hiragana {
    font-size: clamp(23px, 8vw, 55px);
}


.nims-date {
    width: clamp(320px, 55vw, 800px);
}

.cont-L {
    width: 70%;
    text-align: center;
}

.cont-L span {
    font-family: "Zen Old Mincho", serif;
    }

.cont-R {
    width: 30%;
    text-align: left;
}

.btn-circle {
    font-family: "Zen Old Mincho", serif;
    margin-left: 0;
}

main h2.SubTitle {
    font-family: "Zen Old Mincho", serif;
    font-weight: 600;
}

.scope {
    margin: 0 auto;
    width: clamp(320px, 70vw, 1200px);
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.text02 h3.ja {
    font-size: 1.4rem;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #aa8743;
}


@media only screen and (max-width: 1100px) {
    .header-top h1 img {
        height: 1rem;
    }

    main h3 {
        font-size: 1.05rem;
        margin: 0 0 1.0rem;
        padding: 1.0rem 0;
    }

    .p-hero__title {
        line-height: 1.4em;
        padding-top: 50px;
    }
    

    .p-hero__title small {
        line-height: 1.0rem;
        letter-spacing: -0.08em;
    }

    .cont-L {
        width: 94%;
        padding-bottom: 20px;
        margin: 0 auto;
        text-align: center;
    }

    .cont-R {
        width: 94%;
        margin: 0 auto;
        text-align: center;
    }

    .btn-circle {
        width: 170px;
        color: #fff;
        background: #a17f3a;
        padding: 6px;
        text-align: center;
        border-radius: 999px;
        font-weight: 700;
        margin: 0 auto;
    }

    .scope {
        display: block;
    }


    .scope-disc {
        width: 94%;
        padding-right: 0;
        padding-bottom: 20px;
        margin: 0 auto;
    }

    .scope-disc div {
        font-size: 15px;
        text-align: left;
        line-height: 1.6;
    }

    .scope-img {
        width: 94%;
        text-align: center;
    }

    .text02 h3.ja {
        font-size: 1.2rem;
    }
    
}

/* eyecatch */
.eyecatch-text {
    max-width: 690px;
}

.eyecatch .eyecatch-info {
    font-family: "Zen Old Mincho", serif;
    font-size: 1.9rem;
}

.eyecatch .eyecatch-info > div {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.eyecatch .eyecatch-info .small {
    font-size: 0.8em;
}

.eyecatch .eyecatch-info .eyecatch-info-time {
    display: inline-block;
    margin-right: 1.5rem;
}

.eyecatch .eyecatch-info .eyecatch-info-location {
    display: inline-block;
    font-size: 0.8em;
}

@media only screen and (max-width: 1100px) {
    .eyecatch .eyecatch-text,
    .eyecatch .eyecatch-info {
        padding: 0 2rem;
    }
    .eyecatch .eyecatch-info {
        --min-fontsize: 1.4rem;
        font-size: max(3vw, var(--min-fontsize));
    }
}
@media only screen and (max-width: 700px) {
    .eyecatch .eyecatch-text,
    .eyecatch .eyecatch-info {
        padding: 0 2rem;
    }
    .eyecatch .eyecatch-info {
        --min-fontsize: 1.2rem;
    }
}
@media only screen and (max-width: 400px) {
    .eyecatch .eyecatch-text,
    .eyecatch .eyecatch-info {
        padding: 0;
    }

    .eyecatch .eyecatch-info {
        --min-fontsize: 1rem;
    }
}