@charset "UTF-8";

.mv__title {
  width: 8.4375rem;
}

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

/* yodogawa */
.yodogawa {
  background: #4f6e4d;
}

.yodogawa__img {
  max-width: 18rem;
}

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

/* gallery */
.gallery {
}

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

.gallery__block {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;

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

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

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

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

.gallery__img04 {
  width: calc(326 / 375 * 100%);
}

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

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

.gallery__img07 {
  width: calc(301 / 375 * 100%);
}

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

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

.gallery__img10 {
  width: calc(343 / 375 * 100%);
}

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

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

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

  .gallery__inner {
    gap: 6.25rem;
    max-width: 1600px;
  }

  .gallery__block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;

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

  .gallery__img01 {
    width: calc(510 / 1200 * 100%);
    margin-inline: auto;
  }

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

  .gallery__img02 {
    width: calc(1200 / 1200 * 100%);
    margin-left: 0;
  }

  .gallery__img03 {
    width: calc(1200 / 1200 * 100%);
    margin-inline: 0;
    margin-top: 7.5rem;
  }

  .gallery__img04 {
    width: calc(630 / 1200 * 100%);
    margin-left: calc(300 / 1200 * 100%);
  }

  .gallery__img05 {
    width: calc(516 / 1200 * 100%);
    margin-left: calc(270 / 1200 * 100%);
    margin-right: 0;
  }

  .gallery__img06 {
    width: calc(656 / 1200 * 100%);
    margin-inline: auto;
  }

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

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

  .gallery__img08 {
    width: auto;
    margin-left: 0;
  }

  .gallery__img09 {
    width: calc(839 / 1200 * 100%);
    margin-left: calc(217 / 1200 * 100%);
    margin-right: 0;
  }

  .gallery__img10 {
    width: calc(602 / 1200 * 100%);
    margin-left: calc(144 / 1200 * 100%);
    margin-right: 0;
  }
  .gallery__img11 {
    width: calc(620 / 1200 * 100%);
    margin-left: calc(436 / 1200 * 100%);
    margin-right: 0;
  }
  .gallery__img12 {
    width: calc(676 / 1200 * 100%);
    margin-inline: auto;
  }
}

/* /profile*/

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

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