.l-main {
  padding-block-end: 10rem;
}

.l-key-visual {
  --kv-layer-color: #000;
  --kv-layer-opacity: 0.30;
}
.l-key-visual__image video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.p-gallery-intro {
  position: relative;
  margin-block-end: 4rem;
}
@media (width <= 768px) {
  .p-gallery-intro {
    margin-block: -11rem 0;
  }
}
@media (width > 768px) {
  .p-gallery-intro .__movie {
    position: absolute;
    bottom: 3.4rem;
    right: -2.4rem;
    width: 51.6rem;
  }
}
@media (width <= 768px) {
  .p-gallery-intro .__movie {
    position: relative;
    margin-block-end: 3rem;
  }
}
.p-gallery-intro .__movie button {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, #000 50%, transparent);
  text-indent: 100vw;
  white-space: nowrap;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.p-gallery-intro .__movie button:active, .p-gallery-intro .__movie button:hover {
  opacity: 0.7;
}
.p-gallery-intro .__movie button::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 10rem;
  aspect-ratio: 1;
  mask: url(/assets/img/icn_play.svg) no-repeat center/contain;
  background-color: #fff;
}
@media (width <= 768px) {
  .p-gallery-intro .__movie button::before {
    width: 6.5rem;
  }
}
.p-gallery-intro .c-modal iframe {
  position: relative;
  width: min(1366px - var(--container-gutter) * 2, 100vw - var(--container-gutter) * 2, 115.2rem);
  max-height: calc(100dvh - var(--container-gutter) * 2);
  display: block;
  margin-inline: auto;
  aspect-ratio: 560/315;
  height: auto;
}
.p-gallery-section {
  display: flex;
  margin-inline: auto;
  padding: 3.4rem;
  border-radius: 1rem;
  max-width: 108rem;
  background-color: #e8eaee;
}
@media (width > 768px) {
  .p-gallery-section {
    align-items: flex-end;
    gap: 5.4rem;
  }
}
@media (width <= 768px) {
  .p-gallery-section {
    flex-direction: column;
    gap: 2.2rem;
    padding: 1.4rem;
  }
}
.p-gallery-section:not(:last-of-type) {
  margin-block-end: 6rem;
}
@media (width <= 768px) {
  .p-gallery-section:not(:last-of-type) {
    margin-block-end: 4rem;
  }
}
@media (width > 768px) {
  .p-gallery-section:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .p-gallery-section:nth-child(odd) .__text {
    padding-inline-start: 2rem;
  }
}
@media (width > 768px) {
  .p-gallery-section .__image {
    width: 52.4rem;
  }
}
@media (width > 768px) {
  .p-gallery-section .__text {
    flex: 1;
  }
}
.p-gallery-section .__title {
  margin-block-end: 1.4rem;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: var(--line-height-narrow);
}
@media (width <= 768px) {
  .p-gallery-section .__title {
    margin-block-end: 0.5rem;
    font-size: 2rem;
  }
}
@media (width <= 768px) {
  .p-gallery-section .__desc {
    font-size: 1.4rem;
  }
}
.p-gallery-section .cafe-info {
  display: flex;
  gap: 1.1rem;
  margin-block-start: 1.6rem;
}
@media (width <= 768px) {
  .p-gallery-section .cafe-info {
    flex-direction: column;
    align-items: center;
    margin-block-start: 0.8rem;
  }
}
.p-gallery-section .cafe-info .__logo {
  width: 21.9rem;
}
@media (width <= 768px) {
  .p-gallery-section .cafe-info .__logo {
    width: 26.8rem;
  }
}
.p-gallery-section .cafe-info .__creator dl {
  display: flex;
  font-size: 1.2rem;
}
@media (width <= 768px) {
  .p-gallery-section .cafe-info .__creator dl {
    font-size: 1.4rem;
  }
}/*# sourceMappingURL=gallery.css.map */