@charset "UTF-8";
html {
  font-size: 62.5%;
}

@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}

h1, h2, h3, h4, h5, p, a, span, ul, ol, li, th, td, hr, table, tbody, tr, th, td, button, img {
  margin: 0;
  padding: 0;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
}

h1, h2, h3, h4, h5, p, a, span, li, th, td, button {
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "serif";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8em;
  margin-top: .2em;
  margin-bottom: .2em;
  letter-spacing: .1em;
  word-break: normal;
  color: #666;
}

p, a, span, li, th, td, button {
    font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", "sans-serif";
}


@media (max-width: 991px) {
  h1, h2, h3, h4, h5, p, a, span, li, th, td, button {
    font-size: 12px;
  }
}

h1, h2, h3, h4, h5 {
  color: #333;
}

h1 {
  font-size: 34px;
}
@media (max-width: 991px) {
  h1 {
    font-size: 24px;
  }
}

h2 {
  font-size: 30px;
}
@media (max-width: 991px) {
  h2 {
    font-size: 18px;
  }
}

h3 {
  font-size: 24px;
}
@media (max-width: 991px) {
  h3 {
    font-size: 16px;
  }
}

h4 {
  font-size: 20px;
}
@media (max-width: 991px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 16px;
}
@media (max-width: 991px) {
  h5 {
    font-size: 14px;
  }
}

button {
  background: initial;
  border: none;
  display: block;
}
button:hover {
  cursor: pointer;
}
button:focus {
  outline: 0;
}

li {
  list-style: none;
}

a:hover, a:focus {
  text-decoration: none;
}
a:hover {
  color: #0c6;
}
a:hover span {
  color: #0c6;
}
a:hover .icon-q {
  border-color: #0c6;
}
a img:hover, a img:focus {
  opacity: 0.7;
}

hr {
  width: 100%;
}

img {
  backface-visibility: hidden;
}