html {

  font-size: 62.5%;

  overflow-x: hidden;

  scroll-padding-top: calc(clamp(5.6rem, calc(56px + (80 - 56) * var(--vw-desktop-range)), 8rem) + 10rem);

  scroll-behavior: smooth;

  -webkit-scroll-padding-top: calc(clamp(5.6rem, calc(56px + (80 - 56) * var(--vw-desktop-range)), 8rem) + 10rem);

}

@media screen and (max-width: 1025px) {

  html {

    scroll-padding-top: calc(calc(60 * 100vw / 390) + calc(10 * 100vw / 390));

    -webkit-scroll-padding-top: calc(calc(60 * 100vw / 390) + calc(10 * 100vw / 390));

  }

}



*,
*::before,
*::after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



body {

  margin: 0;

  font-family: "Noto Sans JP", "Jost", system-ui, -apple-system, Segoe UI, Roboto,

    Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  color: var(--black);

  background: #fff;

  line-height: 1;

  font-weight: 700;

  font-size: clamp(1.6rem, calc((15px + (24 - 15) * var(--vw-desktop-range)) * 1.1), 2.6rem);

  line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

}



a {

  text-decoration: none;

  color: var(--black);

  transition: .3s;

}



a:hover {

  color: var(--lightblue);

}



.jost {

  font-family: "Jost", system-ui, -apple-system, Segoe UI, Roboto,

    Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

}



/* Helpers layout */

.container {

  width: min(100%, var(--container));

  margin-inline: auto;

  padding-inline: var(--gutter);

}



figure svg {

  width: 100%;

  height: auto;

}



/* Visibilité par device – desktop par défaut */

@media screen and (min-width: 1025px) {

  .sp-only {
    display: none !important;
  }

}



.pc-only {

  display: block;

}