@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* 三角形あしらいの4色（1st→3rdを通しで循環）※カラーコードはカンプの実値に要差し替え */
.gallery_introduction {
  /* 画像行・テキスト行を親グリッドのトラックに揃える（同じ行のwrapper高さを統一） */
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 2.7777777778vw;
}
@media (max-width: 767px) {
  .gallery_introduction {
    row-gap: 5.3333333333vw;
  }
}
.gallery_introduction-01 .gallery_introduction--wrapper::before {
  background-color: #51E4FF;
}
.gallery_introduction-02 .gallery_introduction--wrapper::before {
  background-color: #4FFFBC;
}
.gallery_introduction-03 .gallery_introduction--wrapper::before {
  background-color: #AB86FF;
}
.gallery_introduction-04 .gallery_introduction--wrapper::before {
  background-color: #FD82FD;
}
.gallery_introduction--img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery_introduction--img {
  display: block;
  width: calc(var(--w) / 1440 * 100vw);
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .gallery_introduction--img {
    width: calc(var(--w-sp) / 375 * 100vw);
  }
}
.gallery_introduction--wrapper::before {
  content: "";
  display: block;
  width: 3.4722222222vw;
  aspect-ratio: 2/1;
  margin: 0 auto 1.7361111111vw;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
@media (max-width: 767px) {
  .gallery_introduction--wrapper::before {
    width: 8vw;
    margin-bottom: 4vw;
  }
}
.gallery_introduction--name {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5555555556vw;
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 1.5;
}
.gallery_introduction--name-sub {
  margin-bottom: 0.1388888889vw;
  font-size: 1.1111111111vw;
}
@media (max-width: 767px) {
  .gallery_introduction--name {
    appearance: 1.0666666667vw;
    font-size: 3.7333333333vw;
  }
  .gallery_introduction--name-sub {
    margin-top: 0.5333333333vw;
    font-size: 2.9333333333vw;
  }
}
.gallery_introduction--place {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6944444444vw;
  margin-top: 0.8333333333vw;
  font-size: 1.1805555556vw;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.gallery_introduction--place::before {
  content: "";
  display: block;
  width: 1.1805555556vw;
  height: 1.6666666667vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2224.085%22%20viewBox%3D%220%200%2017%2024.085%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M8.5.999a7.5%207.5%200%200%200-7.5%207.5c0%204.145%206.672%2014.586%207.5%2014.586S16%2012.644%2016%208.499a7.5%207.5%200%200%200-7.5-7.5m0%2010.37a2.869%202.869%200%201%201%202.869-2.87A2.87%202.87%200%200%201%208.5%2011.37Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202125%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .gallery_introduction--place {
    gap: 1.3333333333vw;
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
  }
  .gallery_introduction--place::before {
    width: 3.2vw;
    height: 4.2666666667vw;
  }
}
.gallery_introduction--button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3888888889vw;
  margin: 1.7361111111vw auto 0;
  padding: 0.8333333333vw 1.6666666667vw;
  border: none;
  border-radius: 9999px;
  background-color: #e8fc53;
  color: #000000;
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color 0.3s;
}
.gallery_introduction--button:hover {
  background-color: rgb(238.7028571429, 252.8742857143, 133.1257142857);
}
.gallery_introduction--button::after {
  content: "";
  display: block;
  width: 0.9027777778vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201606%22%3E%3Cpath%20d%3D%22M0%206.5h13%22%20data-name%3D%22%E3%83%91%E3%82%B9%201341%22%2F%3E%3Cpath%20d%3D%22M6.5%200v13%22%20data-name%3D%22%E3%83%91%E3%82%B9%201342%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .gallery_introduction--button {
    gap: 4.2666666667vw;
    margin-top: 4vw;
    padding: 2.1333333333vw 4.2666666667vw;
    font-size: 3.2vw;
  }
  .gallery_introduction--button::after {
    width: 2.6666666667vw;
  }
}
.gallery_introduction {
  /* コメントモーダル（buttonと1対1・数値はカンプからの概算なので要調整） */
}
.gallery_introduction--modal {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.7777777778vw 1.3888888889vw;
  overflow-y: auto;
  background-color: #C9CEC6;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.gallery_introduction--modal.is_show {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .gallery_introduction--modal {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.gallery_introduction--modal_inner {
  width: 41.6666666667vw;
}
@media (max-width: 767px) {
  .gallery_introduction--modal_inner {
    width: 74.6666666667vw;
  }
}
.gallery_introduction--modal_title {
  font-family: "Geologica", sans-serif;
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  .gallery_introduction--modal_title {
    font-size: 5.3333333333vw;
  }
}
.gallery_introduction--modal_name {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5555555556vw;
  margin-top: 1.3888888889vw;
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 1.5;
}
.gallery_introduction--modal_name-sub {
  margin-bottom: 0.1388888889vw;
  font-size: 1.1111111111vw;
}
@media (max-width: 767px) {
  .gallery_introduction--modal_name-sub {
    margin-bottom: 0.2666666667vw;
    font-size: 3.2vw;
  }
}
@media (max-width: 767px) {
  .gallery_introduction--modal_name {
    gap: 1.0666666667vw;
    margin-top: 3.2vw;
    font-size: 4.2666666667vw;
  }
}
.gallery_introduction--modal_body {
  position: relative;
  margin-top: 2.7777777778vw;
  padding: 4.1666666667vw 2.2222222222vw;
  border-radius: 2.0833333333vw 0 2.0833333333vw 2.0833333333vw;
  background-color: #E8FC53;
  /* 右上の＋あしらい */
}
.gallery_introduction--modal_body::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.7777777778vw;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201361%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M0%2020h40%22%20data-name%3D%22%E3%83%91%E3%82%B9%201341%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M20%200v40%22%20data-name%3D%22%E3%83%91%E3%82%B9%201342%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .gallery_introduction--modal_body::before {
    width: 8.5333333333vw;
  }
}
@media (max-width: 767px) {
  .gallery_introduction--modal_body {
    margin-top: 6.4vw;
    padding: 10.6666666667vw 6.4vw;
    border-radius: 4.2666666667vw 0 4.2666666667vw 4.2666666667vw;
  }
}
.gallery_introduction--modal_text {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 2;
}
@media (max-width: 767px) {
  .gallery_introduction--modal_text {
    font-size: 3.7333333333vw;
  }
}
.gallery_introduction--modal_close {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3888888889vw;
  margin: 2.7777777778vw auto 0;
  padding: 0.8333333333vw 1.6666666667vw;
  border: none;
  border-radius: 9999px;
  background-color: #efefef;
  color: #000000;
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color 0.3s;
}
.gallery_introduction--modal_close:hover {
  background-color: #fff;
}
.gallery_introduction--modal_close::after {
  content: "";
  display: block;
  width: 0.9027777778vw;
  height: 0.0694444444vw;
  background-color: #000;
}
@media (max-width: 767px) {
  .gallery_introduction--modal_close {
    gap: 4.2666666667vw;
    margin-top: 8vw;
    padding: 2.1333333333vw 4.2666666667vw;
    font-size: 3.2vw;
  }
  .gallery_introduction--modal_close::after {
    width: 2.6666666667vw;
  }
}

