@charset "UTF-8";
/*******************************************************************
* カラーセット
*******************************************************************/
.p-gallery {
  color: #5399d2;
}

.p-gallery__container {
  width: 83.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-gallery__container {
    width: 90.6666666667vw;
  }
}

.p-gallery__lead {
  font-weight: bold;
  font-size: clamp(18px, 1.9270833333vw, 37px);
  line-height: 1;
  margin-bottom: 0;
}

.p-gallery__title-en {
  margin-bottom: 0;
  line-height: 1;
  font-size: clamp(45px, 5.3645833333vw, 103px);
  font-weight: bold;
  margin-top: clamp(10px, 1.0416666667vw, 20px);
  border-bottom: 1px solid #5399d2;
}

.p-gallery__title-jp {
  line-height: 1;
  margin-bottom: 0;
  font-weight: bold;
  font-size: clamp(20px, 2.5vw, 48px);
  margin-top: clamp(6px, 0.625vw, 12px);
}
@media screen and (max-width: 767px) {
  .p-gallery__title-jp {
    line-height: 1.25;
  }
}

.p-gallery__list {
  margin-top: clamp(20px, 2.0833333333vw, 40px);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow-x: auto;
  column-gap: 6px;
  position: relative;
  padding: 0 clamp(8px, 0.8333333333vw, 16px);
  border: 1px solid #5399d2;
  padding: clamp(8px, 0.625vw, 12px);
}

.p-gallery__arrow {
  display: block;
  width: clamp(12px, 0.9375vw, 18px);
  aspect-ratio: 18/20;
  background: url("../img/gallery/arrow.svg") no-repeat center center/contain;
}
.p-gallery__arrow--right {
  transform: scaleX(-1);
}

.p-gallery__link {
  font-size: clamp(16px, 1.0416666667vw, 20px);
  padding: clamp(2px, 0.2083333333vw, 4px) clamp(6px, 0.625vw, 12px);
  background: #ddebf6;
  border-radius: 100px;
  letter-spacing: 0.05em;
}

.p-gallery__contents {
  margin-top: clamp(40px, 4.1666666667vw, 80px);
}

.p-gallery__content:not(:first-child) {
  padding-top: clamp(40px, 5.4166666667vw, 64px);
}

.p-gallery__head {
  font-weight: 500;
  font-size: clamp(29px, 3.125vw, 60px);
  text-align: center;
  line-height: 1;
}
.p-gallery__head--online + .p-gallery__img-wrap {
  margin-top: clamp(20px, 2.0833333333vw, 40px);
}

.p-gallery__result {
  text-align: center;
  margin-top: clamp(12px, 1.6666666667vw, 32px);
}

.p-gallery__result-item {
  font-weight: bold;
  font-size: clamp(18px, 1.9270833333vw, 37px);
  margin-bottom: 0;
  line-height: 1;
}
.p-gallery__result-item:not(:first-child) {
  margin-top: clamp(8px, 0.8333333333vw, 16px);
}

.p-gallery__img-wrap {
  margin-top: clamp(16px, 3.3333333333vw, 64px);
  display: flex;
  padding-left: 0;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.p-gallery__img-wrap .p-gallery__img-item {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .p-gallery__img-wrap .p-gallery__img-item {
    width: 50%;
  }
}
.p-gallery__img-wrap.is-three .p-gallery__img-item:nth-child(3) {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-gallery__img-wrap.is-three .p-gallery__img-item:nth-child(3) {
    width: 100%;
  }
}

.p-gallery__year {
  aspect-ratio: 1;
  color: #fff;
  background: #5399d2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(53px, 6.4583333333vw, 124px);
}