@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap");
/*-------------------------------------------
px→vw
 * ex)
   width: sp(200)
   width: tab(200)
-------------------------------------------*/
.mainCol img {
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}

/* 簡易表示切替 */
.sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

.tab {
  display: none;
}
@media screen and (min-width: 768px) {
  .tab {
    display: block;
  }
}

.imgCol {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.imgCol .imgColInner div {
  position: relative;
}
.imgCol .movie {
  width: 100%;
}
.imgCol .movie iframe {
  width: 84%;
  position: absolute;
  aspect-ratio: 16 / 9;
  left: 8%;
  bottom: 0;
  border: none;
}
.imgCol .movie .movieEmbed {
  position: relative;
  width: 100%;
}
.imgCol .linkContent01 .link_r, .imgCol .linkContent02 .link_r {
  position: absolute;
  width: 44%;
  bottom: 5%;
  left: 5%;
}
.imgCol .linkContent01 .link_e, .imgCol .linkContent02 .link_e {
  position: absolute;
  width: 44%;
  bottom: 5%;
  right: 5%;
}
.imgCol .animation_r .animation_drop {
  bottom: 27.5%;
}
.imgCol .animation_e .animation_drop {
  bottom: 18%;
}
.imgCol .animation_r, .imgCol .animation_e {
  position: relative;
}
.imgCol .animation_r .animation_drop, .imgCol .animation_e .animation_drop {
  opacity: 0;
  width: 47%;
  left: 26%;
  position: absolute;
  transform: translateY(-5%);
  transition: opacity 1.3s, transform  1.3s;
}
.imgCol .animation_r .animation_drop.is-inview, .imgCol .animation_e .animation_drop.is-inview {
  opacity: 1;
  transition-delay: 0;
  transform: translateY(0);
}
.imgCol .animation_r .animation_ribbon, .imgCol .animation_e .animation_ribbon {
  opacity: 0;
  position: absolute;
  width: 90%;
  bottom: 0%;
  left: 5%;
  transition: opacity 1s, transform .8s;
}
.imgCol .animation_r .animation_ribbon.is-inview, .imgCol .animation_e .animation_ribbon.is-inview {
  opacity: 1;
  transition-delay: .7s;
}
