@charset "UTF-8";

.mv__title {
  width: 8.25rem;
}

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

/* yodogawa */
.yodogawa {
  color: #636363;
  background: #fbf7d2;
}

.yodogawa__text {
  color: #636363;
}

.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(332 / 375 * 100%);
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

.gallery__img10 {
  width: calc(332 / 375 * 100%);
  margin-left: calc(26 / 375 * 100%);
}

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

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

.gallery__img13 {
}

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

  .gallery__inner {
    max-width: 1200px;
  }

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

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

  .gallery__block.gallery__block--02 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }

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

  .gallery__img03 {
    width: calc(516 / 1200 * 100%);
    margin-top: calc(112 / 1200 * 100%);
  }

  .gallery__block.gallery__block--03 {
    margin-top: calc(-57 / 1200 * 100%);
  }

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

  .gallery__block.gallery__block--04 {
    display: flex;
    justify-content: center;
  }

  .gallery__img05 {
    width: calc(516 / 1200 * 100%);
    margin: 0;
    margin-top: calc(129 / 1200 * 100%);
  }

  .gallery__img06 {
    width: calc(516 / 1200 * 100%);
    margin: 0;
  }

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

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

  .gallery__block.gallery__block--06 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }

  .gallery__img08 {
    width: calc(585 / 1200 * 100%);
    margin: 0;
  }

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

  .gallery__block.gallery__block--07 {
    display: flex;
    justify-content: center;
  }

  .gallery__img10 {
    width: calc(594 / 1200 * 100%);
    margin-top: calc(233 / 1200 * 100%);
    margin-left: 0;
  }

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

  .gallery__img12 {
    width: calc(471 / 1200 * 100%);
    margin-left: calc(492 / 1200 * 100%);
  }

  .gallery__img13 {
    width: calc(634 / 1200 * 100%);
    margin-left: calc(237 / 1200 * 100%);
  }
}

/* /profile*/

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

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