@charset "UTF-8";
/* //////////////////////////////////////////////////

メインコンテンツ設定

////////////////////////////////////////////////// */
#contents {
  opacity: 0;
  padding: 8.5rem 0 4.4rem;
}

.red {
  color: #E4022D;
}

.l-main-body .l-body-title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0 1rem;
  margin-bottom: 1.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: 1.4rem;
  color: #E4022D;
}
.l-main-body .l-body-title::after {
  content: "";
  border-top: 1px solid #E4022D;
}

.l-body-note {
  font-size: 1.8rem;
}

.full-image .l-main-image {
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
}
.full-image .l-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full-image #contents {
  opacity: 0;
  padding: 0;
}
.full-image .full-image-wrapper {
  position: absolute;
  z-index: 1;
  top: 8.5rem;
  left: 0;
  width: 100%;
}
.full-image .full-image-wrapper .full-image-note {
  width: 34.8rem;
  margin-top: 14rem;
  padding: 6.8rem 3.2rem;
  color: #fff;
  font-size: 1.8rem;
  color: #fff;
  background: rgba(12, 28, 72, 0.8);
}
.full-image .full-image-wrapper .full-image-title {
  font-weight: 700;
  font-size: 1.4rem;
  color: #E4022D;
}

.l-toggle-wrap .toggle {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 4.5rem;
  aspect-ratio: 1/1;
}
.l-toggle-wrap .toggle .toggle-note {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  padding: 3rem 4rem;
  color: #fff;
  font-size: 1.8rem;
  color: #fff;
  background: rgba(12, 28, 72, 0.8);
  transition: all 0.3s;
}
.l-toggle-wrap .toggle .toggle-note .toggle-note-close {
  cursor: pointer;
  position: absolute;
  width: 1.5rem;
  aspect-ratio: 1/1;
  top: 1rem;
  right: 1rem;
}
.l-toggle-wrap .toggle .toggle-note .toggle-note-close::before, .l-toggle-wrap .toggle .toggle-note .toggle-note-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
}
.l-toggle-wrap .toggle .toggle-note .toggle-note-close::before {
  border-top: 1px solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-toggle-wrap .toggle .toggle-note .toggle-note-close::after {
  border-top: 1px solid #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-toggle-wrap .toggle .toggle-note .toggle-note-title {
  font-weight: 700;
  letter-spacing: 0.03em;
  font-size: 1.4rem;
  color: #E4022D;
}
.l-toggle-wrap .toggle.is-active {
  z-index: 2;
}
.l-toggle-wrap .toggle.is-active .toggle-note {
  opacity: 1;
  visibility: visible;
}

.l-movie-tggle {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  bottom: 8.4rem;
  right: calc((100vw - 90rem) / 2);
  width: 34.5rem;
  border: 2px solid #fff;
}
.l-movie-tggle .toggle::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/image/category_02/toggle-movie-filter.png") center/cover no-repeat;
}

.l-column-wrap {
  display: grid;
  grid-template-columns: 33rem 1fr;
  gap: 0 4.8rem;
  align-items: start;
}

.interview #contents {
  padding-top: 12rem;
}
.interview .l-column-wrap {
  grid-template-columns: 40rem 1fr;
  gap: 0 6rem;
}
.interview .c-accordion {
  border-bottom: 1px solid #0A0A0A;
}
.interview .c-accordion .is-active .c-accordion-tgl {
  color: #E4022D;
  border-bottom: 1px solid #0A0A0A;
}
.interview .c-accordion .is-active .c-accordion-tgl .icon {
  background: #fff;
}
.interview .c-accordion .is-active .c-accordion-tgl .icon::before {
  border-top: 1px solid #E4022D;
}
.interview .c-accordion .is-active .c-accordion-tgl .icon::after {
  display: none;
}
.interview .c-accordion .is-active .c-accordion-body {
  height: auto;
}
.interview .c-accordion .c-accordion-tgl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8em 1rem;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: 700;
  border-top: 1px solid #0A0A0A;
}
.interview .c-accordion .c-accordion-tgl .icon {
  position: relative;
  z-index: 1;
  width: 1.5em;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #E4022D;
}
.interview .c-accordion .c-accordion-tgl .icon::before, .interview .c-accordion .c-accordion-tgl .icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36%;
  border-top: 1px solid #fff;
}
.interview .c-accordion .c-accordion-tgl .icon::before {
  transform: translate(-50%, -50%);
}
.interview .c-accordion .c-accordion-tgl .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.interview .c-accordion .c-accordion-body {
  overflow: hidden;
  height: 0;
  font-size: 1.6rem;
}
.interview .c-accordion .c-accordion-body .note {
  padding: 1.6em 1rem;
}
.interview .l-interview-title {
  padding: 0.8em 1rem;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: 700;
  border-top: 1px solid #0A0A0A;
  border-bottom: 1px solid #0A0A0A;
}
.interview .l-interview-body .l-interview-subtitle {
  display: flex;
  align-items: center;
  gap: 0 0.4em;
  padding: 1.6em 1rem 0.8em;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: 700;
}
.interview .l-interview-body .l-interview-subtitle::before {
  content: "";
  width: 0.6em;
  aspect-ratio: 1;
  border-radius: 100%;
  background: #E4022D;
}
.interview .l-interview-body .l-interview-note {
  padding-left: 1rem;
  font-size: 1.6rem;
}

