@charset "UTF-8";


:root {
  --color-black: #231815;
  --color-white: #fff;
  --color-primary: #E60012;
  --color-yellow: #FFFF00;
  --color-gray: #231815;
  --color-gray2: #505050;
  --color-gray3: #4F4C4B;
  --color-blue: #4EC5E5;
}

/* CSS Document */
@layer reset {
  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    max-height: 999999px;
  }

  [id] {
    scroll-margin-top: var(--scroll-adjust);
  }

  body {
    font-size: 0.875rem;
    line-height: 2.1428571429;
    color: #595757;
    font-weight: 500;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
    background: #fff;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    /*202009 100%はiPadでサイズが変わってしまうのでnoneを使う*/
  }
  @media (max-width: 765px) {
    body {
      font-size: 0.875rem;
    }
  }

  a {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    color: #595757;
    text-decoration: none;
    max-height: 999999px;
  }

  a, button {
    outline: 5px solid transparent;
    outline-offset: 10px;
    transition: outline-offset 0.5s;
  }
  a::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
  }

  img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  a img {
    border: 0;
    transition: opacity 0.5s;
  }

  a:focus,
button:focus {
    outline: 2px solid rgba(0, 0, 0, 0.8);
    outline-offset: 0;
  }

  :focus:not(:focus-visible) {
    outline: 0;
  }

  a:focus-visible {
    text-decoration: underline;
  }
  a:focus-visible img {
    opacity: 0.6;
  }
  @media (hover: hover) and (pointer: fine) {
    a:hover {
      text-decoration: underline;
    }
    a:hover img {
      opacity: 0.6;
    }
  }

  article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display: block;
  }

  li {
    list-style-type: none;
  }

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

  table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    vertical-align: baseline;
    max-height: 999999px;
  }

  caption, th, td {
    text-align: inherit;
  }

  blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
  }

  blockquote, q {
    quotes: none;
  }

  del {
    text-decoration: line-through;
  }

  abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
  }

  ins {
    text-decoration: none;
  }

  mark {
    /*	font-style:italic;*/
    /*	font-weight:bold;*/
  }

  iframe:is([src^="https://www.youtube.com"],
 [src^="https://youtu.be"]) {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}