:root {
  --text-base-color: #333333;
  --text-emphasis-color: #840000;
  --accent-color: #f0d886;
  --sub-color1: #1b0046;
  font-size: 62.5%;
  --font-family-sansserif: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font-family-serif: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

* {
  box-sizing: border-box;
}

html {
  /*scroll-behavior: smooth;
  scroll-padding-top: 60px;*/
}

body {
  position: relative;
  margin: 0;
  color: var(--text-base-color);
  font-size: 1.6rem;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
}

p {
  margin-bottom: 0;
  line-height: 1.5;
}

img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

figure {
  margin: 0;
  text-align: center;
  line-height: 0;	
}

figcaption {
  line-height: 1.25;	
}

ul,
ol {
  padding-left: 0;
}

iframe {
  border: none;
}


@media (max-width: 639px) {
  body {
    font-size: 1.5rem;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.25;	
  }
}