.l-movie-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  width: 100dvw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.8);
}
.l-movie-container .movie-close {
  position: absolute;
  z-index: 1;
  top: 5rem;
  right: 5rem;
  width: 3.6rem;
  aspect-ratio: 1;
}
.l-movie-container .movie-close::before, .l-movie-container .movie-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  border-top: 1px solid #fff;
}
.l-movie-container .movie-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-movie-container .movie-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-movie-container .l-movie-wrap {
  width: min(980px, 92%);
}
.l-movie-container .l-movie-wrap video {
  width: 100%;
}

.category_02.p1 .l-toggle-wrap .toggle {
  top: 31.4rem;
  left: 53.2rem;
}
.category_02.p1 .l-toggle-wrap .toggle .toggle-note {
  bottom: 0;
  left: 0;
  width: 42rem;
}
.category_02.p4 .l-toggle-wrap .toggle {
  top: 30.8rem;
  left: 44.5rem;
}
.category_02.p4 .l-toggle-wrap .toggle .toggle-note {
  top: 0;
  left: 0;
  width: 52rem;
}
.category_02.p7 .l-toggle-wrap .toggle {
  top: 23.4rem;
  left: 51.4rem;
}
.category_02.p7 .l-toggle-wrap .toggle .toggle-note {
  top: 0;
  left: -7rem;
  width: 52rem;
}
.category_02.p10 .l-toggle-wrap .toggle {
  top: 46.8rem;
  left: 79.2rem;
}
.category_02.p10 .l-toggle-wrap .toggle .toggle-note {
  top: 0;
  right: -14rem;
  width: 52rem;
}
.category_02.p10 .l-movie-tggle {
  top: 44.2rem;
  left: calc((100vw - 90rem) / 2);
  right: auto;
  bottom: auto;
}
.category_02.p13 .l-toggle-wrap .toggle {
  top: 27.5rem;
  left: 57.2rem;
}
.category_02.p13 .l-toggle-wrap .toggle .toggle-note {
  top: 0;
  left: -10rem;
  width: 52rem;
}
.category_02.p15 .l-toggle-wrap .toggle {
  top: 36rem;
  left: 52.4rem;
}
.category_02.p15 .l-toggle-wrap .toggle .toggle-note {
  bottom: 0;
  left: 0;
  width: 42rem;
}

