@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 {
        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 {
      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;
  transition: 2s;
  transition-property: opacity,transform; }
  @media only screen and (max-width: 767px) {
    .fadein {
      transform: translateY(3.125vw); } }
  @media only screen and (min-width: 768px) {
    .fadein {
      transform: translateY(20px); } }
  @media only screen and (max-width: 767px) {
    .fadein.-right {
      transform: translateX(3.125vw) translateY(0); } }
  @media only screen and (min-width: 768px) {
    .fadein.-right {
      transform: translateX(20px) translateY(0); } }
  .fadein.-right.on {
    transform: translateX(0) translateY(0); }
  @media only screen and (max-width: 767px) {
    .fadein.spNon {
      opacity: 1;
      transform: none; } }
  .fadein.on {
    opacity: 1;
    transform: translateY(0); }

/*# sourceMappingURL=common.css.map */