@charset "UTF-8";
/* gallery */
.heading-l3 {
  margin-bottom: 2rem;
  text-align: center;
  font-size: var(--heading-md);
  font-weight: bold;
}

.page-inner-nav .nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 2rem 5rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .page-inner-nav .nav-list {
    gap: 2rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-inner-nav .nav-list li {
    max-width: calc((100% - 3.4rem) / 3);
  }
}
.page-inner-nav a {
  display: block;
  color: inherit;
}
.page-inner-nav a::after {
  content: "";
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0.5rem auto 0;
  background: no-repeat center center/contain;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 17.875C12.7923 17.875 12.5843 17.7956 12.4256 17.6369L4.30061 9.51193C3.98313 9.19444 3.98313 8.68033 4.30061 8.36305C4.6181 8.04577 5.13221 8.04557 5.44949 8.36305L13 15.9136L20.5506 8.36305C20.8681 8.04557 21.3822 8.04557 21.6995 8.36305C22.0168 8.68054 22.017 9.19465 21.6995 9.51193L13.5745 17.6369C13.4158 17.7956 13.2078 17.875 13 17.875Z' fill='black'/%3E%3C/svg%3E");
  transition: transform 0.3s ease;
}
.page-inner-nav a:hover {
  color: var(--color-red);
}
.page-inner-nav a:hover::after {
  transform: translateY(0.2rem);
}

.graphic-movie-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .graphic-movie-list {
    row-gap: 3rem;
  }
}
.graphic-movie-list li {
  width: calc(50% - 2rem);
}
@media screen and (max-width: 767px) {
  .graphic-movie-list li {
    width: 100%;
  }
}

a.zoom {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
a.zoom:hover {
  opacity: 0.7;
}
a.zoom::before {
  position: absolute;
  right: 16px;
  bottom: 16px;
  content: "拡大する";
  background: url("../images/icn_search.svg") rgba(0, 0, 0, 0.4) no-repeat left 12px center;
  color: #fff;
  padding: 6px 16px 6px 38px;
  font-size: min(3.5vw, 1.4rem);
  border-radius: 200px;
}

.pickup-movie-list {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .pickup-movie-list {
    flex-direction: column;
  }
}
.pickup-movie-list li {
  flex: 0 0 auto;
  width: 31.65%;
}
@media screen and (max-width: 767px) {
  .pickup-movie-list li {
    width: 100%;
  }
}
.pickup-movie-list li.-interview {
  flex-grow: 1;
}
.pickup-movie-list li.-interview .main-ttl {
  text-align: left;
}
.pickup-movie-list li.-interview .main-ttl::after {
  content: "";
  display: block;
  width: 4rem;
  border-bottom: 2px solid var(--color-red);
  margin: 1rem 0 0;
}
.pickup-movie-list .video-ttl {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.pickup-movie-list .content {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .pickup-movie-list .content {
    margin-top: 2rem;
  }
}
.pickup-movie-list .en-ttl {
  margin-bottom: 0.5rem;
  color: var(--color-gray);
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 0.08em;
}
.pickup-movie-list .main-ttl {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .pickup-movie-list .main-ttl {
    text-align: left;
  }
}
.pickup-movie-list blockquote {
  margin-top: 1.8rem;
  padding-left: 1.3rem;
  border-left: 3px solid var(--color-red);
  line-height: 1.75;
  font-weight: bold;
}
.pickup-movie-list .link {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .pickup-movie-list .link {
    margin-top: 1rem;
  }
}

.cm-movie-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cm-movie-list {
    row-gap: 4rem;
  }
}
.cm-movie-list li {
  width: calc((100% - 6rem) / 3);
}
@media screen and (max-width: 767px) {
  .cm-movie-list li {
    width: 100%;
  }
}
.cm-movie-list img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.cm-movie-list .txt {
  font-size: 1.4rem;
}

.promotion-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 3rem;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .promotion-list {
    margin-top: 4rem;
  }
}
.promotion-list .item {
  width: calc((100% - 6rem) / 3);
  padding: 2.4rem;
  border: 1px solid var(--color-base);
  background-color: #fff;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: border 0.3s ease;
}
@media screen and (max-width: 950px) {
  .promotion-list .item {
    width: calc(50% - 1.5rem);
  }
}
@media screen and (max-width: 767px) {
  .promotion-list .item {
    width: 100%;
    padding-inline: 2rem;
  }
}
@media (hover: hover) {
  .promotion-list .item:hover {
    border-color: var(--color-red);
  }
  .promotion-list .item:hover > .label {
    background-color: var(--color-red);
    border-color: var(--color-red);
  }
  .promotion-list .item:hover .faq-toggle {
    color: var(--color-red);
  }
}
.promotion-list .item.-js-active .faq-toggle .icon {
  transform: rotate(180deg);
}
.promotion-list .label {
  width: fit-content;
  min-width: 5.6rem;
  margin-bottom: 1.8rem;
  padding: 5px;
  text-align: center;
  background-color: var(--color-base);
  border: 1px solid var(--color-base);
  color: #fff;
  border-radius: 1.4rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.25;
  transition: background 0.3s ease, border 0.3s ease;
}
@media screen and (max-width: 767px) {
  .promotion-list .label {
    min-width: 4.6rem;
  }
}
.promotion-list .img {
  margin-bottom: 1.6rem;
}
.promotion-list .img img {
  display: block;
  width: 100%;
}
.promotion-list .question {
  min-height: 6.6rem;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .promotion-list .question {
    min-height: initial;
  }
}
.promotion-list .faq-toggle {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0.5rem 0 0;
  font-size: 1rem;
  cursor: pointer;
  transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .promotion-list .faq-toggle {
    margin-top: 1rem;
  }
}
.promotion-list .faq-toggle .icon {
  display: block;
  width: 1.1rem;
  height: 0.6rem;
  margin: 0 auto 1rem;
  background: no-repeat center center/contain;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50003 6.00003C5.37216 6.00003 5.24416 5.95116 5.14653 5.85353L0.146531 0.853531C-0.0488437 0.658156 -0.0488437 0.341781 0.146531 0.146531C0.341906 -0.0487188 0.658281 -0.0488437 0.853531 0.146531L5.50003 4.79303L10.1465 0.146531C10.3419 -0.0488437 10.6583 -0.0488437 10.8535 0.146531C11.0488 0.341906 11.0489 0.658281 10.8535 0.853531L5.85353 5.85353C5.75591 5.95116 5.62791 6.00003 5.50003 6.00003Z' fill='black'/%3E%3C/svg%3E");
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .promotion-list .faq-toggle .icon {
    margin-bottom: 0.2rem;
  }
}
.promotion-list .answer {
  display: none;
}
.promotion-list .answer .label {
  margin-top: 1.5rem;
  background-color: #fff;
  color: var(--color-base);
}
.promotion-list .answer .txt {
  font-size: 1.2rem;
}

.section-archive .graphic-list {
  margin-top: 0;
}

.archive-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .archive-list {
    gap: 3rem 1rem;
  }
}
.archive-list li {
  width: calc((100% - 8rem) / 5);
  min-width: 16rem;
}
@media screen and (max-width: 767px) {
  .archive-list li {
    width: calc(50% - 1rem);
    min-width: initial;
  }
}
.archive-list a {
  display: block;
  transition: opacity 0.3s ease;
}
.archive-list a:hover {
  opacity: 0.7;
}
.archive-list a img {
  display: block;
  border-radius: 1rem;
}