@charset "UTF-8";
/*===========================================
* レイアウト
*==========================================*/
.page-generic .page-generic__body {
  margin: 20.8rem auto 5.7rem;
}
.page-generic .container {
  max-width: 110rem;
  margin-inline: auto;
}
@media screen and (min-width: 990px) {
  .page-generic .page-generic__body {
    margin: 8rem auto 10rem;
  }
}

/*===========================================
* 動画
*==========================================*/
.media--16-9 {
  position: relative;
  padding-bottom: 56.25%;
}

.video-section__media iframe,
.video-section iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
          transform: none;
}

/*===========================================
* ボタン
*==========================================*/
.article__back {
  text-align: center;
  font-size: 1.2rem;
  margin: 10rem auto 0;
}
.article__back .button-back {
  font-weight: 300;
  -webkit-transform: translate(-1.3rem);
          transform: translate(-1.3rem);
  text-decoration: none;
  font-family: "Noto Sans JP";
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.article__back .button-back .button-back__icon {
  display: inline-block;
  width: 0.8rem;
  height: 1.4rem;
  margin-right: 2rem;
  line-height: 0;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.article__back .button-back:hover {
  opacity: 0.8;
}
.article__back .button-back:hover .button-back__icon {
  -webkit-transform: translate(-0.4rem);
          transform: translate(-0.4rem);
}
@media screen and (max-width: 749px) {
  .article__back {
    margin: 16.7rem auto 0;
  }
}