@charset "UTF-8";
@import "root.css";
  @font-face {
    font-display: swap;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/noto-sans-jp-v53-japanese_latin-regular.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    src: url("fonts/noto-sans-jp-v53-japanese_latin-500.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("fonts/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/inter-v18-latin-regular.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    src: url("fonts/inter-v18-latin-italic.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("fonts/inter-v18-latin-500.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: italic;
    font-weight: 500;
    src: url("fonts/inter-v18-latin-500italic.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url("fonts/inter-v18-latin-700.woff2") format("woff2");
  }
  @font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    src: url("fonts/inter-v18-latin-700italic.woff2") format("woff2");
  }
  html {
    text-size-adjust: 100%;
  }

  html,
  body {
    height: 100%;
  }

  html,
  body,
  div,
  span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  img,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    padding: 0;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border: 0;
  }

  main,
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  picture,
  section {
    display: block;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  table {
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse;
  }

  fieldset,
  img,
  a img {
    border: 0;
  }

  address,
  caption,
  cite,
  code,
  dfn,
  strong,
  th,
  var {
    font-style: normal;
    font-weight: normal;
  }

  em {
    font-style: normal;
  }

  ol,
  ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

  caption,
  th {
    text-align: left;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th,
  td,
  small {
    font-weight: normal;
  }

  em {
    font-style: normal;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
    backface-visibility: hidden;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
  }

  button,
  input,
  select,
  textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
  }

  select {
    appearance: none;
    background: transparent;
    border: 0;
    outline: none;
  }

  ::-ms-expand {
    display: none;
  }

  textarea {
    vertical-align: top;
  }

  button {
    padding: 0;
    font-size: 100%;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
    touch-action: manipulation;
    /* outline: none; */
  }

  a {
    text-decoration: none;
  }

  input[type=text],
  input[type=button],
  input[type=submit],
  input[type=number],
  input[type=tel],
  textarea {
    font-family: inherit;
    font-size: 100%;
    appearance: none;
  }

  @keyframes buttonhover {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }