@layer reset {
  @font-face {
    font-family: InterLatinScaled;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter/Inter-latin.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    size-adjust: 108.333%;
  }

  @font-face {
      font-family: 'jLeagueSansFont';
      src: url('jleague-sans/WOFF2/JLeague-Sans-Black-Italic.woff2') format('woff2'),
          url('jleague-sans/WOFF/JLeague-Sans-Black-Italic.woff') format('woff');
      font-weight: 900;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'jLeagueSansFont';
      src: url('jleague-sans/WOFF2/JLeague-Sans-Black.woff2') format('woff2'),
          url('jleague-sans/WOFF/JLeague-Sans-Black.woff') format('woff');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'jLeagueSansFont';
      src: url('jleague-sans/WOFF2/JLeague-Sans-Heavy-Italic.woff2') format('woff2'),
          url('jleague-sans/WOFF/JLeague-Sans-Heavy-Italic.woff') format('woff');
      font-weight: 800;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'jLeagueSansFont';
      src: url('jleague-sans/WOFF2/JLeague-Sans-Heavy.woff2') format('woff2'),
          url('jleague-sans/WOFF/JLeague-Sans-Heavy.woff') format('woff');
      font-weight: 800;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'jLeagueSansFont';
      src: url('jleague-sans/WOFF2/JLeague-Sans-Medium-Italic.woff2') format('woff2'),
          url('jleague-sans/WOFF/JLeague-Sans-Medium-Italic.woff') format('woff');
      font-weight: 500;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'jLeagueSansFont';
      src: url('jleague-sans/WOFF2/JLeague-Sans-Medium.woff2') format('woff2'),
          url('jleague-sans/WOFF/JLeague-Sans-Medium.woff') format('woff');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
  }

  html {
    font-size: min(16px, 3.72093vw);
  }

  @media (min-width: 768px) {
    html {
      font-size: min(16px, 2.08333vw);
    }
  }

  @media (min-width: 1440px) {
    html {
      font-size: min(16px, 1.11111vw);
    }
  }

  body {
    --font-inter: "InterLatinScaled", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-stack-ja: var(--font-noto-sans-jp), "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    --font-stack-en-display: var(--font-jleague-sans), "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-stack-en-body: var(--font-inter);
    --font-stack-default: var(--font-jleague-sans), var(--font-noto-sans-jp), "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif, "Helvetica Neue", Helvetica, Arial;
    --font-stack-prose: var(--font-noto-sans-jp), var(--font-inter), "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif, "Helvetica Neue", Helvetica, Arial;
    --font-jleague-sans: 'jLeagueSansFont';
    --font-noto-sans-jp: 'Noto Sans JP', Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
    font-family: var(--font-stack-default);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--primary, #0f1214);
    overflow-x: hidden;
  }

  main#main-content {
    background-color: var(--primary, #0f1214);
    flex-direction: column;
    display: flex;
  }

  * {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  @property --gradient-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
  }

  .c-layout {
    position: relative;
  }

  :root {
    --band-half: 2%;
    --brightness-boost: .25;
    --chroma-boost: .3;
    --anim-duration: 10s;
    --brand-black: #000;
    --brand-white: #fff;
    --brand-red: #ff441b;
    --brand-red-bright: red;
    --brand-blue: #008be8;
    --brand-green: #00b07b;
    --brand-gold: #dcb75a;
    --gray-900: #191919;
    --gray-800: #323232;
    --gray-700: #4c4c4c;
    --gray-600: #656565;
    --gray-500: #7e7e7e;
    --gray-400: #989898;
    --gray-300: #b2b2b2;
    --gray-200: #cbcbcb;
    --gray-150: #d8d8d8;
    --gray-100: #e5e5e5;
    --gray-50: #f5f5f5;
    --primary: #0f1214;
    --secondary: #1b1f21;
    --tertiary: #272a2e;
    --green-400: #067226;
    --green-300: #008a1c;
    --green-200: #6ad488;
    --green-100: #e1f6e7;
    --blue-400: #003e91;
    --blue-300: #06d;
    --blue-200: #5ca8f2;
    --blue-100: #e3f0ff;
    --yellow-400: #996e00;
    --yellow-300: #fc0;
    --yellow-200: #ffd85a;
    --yellow-100: #fff7e0;
    --red-400: #a1131f;
    --red-300: #e52031;
    --red-200: #f56b76;
    --red-100: #ffe5e7;
    --medal-gold: #c9a633;
    --medal-silver: #9e9e9e;
    --medal-bronze: #a97142;
    --levain-action: #e00013;
    --levain-primary: #bf000f;
    --levain-secondary: #eb6e78;
    --acl-elite-action: #7d5fb8;
    --acl-elite-primary: #230037;
    --acl-elite-secondary: #371a47;
    --acl-two-action: #3944e7;
    --acl-two-primary: #000039;
    --acl-two-secondary: #161647;
    --acl-two-tertiary: #202056;
    --kashima-primary: #b7274c;
    --kashima-secondary: #081f2c;
    --urawa-primary: #ed1a3b;
    --urawa-secondary: #fff;
    --kashiwa-primary: #fff200;
    --kashiwa-secondary: #000;
    --fc-tokyo-primary: #22296c;
    --fc-tokyo-secondary: #ed1c24;
    --tokyo-v-primary: #006b35;
    --tokyo-v-secondary: #ad9e6e;
    --machida-primary: #0061af;
    --machida-secondary: #08296c;
    --kawasaki-primary: #33a3dc;
    --kawasaki-secondary: #000;
    --yokohama-fm-primary: #034ea2;
    --yokohama-fm-secondary: #fff;
    --yokohama-fc-primary: #00aeef;
    --yokohama-fc-secondary: #023f88;
    --shonan-primary: #81c44c;
    --shonan-secondary: #0066ab;
    --niigata-primary: #f15a22;
    --niigata-secondary: #034ea2;
    --shimizu-primary: #f6871f;
    --shimizu-secondary: #2c4269;
    --nagoya-primary: #da2128;
    --nagoya-secondary: #fcaf17;
    --kyoto-primary: #ad1aac;
    --kyoto-secondary: #000;
    --g-osaka-primary: #004b8c;
    --g-osaka-secondary: #130c0e;
    --c-osaka-primary: #db0962;
    --c-osaka-secondary: #303188;
    --kobe-primary: #a30134;
    --kobe-secondary: #000;
    --okayama-primary: #b10342;
    --okayama-secondary: #2e2c6c;
    --hiroshima-primary: #583f99;
    --hiroshima-secondary: #fff;
    --fukuoka-primary: #002159;
    --fukuoka-secondary: #009ca6;
    --sapporo-primary: #d71920;
    --sapporo-secondary: #000;
    --sendai-primary: #ffc20e;
    --sendai-secondary: #374ea2;
    --akita-primary: #0066b3;
    --akita-secondary: #ac9f3c;
    --yamagata-primary: #282781;
    --yamagata-secondary: #fff;
    --iwaki-primary: #c0263c;
    --iwaki-secondary: #2d2a55;
    --mito-primary: #0066a6;
    --mito-secondary: #2e3192;
    --omiya-primary: #001a4b;
    --omiya-secondary: #ec6602;
    --chiba-primary: #fd0;
    --chiba-secondary: #009b69;
    --kofu-primary: #0066b3;
    --kofu-secondary: #a6093d;
    --toyama-primary: #17479e;
    --toyama-secondary: #a50034;
    --iwata-primary: #659ad2;
    --iwata-secondary: #fff;
    --fujieda-primary: #8a4083;
    --fujieda-secondary: #b0b3d6;
    --yamaguchi-primary: #f26322;
    --yamaguchi-secondary: #000;
    --tokushima-primary: #212750;
    --tokushima-secondary: #00854a;
    --ehime-primary: #f7941d;
    --ehime-secondary: #472f92;
    --imabari-primary: #193973;
    --imabari-secondary: #ffe600;
    --tosu-primary: #00acd4;
    --tosu-secondary: #ef5da2;
    --nagasaki-primary: #17479e;
    --nagasaki-secondary: #f26522;
    --kumamoto-primary: #ae271f;
    --kumamoto-secondary: #babcbe;
    --oita-primary: #21409a;
    --oita-secondary: #ffd400;
    --hachinohe-primary: #0db14b;
    --hachinohe-secondary: #f7941d;
    --fukushima-primary: #ed1c24;
    --fukushima-secondary: #000;
    --tochigi-sc-primary: #fff200;
    --tochigi-sc-secondary: #0066b3;
    --tochigi-c-primary: #001231;
    --tochigi-c-secondary: #fff;
    --gunma-primary: #002e59;
    --gunma-secondary: #bd9d4c;
    --sagamihara-primary: #015350;
    --sagamihara-secondary: #000;
    --yamaga-primary: #00823e;
    --yamaga-secondary: #003f22;
    --nagano-primary: #f26522;
    --nagano-secondary: #343465;
    --kanazawa-primary: #da202c;
    --kanazawa-secondary: #000;
    --numazu-primary: #00aeef;
    --numazu-secondary: #17479e;
    --gifu-primary: #006a44;
    --gifu-secondary: #fbdb65;
    --fc-osaka-primary: #71c9f1;
    --fc-osaka-secondary: #231f20;
    --nara-primary: #132361;
    --nara-secondary: #880d10;
    --tottori-primary: #70bf4f;
    --tottori-secondary: #1d3a5b;
    --sanuki-primary: #5da9dd;
    --sanuki-secondary: #1c4f78;
    --kochi-primary: #b8292f;
    --kochi-secondary: #053;
    --kitakyushu-primary: #fff200;
    --kitakyushu-secondary: #24135f;
    --miyazaki-primary: #fff;
    --miyazaki-secondary: #ee3d96;
    --kagoshima-primary: #1b315e;
    --kagoshima-secondary: #fff;
    --ryukyu-primary: #c61d23;
    --ryukyu-secondary: #d1be6b;
  }
}

