/*! Writen  by SCSS */
.inner_main {
  position: relative;
  background: url(../images/main_bg.jpg) center/cover no-repeat;
  padding-top: 300px; }
  @media screen and (max-width: 768px) {
    .inner_main {
      padding-top: 200px; } }
  .inner_main .main_ttl {
    max-width: 600px;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto; }
    .inner_main .main_ttl .head_en {
      margin: 0 auto; }
    .inner_main .main_ttl .head_jp {
      margin-top: 2em;
      font-size: 11px;
      line-height: 1; }
    .inner_main .main_ttl .main_txt {
      margin-top: 1em;
      text-align: center;
      position: relative;
      z-index: 2;
      font-size: clamp(18px, 1.96vw, 26px);
      letter-spacing: 0.2em; }
      @media screen and (max-width: 480px) {
        .inner_main .main_ttl .main_txt {
          margin-top: 0.6em;
          letter-spacing: 0; } }
  .inner_main img {
    width: 100%; }
  .inner_main .waves {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 60px;
    max-height: 100px; }
    @media screen and (max-width: 480px) {
      .inner_main .waves {
        height: 10vh; } }
  .inner_main .wave_move > use {
    animation: move-forever 20s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
    .inner_main .wave_move > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s; }
    .inner_main .wave_move > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s; }
    .inner_main .wave_move > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s; }
    .inner_main .wave_move > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s; }

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0); }
  100% {
    transform: translate3d(85px, 0, 0); } }

/*# sourceMappingURL=inner.css.map */