@charset "UTF-8";
/*
* event_nyc.css
*
*/
@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  mv + anchor navigation (NYC)
------------------------ */
@media (min-width: 992px) {
  .tgot__inner.-innerNyc.eventNav__inner {
    padding-inline: 0;
  }
}

.mv {
  position: relative;
  padding-bottom: 0;
  background-color: var(--color-white);
  background-image: url(/thegiftoftime/assets/images/event/nyc/bg.webp);
  background-repeat: repeat;
  background-position: center top;
}
@media (min-width: 768px) {
  .mv {
    margin-top: 9.4rem;
    background-size: 144rem auto;
  }
}
@media (max-width: 767px) {
  .mv {
    margin-top: 8.1rem;
    background-size: 36rem auto;
  }
}
.mv .mv__visual {
  display: block;
  width: 100%;
}
.mv .mv__visual img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------------
  anchor navigation
------------------------ */
.eventNav {
  background-image: url(/thegiftoftime/assets/images/event/nyc/bg.webp);
  background-repeat: repeat;
  background-position: center top;
  color: var(--color-gray);
  /* stylelint-disable-next-line length-zero-no-unit */

  --leading-trim: 0px;
}
@media (min-width: 768px) {
  .eventNav {
    background-size: 144rem auto;
  }
}
@media (max-width: 767px) {
  .eventNav {
    background-size: 36rem auto;
  }
}
@media (min-width: 992px) {
  .eventNav.-hasCurrent {
    padding-block-end: 3.9rem;
  }
  .eventNav.-hasCurrent .eventNav__item:first-child {
    padding-inline-start: 4.5rem;
  }
  .eventNav.-hasCurrent .eventNav__item:last-child {
    padding-inline-end: 4.5rem;
  }
}
@media (min-width: 992px) {
  .eventNav .eventNav__list {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventNav .eventNav__list {
    display: block;
  }
}
@media (max-width: 767px) {
  .eventNav .eventNav__list {
    display: block;
  }
}
@media (min-width: 768px) {
  .eventNav .eventNav__list {
    padding-block-start: 7.5rem;
  }
}
@media (max-width: 767px) {
  .eventNav .eventNav__list {
    padding-block-start: 4.9rem;
  }
}
@media (min-width: 768px) {
  .eventNav .eventNav__list.-lower {
    padding-block-start: 3.4rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventNav .eventNav__list.-lower {
    padding-block: 3.4rem;
  }
}
@media (max-width: 767px) {
  .eventNav .eventNav__list.-lower {
    padding-block: 4.9rem 5.6rem;
  }
}
@media (min-width: 992px) {
  .eventNav .eventNav__item {
    position: relative;

    padding-inline: 6rem;
  }
  .eventNav .eventNav__item:first-child {
    padding-inline-start: 0;
  }
  .eventNav .eventNav__item:last-child {
    padding-inline-end: 0;
  }
  .eventNav .eventNav__item + .eventNav__item {
    border-inline-start: 0.1rem solid var(--color-border);
  }
}
@media (min-width: 992px) {
  .eventNav .eventNav__item.-current::after {
    content: "";
    position: absolute;
    bottom: -3.9rem;
    height: 0.5rem;
    background-color: var(--color-border);

    inset-inline: 0;
  }
}
.eventNav .eventNav__link {
  display: flex;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  line-height: 1.7;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (hover: hover) and (pointer: fine) {
  .eventNav .eventNav__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .eventNav .eventNav__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (min-width: 768px) {
  .eventNav .eventNav__link {
    align-items: center;
    height: 5.6rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventNav .eventNav__link {
    border-block-end: 0.1rem solid var(--color-border);
  }
}
@media (max-width: 767px) {
  .eventNav .eventNav__link {
    align-items: flex-start;

    padding-block: 1.9rem;
    border-block-end: 0.1rem solid var(--color-border);
  }
}
.eventNav .eventNav__link.-current {
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventNav .eventNav__link.-current {
    border-block-end-width: 0.3rem;
  }
}
@media (max-width: 767px) {
  .eventNav .eventNav__link.-current {
    border-block-end-width: 0.3rem;
  }
}
.eventNav .eventNav__text {
  display: flex;
  flex-wrap: wrap;
}
.eventNav .eventNav__category {
  font-weight: 600;
}
.eventNav .eventNav__arrow {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .eventNav .eventNav__arrow {
    width: 2.4rem;
    height: 1rem;

    margin-inline-start: 1.6rem;
  }
}
@media (max-width: 767px) {
  .eventNav .eventNav__arrow {
    width: 1.7rem;
    height: 0.7083rem;

    margin-block-start: 1.15rem;
    margin-inline-start: auto;
  }
}
.eventNav .eventNav__arrow svg {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  article (NYC)
------------------------ */
.header {
  --color-slide-type: var(--color-black);
}

/* ------------------------
  article
------------------------ */
.article {
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
  background-image: url(/thegiftoftime/assets/images/event/nyc/bg.webp);
  background-repeat: repeat;
  background-position: center top;
  color: var(--color-gray);
  /* stylelint-disable-next-line length-zero-no-unit */

  --leading-trim: 0px;
  /* ------------------------
    intro
  ------------------------ */
  /* ------------------------
    intro gallery
    Figma: PC 1440 / コンテンツ幅 1040 / 間隔 20、SP 360 / コンテンツ幅 295 / 間隔 7
  ------------------------ */
  /* ------------------------
    comment / profile
  ------------------------ */
  /* ------------------------
    figures（Sketch / Scale model）
  ------------------------ */
  /* ------------------------
    block（History / Manufacture 共通）
  ------------------------ */
  /* ------------------------
    Exhibiting the Gift of Time
  ------------------------ */
  /* ------------------------
    button
  ------------------------ */
  /* ------------------------
    History SHARING TIME
  ------------------------ */
  /* ------------------------
    Culture / WAKO / SEIKO HOUSE
  ------------------------ */
  /* ------------------------
    Manufacture / Our Timepieces
  ------------------------ */
}
@media (min-width: 768px) {
  .article {
    background-size: 144rem auto;
  }
}
@media (max-width: 767px) {
  .article {
    background-size: 36rem auto;
  }
}
[lang=ja] .article {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
.article img {
  display: block;
  width: 100%;
  height: auto;
}
.article .article__intro {
  background: url(/thegiftoftime/assets/images/event/nyc/bg.webp);
}
@media (min-width: 768px) {
  .article .article__intro {
    padding-block-start: 13.9rem;
  }
}
@media (max-width: 767px) {
  .article .article__intro {
    padding-block-start: 9rem;
  }
}
.article .article__intro__title {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .article .article__intro__title {
    width: 45rem;
  }
}
@media (max-width: 767px) {
  .article .article__intro__title {
    width: 27.8rem;
  }
}
.article .article__intro__box {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .article .article__intro__box {
    width: 100%;
    max-width: 74rem;

    margin-block-start: 7rem;
  }
}
@media (max-width: 767px) {
  .article .article__intro__box {
    width: 100%;

    margin-block-start: 4.2rem;
  }
}
.article .article__intro__text {
  text-align: center;
}
@media (min-width: 768px) {
  .article .article__intro__text {
    letter-spacing: 0;
    font-size: 1.7rem;
    line-height: 1.7;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .article .article__intro__text {
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.7;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (min-width: 768px) {
  .article .article__intro__image {
    margin-block-start: 12rem;
  }
}
@media (max-width: 767px) {
  .article .article__intro__image {
    margin-block-start: 6.9rem;
  }
}
.article .article__gallery {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .article .article__gallery {
    margin-block-start: 1.3888888889vw;
  }
}
@media (min-width: 1440px) {
  .article .article__gallery {
    margin-block-start: 2rem;
  }
}
@media (max-width: 767px) {
  .article .article__gallery {
    margin-block-start: 1.9444444444vw;
  }
}
.article .article__gallery__contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 0.2rem);

  margin-inline: -0.1rem;
}
@media (min-width: 768px) {
  .article .article__gallery__contents {
    gap: 1.3888888889vw calc((100% - 0.2rem) * 20 / 1040);
  }
}
@media (min-width: 1440px) {
  .article .article__gallery__contents {
    row-gap: 2rem;
  }
}
@media (max-width: 767px) {
  .article .article__gallery__contents {
    gap: 1.9444444444vw calc((100% - 0.2rem) * 7 / 296);
  }
}
.article .article__gallery__image img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.article .article__gallery__image.is-hidden {
  display: none;
  opacity: 0;
}
.article .article__gallery__image:nth-of-type(1) {
  width: calc((100% - 0.2rem) * 346 / 1040);

  aspect-ratio: 346/244;
}
.article .article__gallery__image:nth-of-type(2) {
  width: calc((100% - 0.2rem) * 249 / 1040);

  aspect-ratio: 249/244;
}
.article .article__gallery__image:nth-of-type(3) {
  width: calc((100% - 0.2rem) * 404 / 1040);

  aspect-ratio: 404/244;
}
.article .article__gallery__image:nth-of-type(4) {
  width: calc((100% - 0.2rem) * 466 / 1040);

  aspect-ratio: 466/244;
}
.article .article__gallery__image:nth-of-type(5) {
  width: calc((100% - 0.2rem) * 370 / 1040);

  aspect-ratio: 370/244;
}
.article .article__gallery__image:nth-of-type(6) {
  width: calc((100% - 0.2rem) * 164 / 1040);

  aspect-ratio: 164/244;
}
.article .article__gallery__image:nth-of-type(7) {
  width: calc((100% - 0.2rem) * 360 / 1040);

  aspect-ratio: 360/244;
}
.article .article__gallery__image:nth-of-type(8) {
  width: calc((100% - 0.2rem) * 279 / 1040);

  aspect-ratio: 279/244;
}
.article .article__gallery__image:nth-of-type(9) {
  width: calc((100% - 0.2rem) * 360 / 1040);

  aspect-ratio: 360/244;
}
.article .article__gallery__image:nth-of-type(10) {
  width: calc((100% - 0.2rem) * 164 / 1040);

  aspect-ratio: 164/244;
}
.article .article__gallery__image:nth-of-type(11) {
  width: calc((100% - 0.2rem) * 476 / 1040);

  aspect-ratio: 476/244;
}
.article .article__gallery__image:nth-of-type(12) {
  width: calc((100% - 0.2rem) * 360 / 1040);

  aspect-ratio: 360/244;
}
.article .article__gallery__image:nth-of-type(13) {
  width: calc((100% - 0.2rem) * 466 / 1040);

  aspect-ratio: 466/244;
}
.article .article__gallery__image:nth-of-type(14) {
  width: calc((100% - 0.2rem) * 370 / 1040);

  aspect-ratio: 370/244;
}
.article .article__gallery__image:nth-of-type(15) {
  width: calc((100% - 0.2rem) * 164 / 1040);

  aspect-ratio: 164/244;
}
.article .article__gallery__image:nth-of-type(16) {
  width: calc((100% - 0.2rem) * 360 / 1040);

  aspect-ratio: 360/244;
}
.article .article__gallery__image:nth-of-type(17) {
  width: calc((100% - 0.2rem) * 191 / 1040);

  aspect-ratio: 191/244;
}
.article .article__gallery__image:nth-of-type(18) {
  width: calc((100% - 0.2rem) * 448 / 1040);

  aspect-ratio: 448/244;
}
.article .article__gallery__image:nth-of-type(19) {
  width: calc((100% - 0.2rem) * 164 / 1040);

  aspect-ratio: 164/244;
}
.article .article__gallery__image:nth-of-type(20) {
  width: calc((100% - 0.2rem) * 317 / 1040);

  aspect-ratio: 317/244;
}
.article .article__gallery__image:nth-of-type(21) {
  width: calc((100% - 0.2rem) * 184 / 1040);

  aspect-ratio: 184/244;
}
.article .article__gallery__image:nth-of-type(22) {
  width: calc((100% - 0.2rem) * 315 / 1040);

  aspect-ratio: 315/244;
}
@media (max-width: 767px) {
  .article .article__gallery__image:nth-of-type(1) {
    width: calc((100% - 0.2rem) * 169 / 296);

    aspect-ratio: 169/122;
  }
  .article .article__gallery__image:nth-of-type(2) {
    width: calc((100% - 0.2rem) * 119 / 296);

    aspect-ratio: 119/122;
  }
  .article .article__gallery__image:nth-of-type(3) {
    width: calc((100% - 0.2rem) * 295 / 296);

    aspect-ratio: 295/122;
  }
  .article .article__gallery__image:nth-of-type(4) {
    width: calc((100% - 0.2rem) * 295 / 296);

    aspect-ratio: 295/122;
  }
  .article .article__gallery__image:nth-of-type(5) {
    width: calc((100% - 0.2rem) * 201 / 296);

    aspect-ratio: 201/122;
  }
  .article .article__gallery__image:nth-of-type(6) {
    width: calc((100% - 0.2rem) * 87 / 296);

    aspect-ratio: 87/122;
  }
  .article .article__gallery__image:nth-of-type(7) {
    width: calc((100% - 0.2rem) * 169 / 296);

    aspect-ratio: 169/122;
  }
  .article .article__gallery__image:nth-of-type(8) {
    width: calc((100% - 0.2rem) * 119 / 296);

    aspect-ratio: 119/122;
  }
  .article .article__gallery__image:nth-of-type(9) {
    width: calc((100% - 0.2rem) * 201 / 296);

    aspect-ratio: 201/122;
  }
  .article .article__gallery__image:nth-of-type(10) {
    width: calc((100% - 0.2rem) * 87 / 296);

    aspect-ratio: 87/122;
  }
  .article .article__gallery__image:nth-of-type(11) {
    width: calc((100% - 0.2rem) * 169 / 296);

    aspect-ratio: 169/122;
  }
  .article .article__gallery__image:nth-of-type(12) {
    width: calc((100% - 0.2rem) * 119 / 296);

    aspect-ratio: 119/122;
  }
  .article .article__gallery__image:nth-of-type(13) {
    width: calc((100% - 0.2rem) * 295 / 296);

    aspect-ratio: 295/122;
  }
  .article .article__gallery__image:nth-of-type(14) {
    width: calc((100% - 0.2rem) * 201 / 296);

    aspect-ratio: 201/122;
  }
  .article .article__gallery__image:nth-of-type(15) {
    width: calc((100% - 0.2rem) * 87 / 296);

    aspect-ratio: 87/122;
  }
  .article .article__gallery__image:nth-of-type(16) {
    width: calc((100% - 0.2rem) * 185 / 296);

    aspect-ratio: 185/122;
  }
  .article .article__gallery__image:nth-of-type(17) {
    width: calc((100% - 0.2rem) * 103 / 296);

    aspect-ratio: 103/122;
  }
  .article .article__gallery__image:nth-of-type(18) {
    width: calc((100% - 0.2rem) * 295 / 296);

    aspect-ratio: 295/122;
  }
  .article .article__gallery__image:nth-of-type(19) {
    width: calc((100% - 0.2rem) * 87 / 296);

    aspect-ratio: 87/122;
  }
  .article .article__gallery__image:nth-of-type(20) {
    width: calc((100% - 0.2rem) * 201 / 296);

    aspect-ratio: 201/122;
  }
  .article .article__gallery__image:nth-of-type(21) {
    width: calc((100% - 0.2rem) * 101 / 296);

    aspect-ratio: 101/122;
  }
  .article .article__gallery__image:nth-of-type(22) {
    width: calc((100% - 0.2rem) * 187 / 296);

    aspect-ratio: 187/122;
  }
}
.article .article__gallery__more button {
  display: block;
  position: relative;
  border: 0.1rem solid #d9d9d9;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);

  margin-inline: auto;
}
@media (min-width: 768px) {
  .article .article__gallery__more button {
    width: 5rem;
    height: 5rem;

    margin-block-start: 5.8rem;
  }
}
@media (max-width: 767px) {
  .article .article__gallery__more button {
    width: 3.6rem;
    height: 3.6rem;

    margin-block-start: 2.9rem;
  }
}
.article .article__gallery__more button::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 120%;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(135deg, var(--color-bright-gray) 80%, transparent 100%);

  inset: 0;
  rotate: 90deg;
}
.article .article__gallery__more button::after {
  content: "";
  position: absolute;
  margin: auto;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-image: url(/thegiftoftime/assets/images/news_icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;

  inset: 0;
  rotate: 90deg;
}
@media (min-width: 768px) {
  .article .article__gallery__more button::after {
    width: 2.6rem;
    height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .article .article__gallery__more button::after {
    width: 1.9rem;
    height: 0.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .article .article__gallery__more button:hover:not(.is-close)::before {
    opacity: 0.5;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .article .article__gallery__more button:hover:not(.is-close)::after {
    animation: alternate 0.3s arrow cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .article .article__gallery__more button:hover.is-close::after {
    opacity: 0.6;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article .article__gallery__more button:hover:not(.is-close)::before {
    opacity: 0.5;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .article .article__gallery__more button:hover:not(.is-close)::after {
    animation: alternate 0.3s arrow cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .article .article__gallery__more button:hover.is-close::after {
    opacity: 0.6;
  }
}
.article .article__gallery__more button.is-close::after {
  background-image: url(/thegiftoftime/assets/images/news_icon_close.svg);

  rotate: 0deg;
}
.article .article__profile {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .article .article__profile {
    padding-block-start: 10.5rem;
  }
}
@media (max-width: 767px) {
  .article .article__profile {
    padding-block-start: 8.7rem;
  }
}
@media (min-width: 768px) {
  .article .article__profile__wrap {
    display: grid;
    align-items: center;

    grid-template-columns: 14.8rem 1fr;
    gap: 3rem;
  }
}
.article .article__profile__image {
  overflow: hidden;
  border-radius: 50%;
  width: 14.8rem;
}
@media (max-width: 767px) {
  .article .article__profile__image {
    margin-inline: auto;
  }
}
.article .article__profile__image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .article .article__profile__body {
    margin-block-start: 2rem;
  }
}
.article .article__profile__header {
  display: grid;
}
@media (min-width: 768px) {
  .article .article__profile__header {
    gap: 0.4rem;
  }
}
@media (max-width: 767px) {
  .article .article__profile__header {
    gap: 0.6rem;
  }
}
@media (min-width: 768px) {
  .article .article__profile__author {
    letter-spacing: 0.05em;
    font-size: 1.6rem;
    line-height: 1.4;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .article .article__profile__author {
    letter-spacing: 0.05em;
    font-size: 1.4rem;
    line-height: 1.4;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.article .article__profile__name {
  display: block;
  letter-spacing: 0.05em;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.4;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.article .article__profile__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .article .article__profile__text {
    max-width: 88rem;

    margin-block: 2.4rem 0;
  }
}
@media (max-width: 767px) {
  .article .article__profile__text {
    margin-block: 3.5rem 0;
  }
}
.article .article__profile__detail {
  display: grid;
  position: relative;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .article .article__profile__detail {
    margin-block-start: 5.7rem;
  }
}
@media (max-width: 767px) {
  .article .article__profile__detail {
    margin-block-start: 6.1rem;
  }
}
.article .article__profile__accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  line-height: 1.4;

  gap: 0.9rem;
  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (hover: hover) and (pointer: fine) {
  .article .article__profile__accordion:hover {
    background-color: #ddd;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article .article__profile__accordion:hover {
    background-color: #ddd;
  }
}
@media (min-width: 768px) {
  .article .article__profile__accordion {
    padding: 1.8rem 5rem 1.8rem 6rem;
  }
}
@media (max-width: 767px) {
  .article .article__profile__accordion {
    padding: 1.4rem 2rem 1.4rem 3rem;
  }
}
.article .article__profile__accordion[aria-expanded=true] .article__profile__accordion__icon span::before {
  transform: translate(-50%, -50%) rotate(0deg);
}
@media (max-width: 767px) {
  .article .article__profile__accordion__text {
    letter-spacing: 0.05em;
    font-size: 2.2rem;
    line-height: 1.4;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.article .article__profile__accordion__icon {
  display: flex;
  align-items: center;

  gap: 0.9rem;
}
@media (max-width: 767px) {
  .article .article__profile__accordion__icon {
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.7;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.article .article__profile__accordion__icon span {
  display: inline-block;
  position: relative;
  top: 0.2rem;
  width: 1.8rem;
}
.article .article__profile__accordion__icon span::before,
.article .article__profile__accordion__icon span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.8rem;
  height: 0.1rem;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: translate(-50%, -50%);
  background-color: var(--color-gray);
}
.article .article__profile__accordion__icon span::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.article .article__profile__content {
  margin: initial !important;
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .article .article__profile__content {
    padding: 3rem 6rem 6rem;
  }
}
@media (max-width: 767px) {
  .article .article__profile__content {
    padding: 2.3rem 3rem 4.2rem;
  }
}
@media (min-width: 768px) {
  .article .article__figures {
    padding-block: 13.3rem 16rem;
  }
}
@media (max-width: 767px) {
  .article .article__figures {
    padding-block: 8.9rem 9.3rem;
  }
}
.article .article__figures__list {
  display: grid;
}
@media (min-width: 768px) {
  .article .article__figures__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.4rem;
  }
}
@media (max-width: 767px) {
  .article .article__figures__list {
    grid-template-columns: 1fr;
    gap: 4.8rem;
  }
}
.article .article__figures__link {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .article .article__figures__link:hover .article__figures__icon {
    transform: scale(1.08);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article .article__figures__link:hover .article__figures__icon {
    transform: scale(1.08);
  }
}
.article .article__figures__image {
  display: block;
  overflow: hidden;
}
.article .article__figures__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .article .article__figures__image img {
    aspect-ratio: 493/248;
  }
}
@media (max-width: 767px) {
  .article .article__figures__image img {
    aspect-ratio: 296/150;
  }
}
.article .article__figures__icon {
  position: absolute;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .article .article__figures__icon {
    right: 1.6rem;
    bottom: 1.7rem;
  }
}
@media (max-width: 767px) {
  .article .article__figures__icon {
    right: 1.2rem;
    bottom: 1.3rem;
  }
}
.article .article__figures__icon::before,
.article .article__figures__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 0.1rem;
  transform: translate(-50%, -50%);
  background-color: var(--color-gray);
}
.article .article__figures__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (min-width: 768px) {
  .article .article__figures__caption {
    letter-spacing: 0.02em;
    font-size: 1.8rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block: 1.6rem 0;
  }
}
@media (max-width: 767px) {
  .article .article__figures__caption {
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block: 2.4rem 0;
  }
  .article .article__figures__caption br {
    display: none;
  }
}
.article .article__block.-white {
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .article .article__block.-history {
    padding-block: 12.7rem 15.1rem;
  }
}
@media (max-width: 767px) {
  .article .article__block.-history {
    padding-block: 7.9rem 9.7rem;
  }
}
@media (min-width: 768px) {
  .article .article__block.-timepieces {
    padding-block: 12.4rem 14.7rem;
  }
}
@media (max-width: 767px) {
  .article .article__block.-timepieces {
    padding-block: 9.6rem 11.2rem;
  }
}
.article .article__block__title {
  font-weight: 500;
}
@media (min-width: 768px) {
  .article .article__block__title {
    letter-spacing: 0.02em;
    font-size: 4rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .article .article__block__title {
    letter-spacing: 0.02em;
    font-size: 2.8rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.article .article__block__title__sub {
  display: block;
}
@media (min-width: 768px) {
  .article .article__block__lead {
    letter-spacing: 0.02em;
    font-size: 1.6rem;
    line-height: 1.7;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block-start: 3rem;
  }
}
@media (max-width: 767px) {
  .article .article__block__lead {
    letter-spacing: 0.02em;
    font-size: 1.6rem;
    line-height: 1.7;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block: 2.2rem 0;
  }
}
.article .article__block__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.article .article__exhibiting {
  text-align: center;
}
.article .article__exhibiting.-white {
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .article .article__exhibiting {
    padding-block: 12.6rem 11.7rem;
  }
}
@media (max-width: 767px) {
  .article .article__exhibiting {
    padding-block: 7.9rem 7.2rem;
  }
}
@media (max-width: 767px) {
  .article .article__exhibiting__inner {
    margin-inline: -1.3rem;
  }
}
.article .article__exhibiting__title {
  font-weight: 500;
}
@media (min-width: 768px) {
  .article .article__exhibiting__title {
    letter-spacing: 0.02em;
    font-size: 4.4rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .article .article__exhibiting__title {
    letter-spacing: 0.02em;
    font-size: 3rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.article .article__exhibiting__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-inline: auto;
  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .article .article__exhibiting__text {
    max-width: 53rem;

    margin-block-start: 3.9rem;
  }
}
@media (max-width: 767px) {
  .article .article__exhibiting__text {
    margin-block-start: 3.1rem;
  }
}
@media (min-width: 768px) {
  .article .article__exhibiting__text + .article__exhibiting__text {
    max-width: 48.2rem;

    margin-block-start: 2rem;
  }
}
@media (max-width: 767px) {
  .article .article__exhibiting__text + .article__exhibiting__text {
    max-width: 26rem;

    margin-block-start: 2.3rem;
  }
}
.article .article__button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-top: 0.1rem solid var(--color-gray);
  border-bottom: 0.1rem solid var(--color-gray);
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);

  padding-block: 2rem;
}
@media (min-width: 768px) {
  .article .article__button {
    width: 40.5rem;
  }
}
@media (max-width: 767px) {
  .article .article__button {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .article .article__button:hover {
    opacity: 0.6;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article .article__button:hover {
    opacity: 0.6;
  }
}
.article .article__button__text {
  letter-spacing: 0.02em;
  font-size: 1.6rem;
  line-height: 1;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.article .article__button__arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 2.4rem;
  height: 1rem;
  transform: translateY(-50%);
}
.article .article__button__arrow svg {
  display: block;
  width: 100%;
  height: auto;
}
.article .article__block__head .article__button {
  margin-block-start: 4.1rem;
}
.article .article__history__list {
  display: flex;
}
@media (min-width: 768px) {
  .article .article__history__list {
    margin-block-start: 6.5rem;
  }
}
@media (max-width: 767px) {
  .article .article__history__list {
    justify-content: center;

    margin-block-start: 5.9rem;
  }
}
.article .article__history__item {
  width: 100%;
  max-width: 34.7rem;
}
@media (max-width: 767px) {
  .article .article__history__item {
    width: calc(50% - 4.4444444444vw);
  }
}
@media (min-width: 1440px) {
  .article .article__history__item {
    flex-shrink: 0;
    width: 34.7rem;
  }
  .article .article__history__item:nth-child(2) {
    width: 34.6rem;
  }
}
.article .article__history__item img {
  width: 100%;
  height: 100%;

  aspect-ratio: 347/477;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1440px) {
  .article .article__history__item img {
    height: 47.7rem;

    aspect-ratio: auto;
  }
}
@media (max-width: 767px) {
  .article .article__history__item img {
    aspect-ratio: 99/140;
  }
}
.article .article__wako.-white {
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .article .article__wako {
    padding-block: 12.7rem 12.5rem;
  }
}
@media (max-width: 767px) {
  .article .article__wako {
    padding-block: 8.4rem 7.4rem;
  }
}
@media (min-width: 768px) {
  .article .article__wako__title {
    margin-block-end: 2.7rem;
  }
}
@media (max-width: 767px) {
  .article .article__wako__title {
    margin-block-end: 3.9rem;
  }
}
.article .article__wako__wrap {
  display: grid;
}
@media (min-width: 768px) {
  .article .article__wako__wrap {
    justify-content: space-between;

    grid-template-rows: auto auto 1fr;
    grid-template-columns: 44.2308% 50%;
  }
}
@media (max-width: 767px) {
  .article .article__wako__wrap {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .article .article__wako__wrap .article__button {
    align-self: start;
    width: 88.0435%;

    grid-row: 3;
    grid-column: 1;
    margin-block-start: 9.1rem;
  }
}
@media (max-width: 767px) {
  .article .article__wako__wrap .article__button {
    margin-block-start: 5rem;
  }
}
@media (min-width: 768px) {
  .article .article__wako__logo {
    width: 15.8rem;
    max-width: 28.5rem;

    grid-row: 1;
    grid-column: 1;
    margin-block-start: 2rem;
  }
}
@media (max-width: 767px) {
  .article .article__wako__logo {
    width: 11rem;
  }
}
@media (min-width: 768px) {
  .article .article__wako__text {
    max-width: 45.3rem;
    letter-spacing: 0.02em;
    font-size: 1.6rem;
    line-height: 1.8;

    grid-row: 2;
    grid-column: 1;
    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block: 2.7rem 0;
  }
}
@media (max-width: 767px) {
  .article .article__wako__text {
    letter-spacing: 0.02em;
    font-size: 1.6rem;
    line-height: 1.7;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block: 3.2rem 0;
  }
}
.article .article__wako__image {
  overflow: hidden;
}
@media (min-width: 768px) {
  .article .article__wako__image {
    align-self: center;

    grid-row: 1/-1;
    grid-column: 2;
  }
}
@media (max-width: 767px) {
  .article .article__wako__image {
    margin-block-start: 4.3rem;
  }
}
.article .article__wako__image img {
  width: 100%;
  height: auto;

  -o-object-fit: cover;

     object-fit: cover;
}
@media (min-width: 768px) {
  .article .article__wako__image img {
    aspect-ratio: 520/424;
  }
}
@media (max-width: 767px) {
  .article .article__wako__image img {
    aspect-ratio: 296/240;
  }
}
.article .article__timepieces {
  display: grid;
}
@media (min-width: 768px) {
  .article .article__timepieces {
    grid-template-rows: 1fr auto auto auto 1fr;
    grid-template-columns: 48.6538% 58%;
  }
}
@media (max-width: 767px) {
  .article .article__timepieces {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .article .article__timepieces .article__block__title {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 768px) {
  .article .article__timepieces .article__block__text {
    grid-row: 3;
    grid-column: 1;
    margin-block-start: 5.5rem;
  }
}
@media (max-width: 767px) {
  .article .article__timepieces .article__block__text {
    margin-block-start: 3.3rem;
  }
}
@media (min-width: 768px) {
  .article .article__timepieces .article__button {
    align-self: start;
    width: 80.0395%;

    grid-row: 4;
    grid-column: 1;
    margin-block-start: 5.8rem;
  }
}
@media (max-width: 767px) {
  .article .article__timepieces .article__button {
    margin-block-start: 5.4rem;
  }
}
@media (min-width: 768px) {
  .article .article__timepieces__image {
    align-self: start;
    max-width: 55.1rem;

    grid-row: 1/-1;
    grid-column: 2;
    margin-block-start: 3.3rem;
  }
}
@media (max-width: 767px) {
  .article .article__timepieces__image {
    margin-block-start: 3.4rem;
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  articleHistory (NYC / History sub page - Timekeeping in Japan)
------------------------ */
.articleHistory {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-repeat: repeat;
  background-position: center top;
  color: var(--color-gray);
  /* ------------------------
    intro（Timekeeping In Japan）
  ------------------------ */
  /* ------------------------
    gallery
  ------------------------ */
}
@media (min-width: 768px) {
  .articleHistory {
    background-size: 144rem auto;

    padding-block: 9.7rem 16rem;
  }
}
@media (max-width: 767px) {
  .articleHistory {
    background-size: 36rem auto;

    padding-block: 8rem 6rem;
  }
}
[lang=ja] .articleHistory {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
.articleHistory img {
  display: block;
  width: 100%;
  height: auto;
}
.articleHistory .articleHistory__intro {
  display: grid;
}
@media (min-width: 992px) {
  .articleHistory .articleHistory__intro {
    align-items: center;

    grid-template-columns: 28.8rem 1fr;
    gap: 11.2rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleHistory .articleHistory__intro {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__intro {
    grid-template-columns: minmax(0, 1fr);
  }
}
.articleHistory .articleHistory__intro__image {
  overflow: hidden;
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__intro__image {
    width: 18.2rem;

    margin-inline: auto;
  }
}
.articleHistory .articleHistory__intro__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__intro__body {
    margin-block-start: 4.2rem;
  }
}
.articleHistory .articleHistory__intro__title {
  letter-spacing: 0.05em;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.4;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.articleHistory .articleHistory__intro__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleHistory .articleHistory__intro__text {
    margin-block-start: 3.2rem;
  }
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__intro__text {
    margin-block-start: 2.4rem;
  }
}
.articleHistory .articleHistory__intro__text:first-of-type {
  margin-block-start: 2rem;
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__intro__text:first-of-type {
    margin-block-start: 3.6rem;
  }
}
.articleHistory .articleHistory__gallery {
  display: grid;

  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .articleHistory .articleHistory__gallery {
    gap: 6rem 12.8rem;
    margin-block-start: 15.5rem;
  }
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__gallery {
    gap: 2rem 1.6rem;
    margin-block-start: 7.2rem;
  }
}
.articleHistory .articleHistory__gallery__image {
  display: block;
  overflow: hidden;
  max-width: 45.6rem;
}
.articleHistory .articleHistory__gallery__image img {
  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.articleHistory .articleHistory__gallery__link {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .articleHistory .articleHistory__gallery__link:hover .articleHistory__gallery__icon {
    transform: scale(1.08);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .articleHistory .articleHistory__gallery__link:hover .articleHistory__gallery__icon {
    transform: scale(1.08);
  }
}
.articleHistory .articleHistory__gallery__icon {
  position: absolute;
  right: 1.6rem;
  bottom: 1.7rem;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__gallery__icon {
    right: 0.5rem;
    bottom: 0.5rem;
    width: 1.7rem;
    height: 1.7rem;
  }
}
.articleHistory .articleHistory__gallery__icon::before,
.articleHistory .articleHistory__gallery__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 0.1rem;
  transform: translate(-50%, -50%);
  background-color: var(--color-gray);
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__gallery__icon::before,
  .articleHistory .articleHistory__gallery__icon::after {
    width: 0.8rem;
  }
}
.articleHistory .articleHistory__gallery__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.articleHistory .articleHistory__gallery__item:nth-child(1) .articleHistory__gallery__image img {
  aspect-ratio: 456/626;
}
.articleHistory .articleHistory__gallery__item:nth-child(4) .articleHistory__gallery__image img {
  aspect-ratio: 456/345;
}
.articleHistory .articleHistory__gallery__item.--smallImage {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.articleHistory .articleHistory__gallery__caption {
  letter-spacing: 0.02em;
  font-size: 1.8rem;
  line-height: 1.3;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleHistory .articleHistory__gallery__caption {
    margin-block-start: 1.6rem;
  }
}
@media (max-width: 767px) {
  .articleHistory .articleHistory__gallery__caption {
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block-start: 0.8rem;
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  articleWako (NYC / Culture sub page - Seiko House)
------------------------ */
.articleWako {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-repeat: repeat;
  background-position: center top;
  color: var(--color-gray);
  /* ------------------------
    intro（Seiko House）
    Figma: テキスト幅 1132（-innerNyc の 1040 より広いため個別に指定）
  ------------------------ */
  /* ------------------------
    brand（WAKO）
  ------------------------ */
  /* ------------------------
    gallery（A Selection of Japanese Craft Items from Wako）
  ------------------------ */
}
@media (min-width: 768px) {
  .articleWako {
    background-size: 144rem auto;

    padding-block: 12.9rem 9rem;
  }
}
@media (max-width: 767px) {
  .articleWako {
    background-size: 36rem auto;

    padding-block: 14.1rem 6rem;
  }
}
[lang=ja] .articleWako {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
.articleWako img {
  display: block;
  width: 100%;
  height: auto;
}
.articleWako .articleWako__intro {
  text-align: center;
}
@media (min-width: 768px) {
  .articleWako .articleWako__intro {
    margin-inline: auto;
  }
}
@media (min-width: 1440px) {
  .articleWako .articleWako__intro {
    width: 113.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .articleWako .articleWako__intro {
    width: 78.6111111111vw;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__intro {
    padding-inline: 8.8888888889vw;
  }
}
.articleWako .articleWako__intro__title {
  letter-spacing: 0.05em;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.4;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.articleWako .articleWako__intro__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleWako .articleWako__intro__text {
    margin-block-start: 3.2rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__intro__text {
    margin-block-start: 2.6rem;
  }
}
.articleWako .articleWako__brand {
  display: grid;
}
@media (min-width: 992px) {
  .articleWako .articleWako__brand {
    align-items: start;

    grid-template-columns: 27.1rem 1fr;
    gap: 12.1rem;
    margin-block-start: 13.8rem;
  }
}
@media (max-width: 990px) {
  .articleWako .articleWako__brand {
    grid-template-columns: minmax(0, 1fr);
    margin-block-start: 8.2rem;
  }
}
.articleWako .articleWako__brand__image {
  overflow: hidden;
}
@media (max-width: 990px) {
  .articleWako .articleWako__brand__image {
    width: 17.6rem;

    margin-inline: auto;
  }
}
.articleWako .articleWako__brand__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .articleWako .articleWako__brand__image img {
    aspect-ratio: 271/389;
  }
}
@media (max-width: 990px) {
  .articleWako .articleWako__brand__image img {
    aspect-ratio: 176/240;
  }
}
@media (min-width: 768px) {
  .articleWako .articleWako__brand__logo {
    width: 18.7rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__brand__logo {
    width: 13.6rem;
  }
}
.articleWako .articleWako__brand__logo.-text {
  width: auto;
}
.articleWako .articleWako__brand__logo__text {
  display: block;
  letter-spacing: 0.05em;
  color: #212121;
  font-size: 4.4rem;
  line-height: 1;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (max-width: 767px) {
  .articleWako .articleWako__brand__logo__text {
    letter-spacing: 0.05em;
    font-size: 3.2rem;
    line-height: 1;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 990px) {
  .articleWako .articleWako__brand__body {
    margin-block-start: 6rem;
  }
}
.articleWako .articleWako__brand__text {
  display: block;
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleWako .articleWako__brand__text {
    margin-block-start: 1.6rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__brand__text {
    margin-block-start: 2rem;
  }
}
@media (min-width: 768px) {
  .articleWako .articleWako__brand__text:first-of-type {
    margin-block-start: 3.3rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__brand__text:first-of-type {
    margin-block-start: 3.2rem;
  }
}
.articleWako .articleWako__brand__link {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 19.7rem;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  white-space: nowrap;

  gap: 0.8rem;
  padding-block-end: 0.2rem;
  padding-inline-end: 0.5rem;
  border-block-end: 0.1rem solid currentcolor;
}
@media (hover: hover) and (pointer: fine) {
  .articleWako .articleWako__brand__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .articleWako .articleWako__brand__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (min-width: 768px) {
  .articleWako .articleWako__brand__link {
    margin-block-start: 4.5rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__brand__link {
    margin-block-start: 4.1rem;
  }
}
.articleWako .articleWako__brand__link__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.articleWako .articleWako__brand__link__icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 1.05rem;
  height: 1.072rem;
}
.articleWako .articleWako__brand__link__icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.articleWako .articleWako__gallery__title {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.4;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleWako .articleWako__gallery__title {
    margin-block-start: 15.3rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__gallery__title {
    margin-block-start: 9.7rem;
  }
}
.articleWako .articleWako__gallery {
  display: grid;
  align-items: start;

  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .articleWako .articleWako__gallery {
    gap: 8.8rem 13rem;
    margin-block-start: 14.2rem;
  }
}
@media (min-width: 1440px) {
  .articleWako .articleWako__gallery {
    grid-template-columns: repeat(2, 45.6rem);
    -moz-column-gap: 12.8rem;
         column-gap: 12.8rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__gallery {
    gap: 4rem 2rem;
    margin-block-start: 5rem;
  }
}
.articleWako .articleWako__gallery__image {
  display: block;
  overflow: hidden;
}
.articleWako .articleWako__gallery__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .articleWako .articleWako__gallery__image img {
    aspect-ratio: 456/547;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__gallery__image img {
    aspect-ratio: 138/188;
  }
}
.articleWako .articleWako__gallery__link {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .articleWako .articleWako__gallery__link:hover .articleWako__gallery__icon {
    transform: scale(1.08);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .articleWako .articleWako__gallery__link:hover .articleWako__gallery__icon {
    transform: scale(1.08);
  }
}
.articleWako .articleWako__gallery__icon {
  position: absolute;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .articleWako .articleWako__gallery__icon {
    right: 1.3rem;
    bottom: 1.2rem;
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__gallery__icon {
    right: 0.6rem;
    bottom: 0.4rem;
    width: 1.66rem;
    height: 1.66rem;
  }
}
.articleWako .articleWako__gallery__icon::before,
.articleWako .articleWako__gallery__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.1rem;
  transform: translate(-50%, -50%);
  background-color: var(--color-gray);
}
@media (min-width: 768px) {
  .articleWako .articleWako__gallery__icon::before,
  .articleWako .articleWako__gallery__icon::after {
    width: 1.4rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__gallery__icon::before,
  .articleWako .articleWako__gallery__icon::after {
    width: 0.7rem;
  }
}
.articleWako .articleWako__gallery__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.articleWako .articleWako__gallery__caption {
  letter-spacing: 0.02em;
  font-size: 1.8rem;
  line-height: 1.3;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleWako .articleWako__gallery__caption {
    margin-block-start: 1.8rem;
  }
}
@media (max-width: 767px) {
  .articleWako .articleWako__gallery__caption {
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block-start: 1.1rem;
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  articleTimepieces (NYC / Manufacture sub page - Our Timepieces)
------------------------ */
.articleTimepieces {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  background-repeat: repeat;
  background-position: center top;
  color: var(--color-gray);
  /* ------------------------
    brand anchor navigation（Grand Seiko / CREDOR）
  ------------------------ */
  /* ------------------------
    brand（Grand Seiko / CREDOR）
  ------------------------ */
  /* ------------------------
    gallery
  ------------------------ */
}
@media (min-width: 768px) {
  .articleTimepieces {
    background-size: 144rem auto;

    padding-block: 7.2rem 16rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces {
    background-size: 36rem auto;

    padding-block: 11.6rem 9.3rem;
  }
}
[lang=ja] .articleTimepieces {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
.articleTimepieces img {
  display: block;
  width: 100%;
  height: auto;
}
.articleTimepieces .articleTimepieces__nav {
  /* stylelint-disable-next-line length-zero-no-unit */
  --leading-trim: 0px;
}
.articleTimepieces .articleTimepieces__nav__list {
  display: flex;
  justify-content: center;
}
.articleTimepieces .articleTimepieces__nav__item + .articleTimepieces__nav__item {
  border-inline-start: 0.1rem solid var(--color-border);
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__nav__item + .articleTimepieces__nav__item {
    padding-inline-start: 4.8rem;
    margin-inline-start: 4.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__nav__item + .articleTimepieces__nav__item {
    padding-inline-start: 2.2rem;
    margin-inline-start: 2.2rem;
  }
}
.articleTimepieces .articleTimepieces__nav__link {
  display: flex;
  align-items: center;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .articleTimepieces .articleTimepieces__nav__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .articleTimepieces .articleTimepieces__nav__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__nav__link {
    height: 5.6rem;
    letter-spacing: 0.02em;
    font-size: 2rem;
    line-height: 170%;

    gap: 1.5rem;
    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__nav__link {
    height: 4.2rem;
    letter-spacing: 0.02em;
    font-size: 1.8rem;
    line-height: 170%;

    gap: 1.5rem;
    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.articleTimepieces .articleTimepieces__nav__arrow {
  display: block;
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__nav__arrow {
    width: 1rem;
    height: 1.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__nav__arrow {
    width: 0.7083rem;
    height: 1.53rem;
  }
}
.articleTimepieces .articleTimepieces__nav__arrow svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__nav__arrow svg {
    width: 1.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__nav__arrow svg {
    width: 1.53rem;
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__section {
    margin-block-start: 10.4rem;
  }
  .articleTimepieces .articleTimepieces__section + .articleTimepieces__section {
    margin-block-start: 20.5rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__section {
    margin-block-start: 7.1rem;
  }
  .articleTimepieces .articleTimepieces__section + .articleTimepieces__section {
    margin-block-start: 22.1rem;
  }
}
.articleTimepieces .articleTimepieces__mv {
  width: 100vw;

  margin-inline: calc(50% - 50vw);
}
.articleTimepieces .articleTimepieces__mv img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__mv {
    margin-block-end: 11.7rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__mv {
    margin-block-end: 6.3rem;
  }
}
.articleTimepieces .articleTimepieces__brand {
  display: grid;
}
@media (min-width: 992px) {
  .articleTimepieces .articleTimepieces__brand {
    align-items: center;

    grid-template-columns: 39.2rem 1fr;
  }
}
@media (max-width: 990px) {
  .articleTimepieces .articleTimepieces__brand {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__brand__logo.-grandseiko {
    width: 25.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__brand__logo.-grandseiko {
    width: 15.5rem;
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__brand__logo.-credor {
    width: 22.9rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__brand__logo.-credor {
    width: 12.9rem;
  }
}
@media (max-width: 990px) {
  .articleTimepieces .articleTimepieces__brand__body {
    width: 100%;

    margin-block-start: 3.6rem;
  }
}
.articleTimepieces .articleTimepieces__brand__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.articleTimepieces .articleTimepieces__brand__link {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  white-space: nowrap;

  gap: 0.8rem;
  padding-block-end: 0.2rem;
  padding-inline-end: 0.5rem;
  border-block-end: 0.1rem solid currentcolor;
}
@media (hover: hover) and (pointer: fine) {
  .articleTimepieces .articleTimepieces__brand__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .articleTimepieces .articleTimepieces__brand__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__brand__link {
    margin-block-start: 3.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__brand__link {
    margin-block-start: 2.7rem;
  }
}
.articleTimepieces .articleTimepieces__brand__link__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
.articleTimepieces .articleTimepieces__brand__link__icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 1.05rem;
  height: 1.072rem;
}
.articleTimepieces .articleTimepieces__brand__link__icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.articleTimepieces .articleTimepieces__gallery {
  display: grid;
  align-items: start;

  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery {
    gap: 8.8rem 13rem;
    margin-block-start: 18rem;
  }
}
@media (min-width: 1440px) {
  .articleTimepieces .articleTimepieces__gallery {
    grid-template-columns: repeat(2, 45.6rem);
    -moz-column-gap: 12.8rem;
         column-gap: 12.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery {
    gap: 4rem 2rem;
    margin-block-start: 7.2rem;
  }
}
.articleTimepieces .articleTimepieces__gallery.-grandseiko .articleTimepieces__gallery__item:first-child {
  grid-column: 1/-1;
}
@media (min-width: 1440px) {
  .articleTimepieces .articleTimepieces__gallery.-grandseiko .articleTimepieces__gallery__item:first-child img {
    height: 54.6rem;

    -o-object-fit: cover;

       object-fit: cover;
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery.-grandseiko .articleTimepieces__gallery__image {
    aspect-ratio: 1042/547;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery.-grandseiko .articleTimepieces__gallery__image {
    aspect-ratio: 298/188;
  }
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery.-credor {
    margin-block-start: 13.6rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery.-credor {
    margin-block-start: 7.8rem;
  }
}
.articleTimepieces .articleTimepieces__gallery__image {
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery__image {
    aspect-ratio: 456/547;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery__image {
    aspect-ratio: 138/188;
  }
}
.articleTimepieces .articleTimepieces__gallery__image picture {
  display: block;
  width: 100%;
}
.articleTimepieces .articleTimepieces__gallery__link {
  display: block;
  width: 100%;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .articleTimepieces .articleTimepieces__gallery__link:hover .articleTimepieces__gallery__icon {
    transform: scale(1.08);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .articleTimepieces .articleTimepieces__gallery__link:hover .articleTimepieces__gallery__icon {
    transform: scale(1.08);
  }
}
.articleTimepieces .articleTimepieces__gallery__icon {
  position: absolute;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery__icon {
    right: 1.3rem;
    bottom: 1.2rem;
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery__icon {
    right: 0.6rem;
    bottom: 0.4rem;
    width: 1.66rem;
    height: 1.66rem;
  }
}
.articleTimepieces .articleTimepieces__gallery__icon::before,
.articleTimepieces .articleTimepieces__gallery__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.1rem;
  transform: translate(-50%, -50%);
  background-color: var(--color-gray);
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery__icon::before,
  .articleTimepieces .articleTimepieces__gallery__icon::after {
    width: 1.4rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery__icon::before,
  .articleTimepieces .articleTimepieces__gallery__icon::after {
    width: 0.7rem;
  }
}
.articleTimepieces .articleTimepieces__gallery__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.articleTimepieces .articleTimepieces__gallery__caption {
  letter-spacing: 0.02em;
  font-size: 1.8rem;
  line-height: 1.3;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .articleTimepieces .articleTimepieces__gallery__caption {
    margin-block-start: 1.8rem;
  }
}
@media (max-width: 767px) {
  .articleTimepieces .articleTimepieces__gallery__caption {
    letter-spacing: 0.02em;
    font-size: 1.4rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block-start: 1.1rem;
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  article__back (NYC 下層ページ共通 back to home)
  ※ _article.scss の .article__back / .article__link / .article__link__text の見た目を流用
------------------------ */
@media (min-width: 768px) {
  .article__back {
    padding-block-start: 16rem;
  }
}
@media (max-width: 767px) {
  .article__back {
    padding-block-start: 10.6rem;
  }
}
@media (min-width: 768px) {
  .article__back.-timepieces {
    padding-block-start: 16.9rem;
  }
}
@media (max-width: 767px) {
  .article__back.-timepieces {
    padding-block-start: 12.3rem;
  }
}
@media (min-width: 768px) {
  .article__back.-wako {
    padding-block-start: 15.8rem;
  }
}

.article__link {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;

  margin-inline: auto;
  border-block: 0.1rem solid var(--color-gray);
}
@media (min-width: 768px) {
  .article__link {
    width: 40.5rem;

    aspect-ratio: 405/58;
  }
}
@media (max-width: 767px) {
  .article__link {
    width: 100%;
    max-width: 29.6rem;

    aspect-ratio: 296/58;
  }
}
.article__link::before {
  content: "";
  opacity: 0;
  position: absolute;
  width: 120%;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scaleX(0);
  transform-origin: right;
  background: linear-gradient(135deg, #f7f5f4 80%, transparent 100%);

  inset: 0;
}
.article__link::after {
  content: "";
  position: absolute;
  width: 2.8rem;
  height: 1.2rem;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-gray);

  inset: 0 auto 0 1.6rem;
  aspect-ratio: 24/10;
  margin-block: auto;
  -webkit-mask-image: url(/thegiftoftime/assets/images/icon_arrow.svg);
          mask-image: url(/thegiftoftime/assets/images/icon_arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  rotate: 180deg;
}
@media (hover: hover) and (pointer: fine) {
  .article__link:hover::before {
    opacity: 0.5;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .article__link:hover::after {
    animation: alternate 0.3s arrow cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article__link:hover::before {
    opacity: 0.5;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .article__link:hover::after {
    animation: alternate 0.3s arrow cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

.article__link__text {
  position: relative;
  z-index: 1;
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  official
------------------------ */
@media (min-width: 768px) {
  .official {
    padding-block-end: 0;
  }
}
@media (max-width: 767px) {
  .official {
    padding-block-end: 4rem;
  }
}
@media (min-width: 768px) {
  .official .official__box + .official__box {
    margin-block-start: 8rem;
  }
}
@media (max-width: 767px) {
  .official .official__box + .official__box {
    margin-block-start: 7.2rem;
  }
}
.official .official__title {
  text-align: center;
  font-weight: normal;
}
@media (min-width: 768px) {
  .official .official__title {
    letter-spacing: 0.04rem;
    font-size: 3rem;
    line-height: 130%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .official .official__title {
    letter-spacing: 0.04rem;
    font-size: 2.4rem;
    line-height: 110%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
.official .officialAccount__list {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 4rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .official .officialAccount__list {
    margin-block-start: 4rem;
  }
}
@media (max-width: 767px) {
  .official .officialAccount__list {
    margin-block-start: 3.2rem;
  }
}
.official .officialAccount__link {
  display: block;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) and (pointer: fine) {
  .official .officialAccount__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .official .officialAccount__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.official .officialWebsite__list {
  display: grid;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .official .officialWebsite__list {
    grid-template-columns: repeat(3, minmax(16.8rem, 1fr));
    margin-block-start: 4rem;
    border-inline-end: 0.1rem solid var(--color-border);
  }
}
@media (max-width: 767px) {
  .official .officialWebsite__list {
    gap: 2rem;
    margin-block-start: 2.4rem;
  }
}
@media (min-width: 768px) {
  .official .officialWebsite__item {
    border-inline-start: 0.1rem solid var(--color-border);
  }
}
.official .officialWebsite__link {
  display: block;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  text-align: center;
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  padding-block: 0.4rem;
  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (hover: hover) and (pointer: fine) {
  .official .officialWebsite__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .official .officialWebsite__link:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  modal
------------------------ */
.modal {
  display: flex;
  overflow: auto;
  justify-content: center;
  position: fixed;
  z-index: 200;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);

  inset: 0;
}
.modal[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
}
.modal[aria-hidden=false] {
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.modal__overlay {
  opacity: 0.8;
  position: fixed;
  background-color: var(--color-black);

  inset: 0;
}

.modal__box {
  margin: auto;
  height: -moz-fit-content;
  height: fit-content;

  padding-block: 3.2rem;
}

.modal__close {
  display: block;
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;

  margin-block-end: 0.8rem;
  margin-inline-start: auto;
}
.modal__close::before,
.modal__close::after {
  content: "";
  position: absolute;
  margin: auto;
  width: 0.2rem;
  height: 100%;
  background-color: var(--color-white);

  inset: 0;
}
.modal__close::before {
  transform: rotate(45deg);
}
.modal__close::after {
  transform: rotate(-45deg);
}

.modal__contents {
  position: relative;
  z-index: 1;
  height: -moz-fit-content;
  height: fit-content;
  background-color: rgba(0, 0, 0, 0.4);
  color: var(--color-white);

  aspect-ratio: 560/315;
}
@media (min-width: 992px) {
  .modal__contents {
    width: 89.6rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal__contents {
    width: 72rem;
  }
}
@media (max-width: 767px) {
  .modal__contents {
    width: 95.5555555556vw;
  }
}
.modal__contents iframe {
  width: 100%;
  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;
}
.modal__contents.-textarea {
  background-color: var(--color-white);

  aspect-ratio: auto;
}
@media (min-width: 992px) {
  .modal__contents.-textarea {
    padding: 8.8rem 8.8rem 9.6rem;
    width: 72.6rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal__contents.-textarea {
    padding: 8.8rem 8.8rem 9.6rem;
    width: 72.6rem;
  }
}
@media (max-width: 767px) {
  .modal__contents.-textarea {
    padding: 5.3rem 4rem;
    width: 88.8888888889vw;
  }
}
.modal__contents.-event {
  padding: 0;
}

.modal__title {
  color: var(--color-gray);
}
@media (min-width: 768px) {
  .modal__title {
    letter-spacing: 0.04rem;
    font-size: 3rem;
    line-height: 130%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .modal__title {
    letter-spacing: 0.04rem;
    font-size: 2.4rem;
    line-height: 130%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}

.modal__sub,
.modal__data {
  opacity: 0.8;
  letter-spacing: 0.04rem;
  letter-spacing: 0;
  color: var(--color-gray);
  font-size: 1.6rem;
  line-height: 110%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
  margin-block-start: 1.5rem;
}

.modal__text {
  letter-spacing: 0.04rem;
  letter-spacing: 0.02em;
  color: var(--color-gray);
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .modal__text {
    margin-block-start: 3rem;
  }
}
@media (max-width: 767px) {
  .modal__text {
    margin-block-start: 2.4rem;
  }
}
.modal__text strong {
  display: block;
  font-weight: 800;

  margin-block-end: 0.8rem;
}
.modal__text:nth-of-type(1) {
  margin-block-start: 0;
}

.modal__profile {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
  font-weight: 800;

  gap: 1.8rem;
}
.modal__profile::after {
  content: "";
  display: block;
  flex-grow: 1;
  height: 0.1rem;
  background-color: var(--color-border);
}

.modal__credit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.4rem;

  gap: 1.6rem;
}

@media (min-width: 768px) {
  .modal__credit__title {
    letter-spacing: 0.04rem;
    font-size: 2.8rem;
    line-height: 130%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .modal__credit__title {
    letter-spacing: 0.04rem;
    font-size: 2.4rem;
    line-height: 110%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}

.modal__credit__text {
  letter-spacing: 0.04rem;
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (max-width: 767px) {
  .modal__credit__text {
    line-height: 140%;
  }
}

.modal__news_logo {
  margin: 0 auto 4rem;
  border: 1px solid var(--color-border);
  width: 20rem;
}

.modal__news_title {
  border-bottom: 1px solid var(--color-border);
  color: var(--color-black);
  font-weight: bold;
}
@media (min-width: 768px) {
  .modal__news_title {
    padding-bottom: 1.6rem;
    letter-spacing: 0.04rem;
    font-size: 1.8rem;
    line-height: 170%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .modal__news_title {
    padding-bottom: 1.6rem;
    letter-spacing: 0.04rem;
    font-size: 1.8rem;
    line-height: 170%;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}

.modal__news_text {
  letter-spacing: 0.04rem;
  letter-spacing: 0.02em;
  color: var(--color-gray);
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .modal__news_text {
    margin-block-start: 3rem;
  }
}
@media (max-width: 767px) {
  .modal__news_text {
    margin-block-start: 2.4rem;
  }
}
.modal__news_text a {
  position: relative;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) and (pointer: fine) {
  .modal__news_text a:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal__news_text a:hover {
    opacity: 0.8;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.modal__news_text a::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.1rem;
  transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-gray);

  inset: auto 0 -0.3rem;
  margin-inline: auto;
}
@media (hover: hover) and (pointer: fine) {
  .modal__news_text a:hover::after {
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scale(0);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal__news_text a:hover::after {
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scale(0);
  }
}

@media (min-width: 768px) {
  .modal__news_image {
    max-width: 40rem;

    margin-block-start: 3.2rem;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .modal__news_image {
    margin-block-start: 3.8rem;
  }
}
.modal__news_image.-gallery {
  max-width: 100%;
}
@media (min-width: 768px) {
  .modal__news_image.-gallery {
    margin-block-start: 4rem;
  }
}
@media (max-width: 767px) {
  .modal__news_image.-gallery {
    margin-block-start: 3.2rem;
  }
}

[lang=ja] .modal__event__inner {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .modal__event__inner {
    padding: 8rem 8.8rem;
  }
}
@media (max-width: 767px) {
  .modal__event__inner {
    padding: 4rem;
  }
}

.modal__event__title {
  opacity: 0.8;
  letter-spacing: 0.04rem;
  color: var(--color-gray);
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 130%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}

.modal__event__text {
  display: block;
  letter-spacing: 0.04rem;
  color: var(--color-gray);
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .modal__event__text {
    margin-block-start: 3rem;
  }
}
@media (max-width: 767px) {
  .modal__event__text {
    margin-block-start: 2.4rem;
  }
}

.modal__event__link {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.04rem;
  color: var(--color-gray);
  font-size: 1.8rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
@media (min-width: 768px) {
  .modal__event__link {
    padding-right: 4rem;
    padding-bottom: 0.8rem;

    margin-block-start: 4.5rem;
  }
}
@media (max-width: 767px) {
  .modal__event__link {
    padding-right: 3.3rem;
    padding-bottom: 0.6rem;

    margin-block-start: 3rem;
  }
}
.modal__event__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform-origin: right;
  background-color: var(--color-gray);
}
.modal__event__link span::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 42%;
  right: 0;
  width: 120%;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scaleY(0) translateY(-50%);
  transform-origin: left;
  background: linear-gradient(135deg, var(--color-bright-gray) 80%, transparent 100%);
}
.modal__event__link span::after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  margin: auto;
  width: 2.6rem;
  height: 1.1rem;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: translateY(-50%);
  background-image: url(/thegiftoftime/assets/images/news_icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (hover: hover) and (pointer: fine) {
  .modal__event__link:hover::before {
    transform: scaleX(0);
  }
  .modal__event__link:hover span::before {
    opacity: 0.5;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleY(1) translateY(-50%);
  }
  .modal__event__link:hover span::after {
    animation: alternate 0.3s arrow-event cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal__event__link:hover::before {
    transform: scaleX(0);
  }
  .modal__event__link:hover span::before {
    opacity: 0.5;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleY(1) translateY(-50%);
  }
  .modal__event__link:hover span::after {
    animation: alternate 0.3s arrow-event cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}

@media (min-width: 768px) {
  .modal__event__image {
    margin-block-start: 7rem;
  }
}
@media (max-width: 767px) {
  .modal__event__image {
    margin-block-start: 6rem;
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  figures modal（NYC）
------------------------ */
@media (min-width: 768px) {
  .modal__contents.-figure {
    padding: 8rem 8.8rem;
  }
}
@media (max-width: 767px) {
  .modal__contents.-figure {
    padding: 4rem;
  }
}

.modal__figure__title {
  opacity: 0.8;
  color: var(--color-gray);
  font-weight: normal;
}
[lang=ja] .modal__figure__title {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .modal__figure__title {
    letter-spacing: 0.04rem;
    font-size: 2.6rem;
    line-height: 1.6;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .modal__figure__title {
    letter-spacing: 0.04rem;
    font-size: 2.4rem;
    line-height: 1.6;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}

.modal__figure__text {
  letter-spacing: 0.04rem;
  letter-spacing: 0.02em;
  color: var(--color-gray);
  font-size: 1.6rem;
  line-height: 170%;

  margin-block-start: calc(0rem + var(--leading-trim));
  margin-block-end: calc(0rem + var(--leading-trim));
}
[lang=ja] .modal__figure__text {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .modal__figure__text {
    margin-block-start: 2.3rem;
  }
}
@media (max-width: 767px) {
  .modal__figure__text {
    margin-block-start: 2rem;
  }
}

.modal__figure__lead {
  opacity: 0.8;
  color: var(--color-gray);
}
[lang=ja] .modal__figure__lead {
  font-family: "Noto Serif JP", yumincho, "Yu Mincho", "MS PMincho", "MS Ｐ明朝", serif;
  font-weight: 400;
}
@media (min-width: 768px) {
  .modal__figure__lead {
    letter-spacing: 0.02em;
    font-size: 2rem;
    line-height: 1.4;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block-start: 2.6rem;
  }
}
@media (max-width: 767px) {
  .modal__figure__lead {
    letter-spacing: 0.02em;
    font-size: 1.8rem;
    line-height: 1.4;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
    margin-block-start: 2.4rem;
  }
}
@media (min-width: 768px) {
  .modal__figure__lead + .modal__figure__text {
    margin-block-start: 2rem;
  }
}

/* SPのみテキスト下に画像を表示（NYCのfigureモーダル共通） */
@media (min-width: 768px) {
  .modal__contents.-figure .modal__figure__image {
    display: none;
  }
}
@media (max-width: 767px) {
  .modal__contents.-figure .modal__figure__image {
    display: block;
    width: 70.8333333333vw;

    margin-block-start: 3.5rem;
    margin-inline: calc((100% - 70.8333333333vw) / 2);
  }
}
.modal__contents.-figure .modal__figure__image img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .modal__contents.-history .modal__figure__title {
    letter-spacing: 0.04rem;
    font-size: 2.6rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}
@media (max-width: 767px) {
  .modal__contents.-history .modal__figure__title {
    letter-spacing: 0.04rem;
    font-size: 2rem;
    line-height: 1.3;

    margin-block-start: calc(0rem + var(--leading-trim));
    margin-block-end: calc(0rem + var(--leading-trim));
  }
}

@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(30%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-more {
  0% {
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(20%);
  }
  51% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrow-event {
  0% {
    transform: translateX(0) translateY(-50%);
  }
  49% {
    opacity: 0;
    transform: translateX(30%) translateY(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-30%) translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(-50%);
  }
}
/* ------------------------
  gallery
------------------------ */
.gallery {
  position: relative;
}
@media (min-width: 992px) {
  .gallery .gallery__slider__item {
    width: clamp(41.25 * var(--base-size), 66.66667vw, 60 * var(--base-size));
    height: clamp(23.1875 * var(--base-size), 37.5vw, 33.75 * var(--base-size));
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery .gallery__slider__item {
    width: 69.1532258065vw;
  }
}
.gallery .gallery__slider__item::after {
  content: "";
  opacity: 0;
  position: absolute;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-white);
  pointer-events: none;

  inset: 0;
}
.gallery .gallery__slider__item:not(.swiper-slide-active)::after {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .gallery .gallery__slider__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-inline: 2rem;
    margin-block-start: 2rem;
  }
}
.gallery .gallery__slider__pagination {
  display: flex;
  justify-content: center;
  position: static;
}
@media (min-width: 768px) {
  .gallery .gallery__slider__pagination {
    margin-block: 3.3rem 1.2rem;
  }
}
@media (max-width: 767px) {
  .gallery .gallery__slider__pagination {
    order: 2;
  }
}
.gallery .gallery__slider__pagination .gallery__bullet {
  opacity: 1 !important;
  position: relative;
  margin: 0 !important;
  height: 3rem;
  background-color: transparent;
}
@media (min-width: 768px) {
  .gallery .gallery__slider__pagination .gallery__bullet {
    width: 3rem;
  }
}
@media (max-width: 767px) {
  .gallery .gallery__slider__pagination .gallery__bullet {
    width: 1.8rem;
  }
}
.gallery .gallery__slider__pagination .gallery__bullet.swiper-pagination-bullet-active .gallery__bullet__dot::before {
  opacity: 1;
}
.gallery .gallery__slider__pagination .gallery__bullet.swiper-pagination-bullet-active .gallery__bullet__dot::after {
  opacity: 0.5;

  scale: 1;
}
.gallery .gallery__slider__pagination .gallery__bullet__dot {
  display: block;
  position: absolute;
  margin: auto;
  width: 1.6rem;
  height: 1.6rem;

  inset: 0;
}
.gallery .gallery__slider__pagination .gallery__bullet__dot::before {
  content: "";
  opacity: 0.2;
  position: absolute;
  border-radius: 50%;
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-gray);

  inset: 0.5rem;
}
.gallery .gallery__slider__pagination .gallery__bullet__dot::after {
  content: "";
  opacity: 0;
  position: absolute;
  border: 0.1rem solid var(--color-gray);
  border-radius: 50%;
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);

  inset: 0;
  scale: 0;
}
.gallery .gallery__slider__arrow {
  z-index: 1;
  cursor: pointer;
  transition: scale 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);

  margin-block: auto;
}
@media (min-width: 768px) {
  .gallery .gallery__slider__arrow {
    position: absolute;
  }
}
@media (min-width: 992px) {
  .gallery .gallery__slider__arrow {
    width: clamp(3.75 * var(--base-size), 6.11112vw, 5.5 * var(--base-size));
    height: clamp(3.75 * var(--base-size), 6.11112vw, 5.5 * var(--base-size));

    inset: 2.6rem auto 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gallery .gallery__slider__arrow {
    width: 6rem;
    height: 6rem;

    inset: 2.6rem auto 0;
  }
}
@media (max-width: 767px) {
  .gallery .gallery__slider__arrow {
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
  }
}
.gallery .gallery__slider__arrow.-prev {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .gallery .gallery__slider__arrow.-prev {
    left: 3rem;
  }
}
@media (max-width: 767px) {
  .gallery .gallery__slider__arrow.-prev {
    order: 1;
  }
}
@media (min-width: 768px) {
  .gallery .gallery__slider__arrow.-next {
    right: 3rem;
  }
}
@media (max-width: 767px) {
  .gallery .gallery__slider__arrow.-next {
    order: 3;
  }
}
@media (hover: hover) and (pointer: fine) {
  .gallery .gallery__slider__arrow:hover {
    transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

    scale: 1.1;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .gallery .gallery__slider__arrow:hover {
    transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

    scale: 1.1;
  }
}