@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Noto+Sans+JP:wght@400;600;700;800&display=swap");

:root{
  --font-base:
    "Noto Sans JP",
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif;

  --font-ui:
    "Inter",
    "Noto Sans JP",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}

body{
  font-family: var(--font-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1,
h2{
  font-family: var(--font-base);
  font-weight: 700;
}

h3{
  font-family: var(--font-base);
  font-weight: 600;
}

strong{
  font-weight: 600;
}

/* 英字UI系 */
.eyebrow,
.section-label,
.work-meta,
.flow-num,
.gnav > a,
.gnav-dropdown-trigger,
.gnav-dropdown-link small,
.header-cta,
.sp-nav-sub,
.btn{
  font-family: var(--font-ui);
}

/* 微調整 */
.hero-copy h1{
  font-weight: 800;
  letter-spacing: -0.05em;
}

.section-heading h2{
  font-weight: 800;
  letter-spacing: -0.04em;
}

.hero-copy p.sub,
.service-card h3,
.work-content h3,
.flow-card h3,
.area-card strong,
.about-card h3,
.cta-box h2{
  font-weight: 600;
}