@charset "UTF-8";
html {
  font-size: 56%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #000; }
  @media (max-width: 768px) {
    html {
      font-size: 62.5%; } }

body {
  margin: 0;
  background-color: #fff; }

main {
  line-height: 1.5em;
  overflow: hidden; }

a {
  text-decoration: none;
  color: #707070; }
  a:visited {
    color: #707070; }
  a:hover {
    color: #9F855A; }
  a:hover {
    transition-duration: 0.5s; }

.tel a, .tel a:visited, .tel2 a, .tel2 a:visited {
  color: #A3B815; }

*, *::before, *::after {
  box-sizing: border-box; }

li {
  list-style: none; }

img {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "object-fit: cover;"/9;
  width: auto;
  max-width: 100%; }

@media all and (-ms-high-contrast: none) {
  img {
    font-family: "object-fit: cover;"; } }

@supports (-ms-ime-align: auto) {
  img {
    font-family: "object-fit: cover;"; } }

h2, h3, h4, h5 {
  font-weight: 700; }

/*--------------------------------------------------- */
/* アニメーション */
/*--------------------------------------------------- */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*--------------------------------------------------- */
/* ユーティリティタグ */
/*--------------------------------------------------- */
.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.flexChild {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.maxWid {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 1000px) {
  .mbPad {
    padding-left: 20px;
    padding-right: 20px; } }

@media (max-width: 768px) {
  .maxWid {
    max-width: initial; }
  .mbInvi {
    display: none; }
  .tabInvi {
    display: none; } }

@media (min-width: 769px) {
  .pcInvi {
    display: none; } }

@media (min-width: 481px) {
  .pcInvi2 {
    display: none; } }

@media (max-width: 1000px) {
  .pcInvi3 {
    display: none; } }

@media (max-width: 480px) {
  .mbInvi2 {
    display: none; } }

.width100 {
  width: 100%; }