/* モーダル表示中の背面スクロール止め */
body.is_modal_open {
  overflow: hidden;
}

.gallery-mv {
  position: relative;
}
.gallery-mv--bg_picture {
  display: block;
  width: 100%;
}
.gallery-mv--bg_img {
  display: block;
  width: 100%;
}
.gallery-mv--link {
  position: absolute;
  top: 1.4583333333vw;
  right: 1.9444444444vw;
  display: block;
  width: fit-content;
}
@media (max-width: 767px) {
  .gallery-mv--link {
    top: 3.2vw;
    right: 5.6vw;
  }
}
.gallery-mv--logo_img {
  display: block;
  width: 15.625vw;
}
@media (max-width: 767px) {
  .gallery-mv--logo_img {
    width: 37.3333333333vw;
  }
}
.gallery-mv--title {
  position: absolute;
  top: 10.4166666667vw;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .gallery-mv--title {
    top: 41.8666666667vw;
  }
}
.gallery-mv--title_img {
  display: block;
  width: 31.1111111111vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gallery-mv--title_img {
    width: 70.9333333333vw;
  }
}
.gallery-mv--sns_link {
  position: absolute;
  left: 1.3888888889vw;
  bottom: 1.3888888889vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 11.6666666667vw;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #4fffbc;
  color: #000000;
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.gallery-mv--sns_link-en {
  font-family: "Geologica", sans-serif;
}
.gallery-mv--sns_link::before {
  content: "";
  position: absolute;
  top: 0.6944444444vw;
  left: 0;
  right: 0;
  display: block;
  width: 8.4027777778vw;
  height: 3.125vw;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120.793%22%20height%3D%2244.868%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201673%22%20viewBox%3D%220%200%20120.793%2044.868%22%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22M11.11%2037.657a8.8%208.8%200%200%201-1.789%201.955%206%206%200%200%201-2.156%201.147l-1-2.271a3.3%203.3%200%200%200%201.1-.406%205.7%205.7%200%200%200%201.049-.78%205.5%205.5%200%200%200%20.839-.971%203%203%200%200%200%20.547-1.329.933.933%200%200%200-1.26-1.031%204.6%204.6%200%200%200-1.318.879l-.8.688A5.5%205.5%200%200%201%203.7%2036.957a3.05%203.05%200%200%201-2.211-.519%203.25%203.25%200%200%201-1.034-1.1%203.45%203.45%200%200%201-.439-1.436%204.5%204.5%200%200%201%20.165-1.624%205.8%205.8%200%200%201%20.776-1.645%207.8%207.8%200%200%201%201.717-1.859%204.9%204.9%200%200%201%201.92-.951l.924%202.279a3.1%203.1%200%200%200-.935.33%204.7%204.7%200%200%200-.906.636%204.6%204.6%200%200%200-.746.856%202.9%202.9%200%200%200-.419.89%201.5%201.5%200%200%200-.018.766.92.92%200%200%200%20.4.547.72.72%200%200%200%20.5.127%201.7%201.7%200%200%200%20.638-.275%2011%2011%200%200%200%20.942-.708l.828-.688a6.2%206.2%200%200%201%202.578-1.442%202.8%202.8%200%200%201%202.188.49%203.47%203.47%200%200%201%201.329%201.583%203.8%203.8%200%200%201%20.207%202.1%206%206%200%200%201-.992%202.346%22%20data-name%3D%22%E3%83%91%E3%82%B9%202126%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22m14.423%2032.456-8.348-8.411%201.969-1.957%208.578%201.721-5.117-5.155%201.934-1.92%208.349%208.41-1.971%201.957-8.655-1.787%205.189%205.227Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202127%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22M27.191%2021.754a8.8%208.8%200%200%201-2.405%201.11%206%206%200%200%201-2.432.227l-.044-2.482a3.4%203.4%200%200%200%201.17.049%205.7%205.7%200%200%200%201.273-.309%205.4%205.4%200%200%200%201.15-.57%203%203%200%200%200%201.019-1.024.92.92%200%200%200-.012-1.013.95.95%200%200%200-.755-.42%204.6%204.6%200%200%200-1.555.3l-1%20.327a5.5%205.5%200%200%201-2.966.295%203.04%203.04%200%200%201-1.838-1.333%203.24%203.24%200%200%201-.53-1.409%203.5%203.5%200%200%201%20.147-1.5%204.5%204.5%200%200%201%20.779-1.432%205.7%205.7%200%200%201%201.353-1.218%207.7%207.7%200%200%201%202.3-1.052%204.84%204.84%200%200%201%202.139-.134l-.025%202.449a3.2%203.2%200%200%200-.99-.055%204.7%204.7%200%200%200-1.081.237%204.5%204.5%200%200%200-1.019.5%202.9%202.9%200%200%200-.731.66%201.53%201.53%200%200%200-.315.7.92.92%200%200%200%20.155.656.7.7%200%200%200%20.413.312%201.65%201.65%200%200%200%20.7-.008%2010%2010%200%200%200%201.143-.288l1.03-.313a6.24%206.24%200%200%201%202.934-.336%202.81%202.81%200%200%201%201.83%201.3%203.5%203.5%200%200%201%20.614%201.974%203.8%203.8%200%200%201-.632%202.018%206%206%200%200%201-1.821%201.782%22%20data-name%3D%22%E3%83%91%E3%82%B9%202128%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22M40.95%2015.15a6.76%206.76%200%200%201-3.315.336%205.42%205.42%200%200%201-2.761-1.309%206.5%206.5%200%200%201-1.8-2.829%206.6%206.6%200%200%201-.375-2.524%205.8%205.8%200%200%201%20.6-2.286%205.9%205.9%200%200%201%201.46-1.855%206.8%206.8%200%200%201%202.233-1.242%207.1%207.1%200%200%201%202.476-.449%206.1%206.1%200%200%201%202.067.416l-.585%202.634a3.1%203.1%200%200%200-1.37-.332%204.4%204.4%200%200%200-1.526.257%204.2%204.2%200%200%200-1.321.705%203.1%203.1%200%200%200-.814%201.01%203%203%200%200%200-.3%201.25%204.1%204.1%200%200%200%20.238%201.429%203.74%203.74%200%200%200%201%201.608%202.9%202.9%200%200%200%201.539.722%204.1%204.1%200%200%200%201.936-.229%205.3%205.3%200%200%200%201.415-.739%204.7%204.7%200%200%200%201.153-1.222l1.981%201.819a6.6%206.6%200%200%201-1.528%201.6%208.3%208.3%200%200%201-2.4%201.227%22%20data-name%3D%22%E3%83%91%E3%82%B9%202129%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22M45.09%2013.399%2047.968%201.08%2051.2.664l5.947%2011.182-3.14.406-1.137-2.27-4.214.542-.509%202.482Zm3.894-5.289%202.939-.38-2-3.873Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202130%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22M57.973%2011.788%2059.19%200l2.686.277%203.712%207.9-1.112-.106%205.028-7%202.678.278-1.216%2011.779-2.712-.279.9-8.212.478.236-4%205.468-1.861-.193-2.941-6.183.5-.137-.8%208.224Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202131%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22m73.049%2013.851%203.815-11.219%204.5%201.529a5.6%205.6%200%200%201%202.078%201.2%203.8%203.8%200%200%201%201.095%201.79%203.7%203.7%200%200%201-.124%202.188%203.94%203.94%200%200%201-1.2%201.837%203.4%203.4%200%200%201-1.919.751%206.2%206.2%200%200%201-2.52-.372l-1.771-.6-1.3%203.806Zm4.712-5.13%201.707.581a2.37%202.37%200%200%200%201.419.111%201.31%201.31%200%200%200%20.845-.934%201.36%201.36%200%200%200-.1-1.289%202.26%202.26%200%200%200-1.161-.784l-1.723-.585Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202132%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22m81.879%2016.755%209.757-8.051%202.823%201.63-2.051%2012.5-2.743-1.583.471-2.493-3.68-2.124-1.907%201.663Zm6.3-1.845%202.566%201.481.756-4.295Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202133%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22m93.1%2023.724%207.377-9.274%202.2%201.75-7.377%209.274z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227432%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22M101.07%2031.415a7.8%207.8%200%200%201-1.445-2.181%206.5%206.5%200%200%201-.55-2.393%205.7%205.7%200%200%201%20.444-2.38%206.1%206.1%200%200%201%201.536-2.139%206.3%206.3%200%200%201%202.228-1.377%205.7%205.7%200%200%201%202.383-.3%206.2%206.2%200%200%201%202.325.686%207.4%207.4%200%200%201%202.046%201.574%209%209%200%200%201%20.82%201.028%207.5%207.5%200%200%201%20.7%201.257%206.3%206.3%200%200%201%20.44%201.5l-2.39.624a4.7%204.7%200%200%200-.454-1.345%205.4%205.4%200%200%200-.851-1.2%204.8%204.8%200%200%200-1.27-1%203.25%203.25%200%200%200-1.354-.389%203.2%203.2%200%200%200-1.363.229%204.3%204.3%200%200%200-1.3.849%203.76%203.76%200%200%200-1.148%201.78%203.3%203.3%200%200%200%20.055%201.889%204.7%204.7%200%200%200%201.055%201.756%204.6%204.6%200%200%200%20.625.563%205%205%200%200%200%20.609.394l1.538-1.427-1.646-1.776%201.639-1.519%203.321%203.582-4.437%204.105a6.2%206.2%200%200%201-1.247-.567%2010.4%2010.4%200%200%201-1.267-.869%209.5%209.5%200%200%201-1.043-.957%22%20data-name%3D%22%E3%83%91%E3%82%B9%202134%22%2F%3E%3Cpath%20fill%3D%22%2323d591%22%20d%3D%22m105.312%2035.931%2010.206-6.023%201.411%202.391-3.777%207.892%206.256-3.694%201.385%202.348-10.206%206.023-1.412-2.391%203.86-7.949-6.342%203.741Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202135%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.gallery-mv--sns_link::after {
  content: "";
  position: absolute;
  bottom: 0.6944444444vw;
  left: 0;
  right: 0;
  display: block;
  width: 0.6944444444vw;
  height: 0.6944444444vw;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M10%205%200%2010V0Z%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%204%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .gallery-mv--sns_link {
    left: 2.6666666667vw;
    bottom: 2.6666666667vw;
    width: 31.2vw;
    font-size: 3.4666666667vw;
  }
  .gallery-mv--sns_link::before {
    top: 2.1333333333vw;
    width: 22.4vw;
    height: 8.5333333333vw;
  }
  .gallery-mv--sns_link::after {
    bottom: 2.1333333333vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
  }
}

.gallery-contents {
  padding-top: 4.1666666667vw;
  background: linear-gradient(to bottom, #E8FC53 0, #E8FC53 23.3333333333vw, transparent 23.3333333333vw, transparent 100%);
}
@media (max-width: 767px) {
  .gallery-contents {
    padding-top: 8vw;
    background: linear-gradient(to bottom, #E8FC53 0, #E8FC53 44.8vw, transparent 44.8vw, transparent 100%);
  }
}
.gallery-contents--lead {
  font-size: 1.25vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .gallery-contents--lead {
    font-size: 3.4666666667vw;
  }
}
.gallery-contents--title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6666666667vw;
  margin-top: -0.2777777778vw;
  font-size: 3.4722222222vw;
  font-weight: 700;
  line-height: 1.5;
}
.gallery-contents--title::before {
  content: "“";
  font-size: 6.1111111111vw;
}
.gallery-contents--title::after {
  content: "”";
  font-size: 6.1111111111vw;
}
@media (max-width: 767px) {
  .gallery-contents--title {
    gap: 3.2vw;
    margin-top: 0;
    font-size: 5.3333333333vw;
  }
  .gallery-contents--title::before, .gallery-contents--title::after {
    font-size: 9.6vw;
  }
}
.gallery-contents--apply {
  margin-top: -1.1111111111vw;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  .gallery-contents--apply {
    margin-top: -1.0666666667vw;
    font-size: 3.4666666667vw;
  }
}
.gallery-contents--apply-link {
  color: #000000;
  text-decoration: underline;
}
.gallery-contents--apply-link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .gallery-contents--apply-link:hover {
    opacity: 1;
  }
}
.gallery-contents--scroll_wrapper {
  margin-top: 1.3888888889vw;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .gallery-contents--scroll_wrapper {
    margin-top: 3.2vw;
  }
}
.gallery-contents--scroll_text {
  display: flex;
  align-items: center;
}
.gallery-contents--scroll_text::before, .gallery-contents--scroll_text::after {
  content: "#TOKYO ZOKUZOKU ALBUM";
  display: block;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 10.7638888889vw;
  line-height: 1.2516129032;
  min-width: 152.2916666667vw;
  white-space: nowrap;
  animation: infinity-scroll-left 40s infinite linear both;
}
@media (max-width: 767px) {
  .gallery-contents--scroll_text::before, .gallery-contents--scroll_text::after {
    font-size: 16vw;
    line-height: 1.2666666667;
    min-width: 222.4vw;
    animation-duration: 30s;
  }
}

.gallery-contents_1st {
  padding: 2.7777777778vw 0 6.9444444444vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%221179.247%22%20viewBox%3D%220%200%201440%201179.247%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201797%22%3E%3Cpath%20fill%3D%22%234fffbc%22%20d%3D%22m0%200%20560%20560H0Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202137%22%2F%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%20557.247h1440v622H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227412%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media (max-width: 767px) {
  .gallery-contents_1st {
    padding: 13.3333333333vw 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22375%22%20height%3D%22742%22%20viewBox%3D%220%200%20375%20742%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201798%22%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%20300h375v442H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227438%22%2F%3E%3Cpath%20fill%3D%22%234fffbc%22%20d%3D%22m0%200%20300%20300H0Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202141%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.gallery-contents_1st--title_img {
  display: block;
  width: 15.1388888889vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gallery-contents_1st--title_img {
    width: 35.4666666667vw;
  }
}
.gallery-contents_1st--list {
  display: grid;
  justify-content: center;
  grid-template-columns: 34.7222222222vw;
  margin-top: 2.7777777778vw;
}
@media (max-width: 767px) {
  .gallery-contents_1st--list {
    grid-template-columns: 89.3333333333vw;
    margin-top: 8vw;
  }
}
.gallery-contents_2nd {
  padding: 6.9444444444vw 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22622%22%20viewBox%3D%220%200%201440%20622%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201799%22%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%200h1440v622H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227430%22%2F%3E%3Cpath%20fill%3D%22%2351e4ff%22%20d%3D%22M1440%20560%20880%200h560Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202138%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%221136%22%20viewBox%3D%220%200%201440%201136%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201800%22%3E%3Cpath%20fill%3D%22%23ab86ff%22%20d%3D%22m0%200%20560%20560H0Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202139%22%2F%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%20560h1440v576H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227414%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: top 39.4444444444vw left, bottom;
}
@media (max-width: 767px) {
  .gallery-contents_2nd {
    padding: 13.3333333333vw 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22375%22%20height%3D%22475%22%20viewBox%3D%220%200%20375%20475%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201801%22%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%200h375v475H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227439%22%2F%3E%3Cpath%20fill%3D%22%2351e4ff%22%20d%3D%22M375%20300%2075%200h300Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202143%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22375%22%20height%3D%22728%22%20viewBox%3D%220%200%20375%20728%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201802%22%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%20300h375v428H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227440%22%2F%3E%3Cpath%20fill%3D%22%23ab86ff%22%20d%3D%22m0%200%20300%20300H0Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202144%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: top 201.0666666667vw left, bottom;
  }
}
.gallery-contents_2nd--title_img {
  display: block;
  width: 12.1527777778vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gallery-contents_2nd--title_img {
    width: 28.2666666667vw;
  }
}
.gallery-contents_2nd--list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 33.3333333333vw);
  gap: 5.5555555556vw 5.2083333333vw;
  margin-top: 2.7777777778vw;
}
@media (max-width: 767px) {
  .gallery-contents_2nd--list {
    grid-template-columns: 84vw;
    gap: 13.3333333333vw;
    margin-top: 8vw;
  }
}
.gallery-contents_2nd--item:last-child {
  /* 最後の1つは余った列にまたがせて中央寄せ */
  grid-column: 1/-1;
  width: 33.3333333333vw;
  justify-self: center;
}
@media (max-width: 767px) {
  .gallery-contents_2nd--item:last-child {
    grid-column: auto;
    width: auto;
    justify-self: stretch;
  }
}

.gallery-contents_3rd {
  padding: 6.9444444444vw 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%22560%22%20viewBox%3D%220%200%201440%20560%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201803%22%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%200h1440v560H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227427%22%2F%3E%3Cpath%20fill%3D%22%23fd82fd%22%20d%3D%22M880%20560%201440%200v560Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202140%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media (max-width: 767px) {
  .gallery-contents_3rd {
    padding: 13.3333333333vw 0 40vw;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22375%22%20height%3D%22412%22%20viewBox%3D%220%200%20375%20412%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201804%22%3E%3Cpath%20fill%3D%22%23aeb5aa%22%20d%3D%22M0%200h375v412H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20227441%22%2F%3E%3Cpath%20fill%3D%22%23fd82fd%22%20d%3D%22m75%20412%20300-300v300Z%22%20data-name%3D%22%E3%83%91%E3%82%B9%202145%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.gallery-contents_3rd--title_img {
  display: block;
  width: 9.1666666667vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gallery-contents_3rd--title_img {
    width: 21.3333333333vw;
  }
}
.gallery-contents_3rd--list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 24.7916666667vw);
  gap: 5.5555555556vw 3.75vw;
  margin-top: 2.7777777778vw;
}
@media (max-width: 767px) {
  .gallery-contents_3rd--list {
    grid-template-columns: repeat(2, 45.6vw);
    gap: 8vw 3.4666666667vw;
    margin-top: 8vw;
  }
}
.gallery-contact {
  padding: 6.9444444444vw 0 11.1111111111vw;
}
@media (max-width: 767px) {
  .gallery-contact {
    padding: 13.3333333333vw 0 26.6666666667vw;
  }
}
.gallery-contact--wrapper {
  width: 62.5vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .gallery-contact--wrapper {
    width: 85.3333333333vw;
  }
}
.gallery-contact--accordion_link {
  height: 8.6805555556vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  font-size: 1.9444444444vw;
  font-weight: 700;
  position: relative;
}
@media (max-width: 767px) {
  .gallery-contact--accordion_link {
    height: 16vw;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    text-align: center;
  }
}
.gallery-contact--accordion_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .gallery-contact--accordion_link:hover {
    opacity: 1;
  }
}
.gallery-contact--accordion_link::before {
  content: "";
  display: block;
  width: 1.7361111111vw;
  aspect-ratio: 1/1;
  background-image: url(../../img/icon/icon-minus-black.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2.0833333333vw;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .gallery-contact--accordion_link::before {
    width: 5.3333333333vw;
    right: 1.8666666667vw;
  }
}
.is_hide .gallery-contact--accordion_link::before {
  background-image: url(../../img/icon/icon-plus-black.svg);
}
.gallery-contact--accordion_content {
  opacity: 1;
  pointer-events: auto;
  transition: 0.3s;
}
.is_hide .gallery-contact--accordion_content {
  opacity: 0;
  pointer-events: none;
  height: 0 !important;
  overflow: hidden;
}
.gallery-contact--lead {
  padding-top: 5.7638888889vw;
  text-align: center;
  font-size: 1.1805555556vw;
  font-weight: 700;
  line-height: 1.4705882353;
}
@media (max-width: 767px) {
  .gallery-contact--lead {
    padding-top: 10.1333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
  }
}
.gallery-contact--lead-link {
  text-decoration: underline;
}
.gallery-contact--recipient {
  margin-top: 2.2222222222vw;
  text-align: center;
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .gallery-contact--recipient {
    margin-top: 8.8vw;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.gallery-contact--note_list {
  margin: 2.4305555556vw auto 0;
  width: fit-content;
}
@media (max-width: 767px) {
  .gallery-contact--note_list {
    margin-top: 10.1333333333vw;
    width: 89.3333333333vw;
  }
}
.gallery-contact--note_item {
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 1.7142857143;
}
@media (max-width: 767px) {
  .gallery-contact--note_item {
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
.gallery-contact--note_item::before {
  content: "※";
  display: inline-block;
  width: 1em;
}

.gallery-image {
  background: linear-gradient(to bottom, transparent 0, transparent 6.6666666667vw, #4FFFBC 6.6666666667vw, #4FFFBC 100%);
}
@media (max-width: 767px) {
  .gallery-image {
    background: linear-gradient(to bottom, transparent 0, transparent 9.6vw, #4FFFBC 9.6vw, #4FFFBC 100%);
  }
}
.gallery-image--scroll_wrapper {
  width: 100%;
  overflow: hidden;
}
.gallery-image--scroll_text {
  display: flex;
  align-items: center;
}
.gallery-image--scroll_text::before, .gallery-image--scroll_text::after {
  content: "#PHOTO CONTEST";
  display: block;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 10.7638888889vw;
  line-height: 1.2516129032;
  min-width: 100.6944444444vw;
  white-space: nowrap;
  animation: infinity-scroll-left 25s infinite linear both;
}
@media (max-width: 767px) {
  .gallery-image--scroll_text::before, .gallery-image--scroll_text::after {
    font-size: 16vw;
    line-height: 1.2666666667;
    min-width: 146.6666666667vw;
    animation-duration: 17s;
  }
}
.gallery-image--img {
  display: block;
  width: 100%;
}

/*# sourceMappingURL=gallery.css.map */