@charset "UTF-8";

.mv__title {
  width: 9.125rem;
}

@media screen and (min-width: 992px) {
  .mv__title {
    width: 8.875rem;
  }
}

/* yodogawa */
.yodogawa {
  background: #877569;
}

.yodogawa__img {
  max-width: 14.9375rem;
}

@media screen and (min-width: 992px) {
  .yodogawa__img {
    max-width: 18.3125rem;
  }
}

/* gallery */
.gallery {
}

.gallery__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-inline: auto;
  max-width: 600px;
}

.gallery__block {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  &:not(:first-child) {
    margin-top: 30px;
  }

  > * {
    max-width: 100%;
  }
}

.gallery__img01 {
  width: calc(345 / 375 * 100%);
  margin-left: auto;
}

.gallery__img02 {
  width: calc(333 / 375 * 100%);
}

.gallery__img03 {
  width: calc(345 / 375 * 100%);
  margin-left: auto;
}

.gallery__img04 {
  width: calc(302 / 375 * 100%);
  margin: 0 auto;
}

.gallery__img05 {
}

.gallery__img06 {
  width: calc(239 / 375 * 100%);
  margin: 0 auto 22px;
}

.gallery__img07 {
  width: calc(350 / 375 * 100%);
  margin-left: auto;
}

.gallery__block.gallery__block--06 {
  margin-top: 8px;
}

.gallery__img08 {
  width: calc(350 / 375 * 100%);
}

.gallery__img09 {
  margin-top: 22px;
}

.gallery__img10 {
  width: calc(307 / 375 * 100%);
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .gallery {
  }

  .gallery__inner {
    max-width: 1200px;
  }

  .gallery__block {
    &:not(:first-child) {
      margin-top: 100px;
    }
  }

  .gallery__img01 {
    width: calc(496 / 1200 * 100%);
    margin-left: calc(288 / 1200 * 100%);
  }

  .gallery__block.gallery__block--02 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(1000 / 1200 * 100%);
    margin: 8px auto 0;
  }

  .gallery__img02 {
    width: auto;
    margin-top: 5.625rem;
  }

  .gallery__img03 {
    width: auto;
    margin-left: auto;
  }

  .gallery__img04 {
    width: calc(782 / 1200 * 100%);
  }

  .gallery__block.gallery__block--04 {
    margin-top: 30px;
  }

  .gallery__img05 {
    width: calc(712 / 1200 * 100%);
    margin-left: calc(203 / 1200 * 100%);
  }

  .gallery__block.gallery__block--05 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gallery__img06 {
    order: 2;
    width: auto;
    margin: 7.5rem auto 0;
  }

  .gallery__img07 {
    width: auto;
    margin-left: auto;
  }

  .gallery__block.gallery__block--06 {
    margin-top: 100px;
  }

  .gallery__img08 {
    width: calc(690 / 1200 * 100%);
    margin-left: calc(365 / 1200 * 100%);
  }

  .gallery__img09 {
    margin-top: 0;
    width: calc(690 / 1200 * 100%);
    margin-left: calc(145 / 1200 * 100%);
  }

  .gallery__img10 {
    width: calc(496 / 1200 * 100%);
  }
}

/* /profile*/

.profile {
  background: center / cover no-repeat url("../images/03/profile_bg_sp.webp");
}

@media screen and (min-width: 992px) {
  .profile {
    background: center / cover no-repeat url("../images/03/profile_bg_pc.webp");
  }
}