/* @font-face {
    font-family: "TimesNewRomanPSMT";
    src: url("../fonts/TimesNewRomanPSMT.ttf") format("truetype");
}
@font-face {
    font-family: "TimesNewRomanPS-BoldMT";
    src: url("../fonts/TimesNewRomanPS-BoldMT.otf") format("opentype");
} */

body, p {
    font-family: 'Noto Sans JP';
    color: var(--black);
    margin-bottom: 0;
    font-size: var(--spacing-14);
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 1.01px;
    text-align:justify;
}

.text__white {
    color: var(--white);
    font-weight: normal;
}

h1 {
    font-size: 1rem;
    line-height: normal;
    letter-spacing: 1.8px;
    color: var(--greyish-brown);
}
h2 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    color: var(--greyish-brown-3);
}
.text__title-white {
    font-size: var(--spacing-5);
    font-weight: bold;
    line-height: 1.55;
    letter-spacing: 1px;
    color: var(--white);
    text-shadow: 2px 2px 20px rgb(23 98 141);
}
.text__title-english-white {
    font-size: var(--spacing-9);
    font-weight: 500;
    text-align: right;
    line-height: normal;
    letter-spacing: normal;
    color: var(--white);
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5);
}
.text__title-english {
    font-size: var(--spacing-14);
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.29px;
    color: var(--black-40);
}
.text__address-white {
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: 0.78px;
    text-align: right;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5);
}
.text__address {
    font-size: var(--spacing-9);
    font-weight: bold;
    line-height: 1.67;
    letter-spacing: 0.2px;
    color: var(--black-45);
}
.menu li {
    line-height: normal;
}
.menu a {
    font-size: 0.8rem;
    line-height: normal;
    letter-spacing: 1.71px;
    color: var(--black-1c);
    font-weight:400;
}
.text__title-beige {
    font-size: var(--spacing-5);
    font-weight: 900;
    line-height: 1.55;
    letter-spacing: 1px;
    color: var(--beige);
}
.text__title {
    font-size: var(--spacing-14);
    font-weight: bold;
    line-height: 1.93;
    letter-spacing: 1px;
    color: var(--black-54);
}
.text__date, .text__date a {
    font-size: var(--spacing-5);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    color: var(--black-24);
}
.text__year {
    font-size: 2.438rem;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 4.39px;
    color: var(--very-light-brown-67);
}
.text__title-archive {
    font-size: var(--spacing-7);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.83px;
    color: var(--greyish-brown);
}
.text__link {
    font-size: 0.688rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    color: var(--cerulean-blue);
    padding-bottom: 2px;
    border-bottom: solid 1px var(--cerulean-blue);
}
.text__poem {
    font-size: var(--spacing-16);
    line-height: 0.85;
    letter-spacing: 1.02px;
    color: var(--black-88);
    writing-mode: vertical-rl;
}

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

    body, p {
        line-height: 2.29;
        letter-spacing: 0.73px;
    }

    h1 {
        font-size: 1.375rem;
        font-weight: 500;
        letter-spacing: 2.48px;
    }

    h2 {
        font-size: 1.375rem;
        letter-spacing: 2.29px;
        color: var(--greyish-brown-4);
    }

    .text__white {
        font-size: var(--spacing-14);
        line-height: 2.29;
        letter-spacing: 0.73px;
    }

    .text__title-white {
        font-size: 1rem;
        line-height: 1.69;
        letter-spacing: 3.5px;
    }
    .text__title-beige {           
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.69;
        letter-spacing: 3.5px;
    }
    .menu a {
        font-size: var(--spacing-16);
        line-height: normal;
        letter-spacing: 1.71px;
    }
    .text__title-english-white {
        font-size: var(--spacing-7);
    }
    .text__address-white {
        font-size: var(--spacing-14);
        line-height: 1.79;
        letter-spacing: 0.99px;
        text-shadow: 2px 1px 12px rgba(0, 0, 0, 0.5);
    }
    .text__date, .text__date a {
        font-size: var(--spacing-7);        
        letter-spacing: 0.83px;
        color: var(--black);
    }
    .text__year {
        font-size: 3.375rem;
        letter-spacing: 6.07px;
    }
    .text__title-archive {
        font-size: 1.25rem;
        letter-spacing: 2.08px;
    }
    .text__link {
        font-size: 0.938rem;
        letter-spacing: 0.83px;
        padding-bottom: var(--spacing-11);
        border-bottom-width: 2px;
    }
    .text__poem {
        font-size: var(--spacing-9);
        line-height: 1.33;
        letter-spacing: 0.17px;
    }

}

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

    body, p {
        line-height: 2.08;
        letter-spacing: 0.92px;
        font-size: var(--spacing-9);
    }
    
    h1 {
        font-size: 1rem;
        letter-spacing: 0.89px;
    }

    h2 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 0.89px;
        color: var(--greyish-brown);
    }

    .menu.menu__white a {
        letter-spacing: 1.04px;
        color: var(--white-90) !important;
    }
    .text__title-white {
        font-size: var(--spacing-14);
        text-shadow: 2px 0 12px rgba(0, 0, 0, 0.5);
        line-height: 1.93;
        letter-spacing: 1px;
    }
    .text__title-english-white {
        font-size: var(--spacing-14);
        letter-spacing: 0.8px;
    }
    .text__address-white {
        font-weight: bold;
        line-height: 1.57;
        letter-spacing: 0.8px;
        text-shadow: 2px 1px 12px rgba(0, 0, 0, 0.5);
    }
    .text__date, .text__date a {
        font-size: var(--spacing-9);
        letter-spacing: 0.67px;
    }
    .text__year {
        font-size: 2.563rem;
        letter-spacing: 4.61px;
    }
    .text__title-archive {
        font-size: var(--spacing-14);
        font-weight: normal;
        letter-spacing: 0.78px;
    }
    .text__link {
        font-size: 0.75rem;
        letter-spacing: 0.67px;
        padding-bottom: 4px;
    }
    .text__poem {
        font-size: var(--spacing-16);
        line-height: 0.9;
        letter-spacing: 0.72px;
    }

}

