/* Theme Name:リバース採用*/
:root {
  /* Fonts */
  --font-jp: "Noto Sans JP", sans-serif;
  --font-en: "Albert Sans", "Noto Sans JP", sans-serif;

  /* Layout */
  --content-width: 1280px;
  --content-padding: 140px;
  --content-padding-sp: 20px;

  /* Section background colors */
  --bg-gray:  #F1F1F1; /* CONCEPT, SALON GALLERY, JOB DETAIL, Q&A, CONTACT */
  --bg-beige: #EFEEE8; /* CURRICULUM, IN NUMBERS, LOOKING FOR, BENEFITS, HOW TO */
  --bg-white: #FFFFFF; /* INTERVIEW */
  --bg-black: #000000; /* Footer */

  /* Breakpoint helper (referenced in media queries; not used as CSS var) */
  /* SP breakpoint: 768px */
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: var(--font-jp);
  font-weight: 400;
  color: #000;
  background: #fff;
  font-feature-settings: "palt";
  overflow-x: hidden;
}

@media (min-width: 769px) {
  body {
    min-width: var(--content-width);
  }
}

.heading-en {
  font-family: var(--font-en);
  font-weight: 600;
  letter-spacing: 0.08em;
}

.container {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--content-padding);
}

@media (max-width: 768px) {
  .container {
    padding-inline: var(--content-padding-sp);
  }
}

/* Section wrapper: full-bleed with inner container */
.section {
  width: 100%;
  position: relative;
}