@layer radix {
  .radix-themes {
    --default-font-family: var(--font-stack-default);
    color: #f5f5f5;
  }
}

@layer components {
  .a-typography--ff-noto-sans {
    font-family: var(--font-stack-ja);
  }

  .a-typography--fs-sm {
    font-size: .875rem;
  }

  .a-typography--fs-md {
    font-size: 1rem;
  }

  .a-typography--fs-lg {
    font-size: 1.125rem;
  }

  .a-typography--fs-xl {
    font-size: 1.5rem;
  }

  @media (min-width: 768px) {

    .a-typography--pc-fs-2xl {
      font-size: 2rem;
    }
  }

  .a-typography--fw-extra-bold {
    font-weight: 800;
  }

  .a-typography--fw-black {
    font-weight: 900;
  }

  .a-typography--lh-xs {
    line-height: 1;
  }

  .a-typography--lh-lg {
    line-height: 1.6;
  }

  .a-typography--lh-xl {
    line-height: 2;
  }

  .a-typography--trim-cap {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
}

@layer pages {
  .c-maintainance {
    justify-content: center;
    align-items: center;
    height: 100dvh;
    display: flex;
  }

  .c-maintainance__pattern {
    background: linear-gradient(0deg, #4c4c4c 0%, #0f1214 100%);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .c-maintainance__logo {
    max-width: 7.5rem;
    margin: auto;
  }

  .c-maintainance__wrapper {
    text-align: center;
    z-index: 1;
    max-width: 40rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .c-maintainance__title {
    margin-top: 3rem;
  }

  @media (min-width: 768px) {
    .c-maintainance__title {
      margin-top: 4rem;
    }
  }

  .c-maintainance__content {
    text-align: left;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
    display: flex;
  }

  @media (min-width: 768px) {
    .c-maintainance__content {
      text-align: center;
    }
  }
}