/* -----------------------------------------
  reset（編集しない）
----------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0
}

ul[role="list"],
ol[role="list"],
li {
  list-style: none
}

/* videoタグの隙間対策 */
video {
  display: block;
}
    
html:focus-within {
  scroll-behavior: smooth
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5
}

a:not([class]) {
  text-decoration-skip-ink: auto
}

img,
picture {
  max-width: 100%;
  /* display: block; */
}

input,
button,
textarea,
select {
  font: inherit
}

button {
  border: none;
  /* ボーダーをなくす */
  outline: none;
  /* フォーカス時の枠線をなくす */

}

@media(prefers-reduced-motion:reduce) {
  html:focus-within {
    scroll-behavior: auto
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}


/* -----------------------------------------
base（font-familyなどの変更。fontは1.6rem＝16px）
----------------------------------------- */
/* rem用 */
html {
  font-size: 62.5%;
}

body {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "Meiryo UI", Avenir, "Open Sans", Helvetica, "Helvetica Neue", Arial, Verdana, Roboto, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* font-size: 1.6rem; */
}

#wrapper {
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
  overflow: hidden;
}

/* 画像の隙間対策 */
#wrapper img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

#wrapper footer {
  background-color: #1a3853;
  text-align: center;
  /* padding: 10% 0 40%; */
  padding: 10% 0;
}

#wrapper footer .policy a {
  font-size: 1rem;
  color: #fff;
  /* border-bottom: 1px solid #fff; */
}