@charset "UTF-8";
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
@-webkit-keyframes expansion {
  0% {
    background-position: center top;
    top: 0;
    bottom: auto;
    height: 0;
  }
  50% {
    height: 100%;
    background-position: center top;
    top: 0;
    bottom: auto;
  }
  51% {
    height: 100%;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
  100% {
    height: 0;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
}
@keyframes expansion {
  0% {
    background-position: center top;
    top: 0;
    bottom: auto;
    height: 0;
  }
  50% {
    height: 100%;
    background-position: center top;
    top: 0;
    bottom: auto;
  }
  51% {
    height: 100%;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
  100% {
    height: 0;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
}
@-webkit-keyframes btnbottomarr {
  30% {
    opacity: 0;
  }
  40% {
    width: 0;
    opacity: 0;
  }
  50% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
  }
}
@keyframes btnbottomarr {
  30% {
    opacity: 0;
  }
  40% {
    width: 0;
    opacity: 0;
  }
  50% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
  }
}
.subpage .quontier_contents {
  overflow: hidden;
}
.subpage .pageheader {
  padding: 255.5px 80px 0;
  width: 1600px;
  margin: 0 auto 138px;
}
.subpage .secondWrap {
  width: 1180px;
  margin: 0 auto;
  padding: 0 80px 145px;
}

@media (max-width: 767px) {
  .subpage .pageheader {
    padding: 39vw 6vw 0;
    width: 100%;
    margin: 0 auto 28vw;
  }
  .subpage .secondWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 6vw 28.5vw;
  }
}