html {
  font-size: 3.7333333333vw;
}
body {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP",
    sans-serif;
  color: #222;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
a img {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
a:hover img {
  opacity: 0.8;
}
a.opacity {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
a.opacity:hover {
  opacity: 0.8;
}
picture {
  display: block;
}
button {
  padding: 0;
  border: unset;
  background: unset;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center {
  text-align: center;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.f-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.f-jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.f-jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.f-jc-fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.f-ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.f-ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.f-ai-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.f-ac-c {
  -ms-flex-line-pack: center;
  align-content: center;
}
.base {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}
#wrapper {
  width: 100%;
  max-width: 750px;
  margin: auto;
}
.footer {
  padding: 38.857px 22.857px;
  padding: 2.4285714286rem 1.4285714286rem;
  background: #222;
  color: #fff;
}
.footer .menu__list__item {
  margin-bottom: 1em;
  font-size: 17.142px;
  font-size: 1.0714285714rem;
}
.footer .menu__list__item a {
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.footer .menu__list__item a:hover {
  opacity: 0.6;
}
#copyright {
  margin-top: 3em;
  font-size: 11.428px;
  font-size: 0.7142857143rem;
}
@media screen and (min-width: 751px) {
  html {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
/*# sourceMappingURL=../maps/layout/base.min.css.map */