html {
    font-family: 'Noto Sans JP', 'Roboto', sans-serif;
    color: #393939;
    font-size: 100%;
    letter-spacing: -0.04em;
}
@media screen and (max-width: 640px) {
    html { font-size: 75%; }
}
.text-xs { font-size: 12px; }
.text-sm { font-size: 16px; }
.text-md { font-size: 24px; }
.text-lg { font-size: 32px; }
@media screen and (max-width: 640px) {
    .text-xs { font-size: 10px; }
    .text-sm { font-size: 14px; }
    .text-md { font-size: 20px; }
    .text-lg { font-size: 24px; }
}
.kr-logo { height: 38px; }
@media screen and (max-width: 640px) {
    .kr-logo { height: 30px; }
}
.fade-in {
    animation: fade-in 3s;
    animation-fill-mode: forwards;
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.apex-link {
    color: #0572CE;
    text-decoration: none;
}
.apex-link:hover {
    text-decoration: underline;
}