@media only screen and (min-width: 1690px) {
    
    body, p {
        font-size: 15px;
        line-height: 2.14;
        letter-spacing: 1.01px;
    }

    h1 {
        font-size: 1.375rem;
        letter-spacing: 1.22px;
    }

    h2 {
        font-size: 1.188rem;
        letter-spacing: 1.06px;
    }

    .menu.menu__white a {
        color: var(--white) !important;
        letter-spacing: 1.21px;
    }

    .text__title-white {
        font-size: 1rem;
        line-height: 1.35;
        text-shadow: 2px 2px 14px rgba(0, 0, 0, 0.5);
    }
    .text__title-english {
        font-size: 1rem;
        letter-spacing: 0.8px;
    }
    .text__title-english-white {
        font-size: 1rem;
        letter-spacing: 0.8px;
    }
    .text__address-white {
        text-shadow: 2px 1px 12px rgba(0, 0, 0, 0.5);
    }
    .text__title {
        font-size: 1rem;
        line-height: 1.35;
        letter-spacing: 1px;
        color: var(--black-70);
    }
    .text__date, .text__date a {
        letter-spacing: 0.78px;
        color: var(--black);
        font-size: var(--spacing-14);
    }
    .text__year {
        font-size: 3.188rem;
        letter-spacing: 5.74px;
    }
    .text__title-archive {
        font-size: 1.063rem;
        font-weight: 500;
        letter-spacing: 0.95px;
    }
    .menu a {
        font-size: var(--spacing-14) !important;
        letter-spacing: 1.21px;
    }
    .text__address-white {
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: 0.27px;
    }
    .text__link {
        font-size: 0.875rem;
        letter-spacing: 0.78px;
    }
    .text__poem {
        font-size: var(--spacing-9);
        line-height: 0.96;
        letter-spacing: 1.87px;
    }

}