.category_03 .l-toggle-wrap .toggle {
  aspect-ratio: auto;
  width: 15.5rem;
}
.category_03.p1 .l-toggle-wrap .t01 {
  top: 25.3rem;
  left: 9.8rem;
}
.category_03.p1 .l-toggle-wrap .t01 .toggle-note {
  top: -2rem;
  left: -2rem;
  width: 42rem;
}
.category_03.p1 .l-toggle-wrap .t02 {
  top: 14.2rem;
  left: 56rem;
}
.category_03.p1 .l-toggle-wrap .t02 .toggle-note {
  top: -2rem;
  left: -2rem;
  width: 42rem;
}
.category_03.p1 .l-toggle-wrap .t03 {
  top: 42.6rem;
  left: 60rem;
}
.category_03.p1 .l-toggle-wrap .t03 .toggle-note {
  top: -2rem;
  left: -2rem;
  width: 42rem;
}
.category_03.p2 .l-toggle-wrap .t01 {
  top: 25.3rem;
  left: 21.5rem;
}
.category_03.p2 .l-toggle-wrap .t01 .toggle-note {
  top: -2rem;
  left: -2rem;
  width: 42rem;
}
.category_03.p2 .l-toggle-wrap .t02 {
  top: 14.2rem;
  left: 67.7rem;
}
.category_03.p2 .l-toggle-wrap .t02 .toggle-note {
  top: -2rem;
  left: -12rem;
  width: 42rem;
}
.category_03.p2 .l-toggle-wrap .t03 {
  top: 42.6rem;
  left: 71.8rem;
}
.category_03.p2 .l-toggle-wrap .t03 .toggle-note {
  top: -2rem;
  right: -2rem;
  width: 42rem;
}
.category_03.p3 .l-toggle-wrap .t01 {
  top: 35rem;
  left: 14.3rem;
}
.category_03.p3 .l-toggle-wrap .t01 .toggle-note {
  top: -2rem;
  left: -2rem;
  width: 42rem;
}
.category_03.p3 .l-toggle-wrap .t02 {
  top: 22.8rem;
  left: 62.2rem;
}
.category_03.p3 .l-toggle-wrap .t02 .toggle-note {
  top: -2rem;
  left: -12rem;
  width: 42rem;
}
.category_03.p3 .l-toggle-wrap .t03 {
  top: 45.4rem;
  right: 20.4rem;
}
.category_03.p3 .l-toggle-wrap .t03 .toggle-note {
  top: -18rem;
  left: 0;
  width: 42rem;
  transform: translateX(-24%);
}
.category_03.p4 .l-toggle-wrap .t01 {
  top: 39.2rem;
  left: 18rem;
}
.category_03.p4 .l-toggle-wrap .t01 .toggle-note {
  bottom: 0;
  left: 0;
  width: 42rem;
}
.category_03.p4 .l-toggle-wrap .t02 {
  top: 23.6rem;
  left: 56.7rem;
}
.category_03.p4 .l-toggle-wrap .t02 .toggle-note {
  top: -2rem;
  left: -12rem;
  width: 42rem;
}
.category_03.p4 .l-toggle-wrap .t03 {
  top: 45.6rem;
  left: 72.2rem;
}
.category_03.p4 .l-toggle-wrap .t03 .toggle-note {
  top: -2rem;
  right: -2rem;
  width: 42rem;
}

.category_04.p1.full-image .full-image-note {
  margin-top: 46rem;
  width: 100%;
  padding: 3rem 4rem;
}
.category_04.p1 .l-toggle-wrap .t01 {
  top: 30.8rem;
  left: 23.4rem;
}
.category_04.p1 .l-toggle-wrap .t01 .toggle-note {
  top: -2rem;
  left: -2rem;
  width: 42rem;
}
.category_04.p1 .l-toggle-wrap .t02 {
  top: 14.6rem;
  left: 53rem;
}
.category_04.p1 .l-toggle-wrap .t02 .toggle-note {
  top: -2rem;
  left: -12rem;
  width: 42rem;
}
.category_04.p1 .l-toggle-wrap .t03 {
  top: 34.5rem;
  left: 70.6rem;
}
.category_04.p1 .l-toggle-wrap .t03 .toggle-note {
  top: -2rem;
  right: -2rem;
  width: 42rem;
}
.category_04.p14.full-image .full-image-note {
  margin-top: 43.2rem;
  width: 100%;
  padding: 3rem 4rem;
}

.category_05.p1.full-image .full-image-note {
  width: 40rem;
  margin: 12.4rem 0 auto auto;
  padding: 3rem 4rem;
}

.category_06.p1.full-image .full-image-note {
  margin: 35.6rem 0 auto auto;
  padding: 3rem 4rem;
}
.category_06.p5.full-image .full-image-note {
  width: 100%;
  margin-top: 45.6rem;
  padding: 3rem 4rem;
}
.category_06.p6.full-image .full-image-note {
  width: 100%;
  margin-top: 48.8rem;
  padding: 3rem 4rem;
}
.category_06.p6 .l-movie-tggle {
  top: 25rem;
}
.category_06.p8.full-image .full-image-note {
  width: 100%;
  margin-top: 46rem;
  padding: 3rem 4rem;
}
.category_06.p9.full-image .full-image-note {
  margin: 14rem 0 auto auto;
}
/*# sourceMappingURL=style.css.map */