@charset "UTF-8";
/* 
---------------------------------------
//Reset
---------------------------------------
*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ルート設定 */
html {
  width: 100%;
  overflow-y: scroll;
  font-size: 62.5%; /* 1rem = 10px */
  scroll-behavior: smooth;
}

/* ベースタグのリセット */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote,
ul, ol, li,
dl, dt, dd,
figure, figcaption,
table, th, td,
form, fieldset, input, textarea,
pre, code,
header, footer, section, nav, article, aside, main, div {
  margin: 0;
  padding: 0;
}

/* 視覚要素の調整 */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* リスト調整 */
ul, ol {
  list-style: none;
}

/* アンカーリセット */
a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

/* スクロール補助の演出（必要なときだけ使ってね） */
a,
button,
input,
textarea {
  will-change: auto;
}

/* フォント系 */
address {
  font-style: normal;
}

/* 表 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 見出しスムーズ調整 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: inherit;
}

/* スクリーンリーダー用クラス（アクセシビリティ） */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}