@charset "UTF-8";

/* CSS Document */
html {
    background-color: #F8F4F0;
    font-size: 62.5%;
    /* 16px * 62.5% = 10px */
    width: 100%;
    box-sizing: border-box;
}

body {
    color: #392B19;
    font-family: YakuHanJP_Narrow, aktiv-grotesk, source-han-sans-japanese, "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-feature-settings: "palt";
    font-size: clamp(1.3rem, 1.04vw, 1.5rem);
    line-height: clamp(1.6rem, 1.314rem + 1.43vw, 2.6rem);
    letter-spacing: 0.05em;
    background-color: #F8F4F0;
}

section h2 {
    font-size: 2.4rem;
}

.none {
    display: none;
}

ul, ol {
    list-style-type: none;
}

*, *:before, *:after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    vertical-align: top;
}

/*
html, body, header {
    height: 100%;
}
*/

a {
    text-decoration: none;
    color: #392B19;
}

@media(min-width:767px) {
    .sp {
        display: none !important;
    }
}

@media(max-width:768px) {
    .pc {
        display: none !important;
    }
}

.stalker {
    display: none !important;
}

@media (hover: hover) {
    .stalker {
        display: block !important;
    }

    .news_date:hover .news_text::after {
        width: 100%;
    }

    .footer_nav-list a:hover img {
        -webkit-filter: brightness(250%);
        filter: brightness(250%);
    }
}