@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

:root {
    --brown: #442d1d;
    --brown_soft: #4b403a;
    --beige: #fbf7f2;
    --tan: #c5b9aa;
    --tan2: #f0e7da;
    --yellow_g: #e8d9c4;
    --fs-en: 1.6rem;
    --fs-label: 1.8rem;
    --fs-title: 3.2rem;
    --fs-display: 4rem;
    --fs-hero: clamp(3rem, 3vw, 4.6rem);
    --fs-lead: 1.8rem;
    --fs-body: 1.7rem;
    --fs-card: 2.4rem;
    --sect-pd: 10rem;
    color-scheme: light only !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
html, body {
    font: 400 16px/1.5 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    color: var(--brown);
    background: var(--beige);
    max-width: 100%;
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}
body * { box-sizing: border-box; word-break: keep-all; }
a:hover, a:link, a:visited, a:active { text-decoration: none; color: inherit; }
img { max-width: 100%; vertical-align: top; }
button { font-family: inherit; background: none; border: 0; cursor: pointer; }
html { font-size: 10px; }
body { font-size: 1.6rem; }
body.nav_lock,
body.policy_lock { overflow: hidden; }

.reveal { transition: transform 0.8s ease-out, opacity 0.8s ease-out; }
.fade-up { transform: translateY(50px); opacity: 0; }
.active.fade-up { transform: translateY(0); opacity: 1; }
.active.delay_200 { transition-delay: .2s; }
.active.delay_300 { transition-delay: .3s; }
.active.delay_400 { transition-delay: .4s; }

.flex { display: flex; }
.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}