.main {
  height: auto; }

.video-box {
  width: 100%;
  position: relative;
  margin: 0 auto; }
  .video-box video {
    width: 100%;
    height: auto;
    display: block; }

#an-circle-container,
#an-circle-container-sp {
  width: 150%;
  overflow: hidden;
  margin-left: -48%;
  margin-top: -10%;
  margin-bottom: -35%; }
  #an-circle-container #an-circle,
  #an-circle-container #an-circle-sp,
  #an-circle-container-sp #an-circle,
  #an-circle-container-sp #an-circle-sp {
    margin-top: -20.0%;
    margin-left: -65%;
    margin-right: -65%; }

#an-square-container,
#an-square-container-sp {
  width: 100%;
  overflow: hidden;
  margin-top: -17%;
  margin-bottom: -35%; }
  #an-square-container #an-square,
  #an-square-container #an-square-sp,
  #an-square-container-sp #an-square,
  #an-square-container-sp #an-square-sp {
    margin-top: -20.0%;
    margin-bottom: 0.0%;
    margin-left: -120%;
    margin-right: -120%; }

#an-ttl-copy-container {
  max-width: 280px;
  width: 90%;
  overflow: hidden;
  margin-top: -0%;
  margin-bottom: -0%; }
  #an-ttl-copy-container #an-ttl-copy {
    margin-top: -75%;
    margin-bottom: -80%;
    margin-left: -152%;
    margin-right: -126%;
    pointer-events: none; }

.contents-bana .c-photo {
  overflow: hidden; }
  .contents-bana .c-photo .img {
    background-color: #eee; }
    .contents-bana .c-photo .img img {
      transition: 1.5s cubic-bezier(0.3, 0.86, 0.58, 1) 0s transform, 1s ease-out 0s opacity;
      transform: scale(1.2, 1.2);
      opacity: 0; }
  .contents-bana .c-photo.aos-animate .img img {
    transform: scale(1, 1);
    opacity: 1; }
.contents-bana .kana-ttl .ttl-line {
  overflow: hidden;
  display: inline-block; }
  .contents-bana .kana-ttl .ttl-line .ttl-inner {
    transform: translateY(100%);
    transition: 1.0s ease 0s transform; }
.contents-bana .kana-ttl.aos-animate .ttl-line .ttl-inner {
  transform: translateY(0%); }