@charset "UTF-8";
body {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 62.5%;
  line-height: 1;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}

.brandon {
  font-family: brandon-grotesque, sans-serif;
}

.yu-mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

img {
  vertical-align: bottom;
}

@media only screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .wrapper {
    min-width: 1028px;
  }
}

.page #header {
  background-color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .page #header .header_logo {
    width: 14.375vw;
    padding: 3.125vw 0 3.125vw 4.6875vw;
  }
}

@media only screen and (min-width: 768px) {
  .page #header .header_logo {
    padding: 38px 0 28px 65px;
  }
}

.page #header .header_logo a {
  display: block;
}

@media only screen and (min-width: 768px) {
  .page #header .header_logo a:hover {
    -webkit-transition: all 0.17s cubic-bezier(0.21, 0.51, 0.51, 1);
    transition: all 0.17s cubic-bezier(0.21, 0.51, 0.51, 1);
    opacity: .7;
  }
}

@media only screen and (min-width: 768px) {
  #contents_body .onlyPc {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #contents_body .onlyPc {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  #contents_body .onlySp {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #contents_body .onlySp {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  #contents_body br.onlyPc {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  #contents_body br.onlyPc {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  #contents_body br.onlySp {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #contents_body br.onlySp {
    display: inline-block;
  }
}

.contents_body_inner {
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .contents_body_inner {
    padding: 0 6.25vw;
  }
}

@media only screen and (min-width: 768px) {
  .contents_body_inner {
    width: 1028px;
  }
}

#footer .footer_inner {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #footer .footer_inner {
    padding: 12.5vw 0;
  }
}

@media only screen and (min-width: 768px) {
  #footer .footer_inner {
    padding: 80px 0 100px;
  }
}

#footer .footer_logo a {
  display: block;
}

@media only screen and (min-width: 768px) {
  #footer .footer_logo a:hover {
    -webkit-transition: all 0.17s cubic-bezier(0.21, 0.51, 0.51, 1);
    transition: all 0.17s cubic-bezier(0.21, 0.51, 0.51, 1);
    opacity: .7;
  }
}

@media only screen and (max-width: 767px) {
  #footer .footer_logo img {
    width: 37.8125vw;
  }
}

.fadein {
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
}

@media only screen and (max-width: 767px) {
  .fadein {
    -webkit-transform: translateY(3.125vw);
            transform: translateY(3.125vw);
  }
}

@media only screen and (min-width: 768px) {
  .fadein {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@media only screen and (max-width: 767px) {
  .fadein.-right {
    -webkit-transform: translateX(3.125vw) translateY(0);
            transform: translateX(3.125vw) translateY(0);
  }
}

@media only screen and (min-width: 768px) {
  .fadein.-right {
    -webkit-transform: translateX(20px) translateY(0);
            transform: translateX(20px) translateY(0);
  }
}

.fadein.-right.on {
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
}

@media only screen and (max-width: 767px) {
  .fadein.spNon {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadein.on {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
/*# sourceMappingURL=common.css.map */