html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: 'Noto Serif JP', serif;
    color: #423827;
    background-color: #F5F4F3;
    overflow-wrap: break-word;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

h1 {
    font-size: 1rem;
}

h2 {
    font-size: 4rem;
}

h3 {
    font-size: 4rem;
}

h4 {
    font-size: 3rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
}

p {
    font-size: 1.7rem;
    line-height: 2em;
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media (max-width: 800px) {
    h3 {
        font-size: 4.8rem;
    }

    h4 {
        font-size: 2.4rem;
    }

    p {
        font-size: 1.4rem;
        line-height: 1.6em;
    }
}


a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.u-br-pc {
    display: none;
}

@media screen and (min-width: 800px) {
    .u-br-pc {
        display: inline;
    }
}

.u-br-sp {
    display: none;
}

@media screen and (max-width: 799px) {
    .u-br-sp {
        display: inline;
    }
}