@charset "UTF-8";

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

.yodogawa__img {
  max-width: 14.0625rem;
}

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

/* 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(320 / 375 * 100%);
}

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

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

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

.gallery__img05 {
}

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

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

.gallery__img08 {
  width: calc(277 / 375 * 100%);
  margin-left: calc(34 / 375 * 100%);
}

.gallery__img09 {
}

@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(551 / 1200 * 100%);
    margin-left: calc(240 / 1200 * 100%);
  }

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

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

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

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

  .gallery__img06 {
    width: calc(480 / 1200 * 100%);
    margin-left: calc(545 / 1200 * 100%);
  }

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

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

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

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

/* /profile*/

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

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