@charset "UTF-8";


/* 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: 15px;
    line-height: 1;
    color: #000;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
    background: #fff;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
  }
  a {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
    color: #000;
    text-decoration: none;
    max-height: 999999px;
  }
  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;
  }
  :focus:not(:focus-visible) {
    outline: 0;
  }
  @media not all and (max-width: 768px) {
    a:hover {
      text-decoration: none;
    }
    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;
  }
}