/* ===================================================
   foundation.css — HTMLタグの基準スタイル
   =================================================== */
html {
    overflow-x: clip;
}

body {
    font-family: var(--font-base);
    font-size: var(--fz-base);
    color: var(--color-text);
    line-height: 1.8;
    background-color: var(--color-white);
    overflow-x: clip;
}
p {
    line-height: 1.8;
}
a {
    transition: opacity var(--transition-base);
}
a:hover {
    opacity: 0.7;
}
strong {
    font-weight: 700;
}
small {
    font-size: var(--fz-xs);
}
.sp {
    display: none;
}

@media screen and (max-width: 1024px) {
    .pc {
        display: none;
    }
    .sp {
        display: inherit;
    }
}