/* =====================================================
   Reset
===================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; max-width: 100%; }
body {
  font-family: var(--ff-ja);
  color: var(--clr-text);
  line-height: 1.8;
  overflow-x: hidden;
  max-width: 100%;
}

img    { max-width: 100%; height: auto; display: block; }
a      { text-decoration: none; color: inherit; transition: opacity var(--trans); }
a:hover { opacity: .75; }
ul     { list-style: none; }
button { font-family: inherit; cursor: pointer; }

/* =====================================================
   Utility
===================================================== */
.container { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--pad-x); }

/* フォントスムージング */
.section-label__en, .view-more, .nav__list a, .mobile-nav a,
.hero__en, .menu-row__en, .menu-row__amp,
.news-item__date, .footer__nav-head, .footer__copy {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.br-mobile { display: none; }
.text-accent { color: var(--clr-main); }