@charset "UTF-8";
/**
  *  mixin
  */
body {
  font-family: "Noto Sans JP", serif;
}

.txt-hiragino {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.txt-Noto {
  font-family: "Noto Sans JP", sans-serif !important;
}

.txt-Zen {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}

/**電話リンクスマホのみ**/
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}
/*****リンクなし ホバー解除******/
.heiseitokimeki a[href*="javascript:void(0)"] {
  pointer-events: none;
  cursor: default;
}
.heiseitokimeki a[href*="javascript:void(0)"]:hover {
  opacity: 1;
  background: none;
}

/*------------------------------------------
ヘッダー
-------------------------------------------*/
#header .header-fix-wrap {
  _position: static;
}

@media screen and (max-width: 767px) {
  .HeaderBody.is-fixed {
    _position: static;
  }
}

.sp-none {
  display: block;
}
@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

.pc-none {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc-none {
    display: block;
  }
}

/*---------------------------
-------------------------------------------*/
.heiseitokimeki .fadein {
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.4s linear, opacity 0.4s linear;
}

.heiseitokimeki .fadein.is-scroll {
  transform: translateY(0);
  opacity: 1;
}

/*------------------------------------------
フェードの上がり方
-------------------------------------------*/
.heiseitokimeki .fadein {
  transform: translateY(50px);
  opacity: 0;
  transition: all 1.3s;
}

.heiseitokimeki .animeimg.is-Up.anime01 {
  opacity: 0;
  -webkit-animation: anime01 1s ease-in-out forwards;
  animation: anime01 1s ease-in-out forwards;
}

.heiseitokimeki .animeimg.is-Up.anime02 {
  opacity: 0;
  -webkit-animation: anime01 1.8s ease-in-out forwards;
  animation: anime01 1.8s ease-in-out forwards;
}

.heiseitokimeki .animeimg.is-Up.anime03 {
  opacity: 0;
  -webkit-animation: anime01 2.6s ease-in-out forwards;
  animation: anime01 2.6s ease-in-out forwards;
}

.heiseitokimeki .animein.is-Up {
  opacity: 0;
  -webkit-animation: anime01 3.6s ease-in-out forwards;
  animation: anime01 3.6s ease-in-out forwards;
}

@-webkit-keyframes fadeinUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeinUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes anime01 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anime01 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes move01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes boundIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes boundIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.bound {
  -webkit-animation: boundIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s both;
          animation: boundIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s both;
  opacity: 0;
  transform: translateY(20px) scale(0.95);
}

/*------------------------------------------
右から左
-------------------------------------------*/
.heiseitokimeki .sliderightIn {
  transform: translateX(30px);
  opacity: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1), 0.8s;
}

.heiseitokimeki .sliderightIn.is-scroll {
  transform: translateX(0);
  opacity: 1;
}

/*------------------------------------------
左から右
-------------------------------------------*/
.heiseitokimeki .slideleftIn {
  transform: translateX(-30px);
  opacity: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1), 0.8s;
}

.heiseitokimeki .slideleftIn.is-scroll {
  transform: translateX(0);
  opacity: 1;
}

/*------------------------------------------
打ち消す
-------------------------------------------*/
/*---全体-----*/
@media screen and (min-width: 768px) {
  body {
    min-width: 1240px;
  }
}

.heiseitokimeki img {
  width: 100%;
}

/*---打ち消す-----*/
.contents {
  overflow-x: initial;
}

.pageGuide {
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .pageGuide {
    z-index: 10;
  }
}

/*------------------------------------------
/*------------------------------------------
heiseitokimeki
-------------------------------------------*/
.heiseitokimeki {
  position: relative;
  z-index: 2;
  padding-bottom: 165px;
  background-image: url(/tokyo/heiseitokimeki/assets/img/bg_pc.png);
  background-color: #CFEC8D;
  background-repeat: repeat;
  background-size: cover;
  background-position: top center;
  line-height: 1.6;
  /*------------------------------------------
  MV
  -------------------------------------------*/
  /*------------------------------------------
  MV下タイトル
  -------------------------------------------*/
  /*------------------------------------------
  イントロ
  -------------------------------------------*/
  /*------------------------------------------
  .article-contents
  -------------------------------------------*/
}
@media screen and (max-width: 767px) {
  .heiseitokimeki {
    padding-bottom: 144px;
    background-image: url(/tokyo/heiseitokimeki/assets/img/bg_sp.png);
  }
}
.heiseitokimeki p {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki p {
    font-size: 1.4rem;
  }
}
.heiseitokimeki img {
  width: 100%;
  height: auto;
}
.heiseitokimeki ul.indent {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki ul.indent li {
    font-size: 1.2rem !important;
  }
}
.heiseitokimeki ul.indent.bottom-caution {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki ul.indent.bottom-caution {
    margin: 0 auto;
    width: 95%;
    text-align: left;
  }
}
.heiseitokimeki .main_title_area {
  z-index: 10;
  position: relative;
  width: 100%;
  height: 47vw;
  margin: 0;
  min-height: 670px;
  background: url(/tokyo/heiseitokimeki/assets/img/mv_02_pc.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki .main_title_area {
    margin: 0 auto;
    height: 210vw;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    background: url(/tokyo/heiseitokimeki/assets/img/mv_02_sp.png) no-repeat top left;
    background-size: 100% auto;
  }
}
.heiseitokimeki .main_title {
  text-align: center;
  width: max(290px, 24vw);
  height: auto;
  margin: 0 auto;
  padding-top: max(47px, 3vw);
}
@media screen and (max-width: 767px) {
  .heiseitokimeki .main_title {
    width: 62vw;
    height: auto;
    margin: 0 auto;
    padding-top: 42vw;
  }
}
.heiseitokimeki .main_title figure img {
  width: 100%;
  height: auto;
}
.heiseitokimeki .w983 {
  max-width: 983px;
  margin: 0 auto;
}
.heiseitokimeki .w1100 {
  max-width: 1100px;
  margin: 0 auto;
}
.heiseitokimeki .intro_area {
  margin-top: -30px;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki .intro_area {
    margin-top: 65px;
  }
}
.heiseitokimeki .intro_area .intro_ttl {
  margin: 0 auto 10px;
  width: 365px;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki .intro_area .intro_ttl {
    margin: 0 auto 5px;
    max-width: 233px;
    width: 100%;
  }
}
.heiseitokimeki .intro_area .intro_txt {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .heiseitokimeki .intro_area .intro_txt {
    font-size: 1.4rem;
  }
}

/*############################################*/
/*******************
アニメーション部分
*******************/
.sc-fadeIn,
.sc-fadeIn-2 {
  transition: 1s;
  opacity: 0;
}

.sc-fadeIn {
  transform: translate3d(0, 30px, 0);
}

.sc-fadeIn-2 {
  transform: translate3d(0, 80px, 0);
}

.sc-fadeIn.sc-active,
.sc-fadeIn-2.sc-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}/*# sourceMappingURL=style.css.map */