* {
    font-family: 'Noto Sans JP', sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

h1 {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

/* Menu animations */
.menu-drawer {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.menu-drawer.open {
    transform: translateX(0);
}

.menu-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.menu-overlay.show {
    opacity: 1;
    pointer-events: auto;
}

/* Tab content */
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}