@charset "UTF-8";
@font-face {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/NotoSerifJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/NotoSerifJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/NotoSerifJP-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Noto Serif JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/NotoSerifJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/NotoSansJP-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/NotoSansJP-Bold.woff") format("woff");
}
html main {
  transition: opacity 0.8s;
  transition-delay: 0.8s;
  overflow: hidden;
}
html[page-id=cinematograph] {
  overflow: hidden;
}
html[page-id=cinematograph] main {
  padding: 0;
}
html:not([page-id=cinematograph]):not([loaded]) main {
  opacity: 0;
}
html.modal-open {
  overflow: hidden;
  height: 100%;
}

.fv {
  height: 100vh;
  overflow: hidden;
}
.fv__wrap {
  display: flex;
  height: 100vh;
  padding: 11.1420612813vh 0 0;
  text-align: center;
  position: relative;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .fv__wrap {
    padding: 11.2293144208vh 0 0;
  }
}
.fv__wrap::before {
  content: "";
  width: 100%;
  height: 33%;
  background: #B41432;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .fv__wrap::before {
    height: 50%;
  }
}
.fv__wrap::after {
  content: "";
  width: 100%;
  height: 67%;
  background: #7A6B40;
  position: absolute;
  top: 33%;
  left: 0;
  z-index: -2;
}
@media screen and (min-width: 769px) {
  .fv__wrap::after {
    height: 50%;
    top: 50%;
  }
}
.fv__caption {
  display: flex;
  margin: 0 auto 6.6852367688vh;
  color: #fff;
  flex-direction: column-reverse;
}
@media screen and (min-width: 769px) {
  .fv__caption {
    margin: 0 auto auto;
  }
}
.fv__caption--jp {
  font-size: 2.5069637883vh;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .fv__caption--jp {
    font-size: 5.0139275766vh;
  }
}
.fv__caption--en {
  margin-bottom: 3.4818941504vh;
  font-size: 3.8997214485vh;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .fv__caption--en {
    margin-bottom: 2.9550827423vh;
    font-size: 7.5650118203vh;
  }
}
.fv__logo {
  height: 11.4206128134vh;
  margin-bottom: auto;
}
@media screen and (min-width: 769px) {
  .fv__logo {
    height: 26.1229314421vh;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.fv__images {
  display: flex;
  position: relative;
}
.fv__images__photo {
  width: auto;
  height: 57.3816155989vh;
  margin: 0 6.4066852368vh 0 0;
}
@media screen and (min-width: 769px) {
  .fv__images__photo {
    height: 67.4940898345vh;
    margin: 0 7.3286052009vh 0 0;
  }
}
.fv__images__photo__img {
  object-position: right;
}
.fv__images__name--jp {
  width: auto;
  height: 33.426183844vh;
  margin: 3.6211699164vh 10.1781170483vw 0 0;
}
@media screen and (min-width: 769px) {
  .fv__images__name--jp {
    height: 39.4799054374vh;
    margin: 4.4917257683vh 0 0;
  }
}
.fv__images__name--jp__img {
  object-position: left;
}
.fv__images__name--en {
  width: auto;
  height: 16.713091922vh;
  position: absolute;
  right: 10.1781170483vw;
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .fv__images__name--en {
    height: 19.621749409vh;
    right: 0;
  }
}
.fv__images__name--en__img {
  object-position: right bottom;
}
.fv__bg {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about {
  padding-bottom: max(10.1781170483vw, 40px);
  background-color: #EDE9DB;
}
@media screen and (min-width: 769px) {
  .about {
    padding-bottom: min(3.0555555556vw, 44px);
  }
}
.about__text {
  margin: 0 max(5.0890585242vw, 20px) max(10.1781170483vw, 40px) max(5.0890585242vw, 20px);
}
@media screen and (max-width: 768px) {
  html:not([lang=en]) .about__text {
    text-align: justify;
  }
  html[lang=en] .about__text {
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .about__text {
    margin: 0 auto min(2.7777777778vw, 40px);
    font-size: min(1.25vw, 18px);
    text-align: center;
  }
}
.about .exhibit {
  display: flex;
  margin-top: max(10.1781170483vw, 40px);
  flex-wrap: wrap;
  position: relative;
}
@media screen and (min-width: 769px) {
  .about .exhibit {
    margin-top: min(4.1666666667vw, 60px);
  }
}
.about .exhibit .exhibit__item {
  flex-direction: column;
}
.about .exhibit .exhibit__item--n1 {
  position: absolute;
  top: max(-2.5445292621vw, -10px);
  left: 0;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n1 {
    top: 0;
    left: min(11.9444444444vw, 172px);
  }
}
.about .exhibit .exhibit__item--n1 .exhibit__picture {
  width: max(27.4809160305vw, 108px);
  height: max(24.427480916vw, 96px);
  margin: 0 0 0 max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n1 .exhibit__picture {
    width: min(12.7777777778vw, 184px);
    height: min(11.3888888889vw, 164px);
    margin: 0;
  }
}
.about .exhibit .exhibit__item--n1 .exhibit__picture .exhibit__img {
  filter: drop-shadow(-2.5445292621vw 3.0534351145vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n1 .exhibit__picture .exhibit__img {
    filter: drop-shadow(-1.1805555556vw 1.3888888889vw 0 #9E9E9E);
  }
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n1 .exhibit__caption {
    top: -10%;
    right: 100%;
  }
}
.about .exhibit .exhibit__item--n2 {
  position: absolute;
  top: max(-5.0890585242vw, -20px);
  right: 0;
  align-items: flex-end;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n2 {
    top: min(-1.25vw, -18px);
    right: min(14.0277777778vw, 202px);
  }
}
.about .exhibit .exhibit__item--n2 .exhibit__picture {
  width: max(20.3562340967vw, 80px);
  height: max(26.9720101781vw, 106px);
  margin: 0 auto 0 max(-2.0356234097vw, -8px);
}
@media screen and (max-width: 768px) {
  html[lang=en] .about .exhibit .exhibit__item--n2 .exhibit__picture {
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n2 .exhibit__picture {
    width: min(9.7222222222vw, 140px);
    height: min(14.3055555556vw, 206px);
    margin: 0;
  }
}
.about .exhibit .exhibit__item--n2 .exhibit__picture .exhibit__img {
  filter: drop-shadow(-2.5445292621vw 3.0534351145vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n2 .exhibit__picture .exhibit__img {
    filter: drop-shadow(-1.3888888889vw 1.6666666667vw 0 #9E9E9E);
  }
}
.about .exhibit .exhibit__item--n2 .exhibit__caption {
  margin-top: max(-2.0356234097vw, -8px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n2 .exhibit__caption {
    margin: 0;
    top: -15%;
    left: 110%;
  }
  .about .exhibit .exhibit__item--n2 .exhibit__caption::before {
    right: 0;
    left: auto;
  }
  .about .exhibit .exhibit__item--n2 .exhibit__caption::after {
    right: calc(90% - min(0.0694444444vw, 1px));
    left: auto;
    transform: rotateZ(90deg);
  }
}
.about .exhibit .exhibit__item--n3 {
  width: 100%;
  align-items: center;
  margin-bottom: max(21.8829516539vw, 86px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n3 {
    margin-bottom: min(4.4444444444vw, 64px);
    flex-direction: column-reverse;
  }
}
.about .exhibit .exhibit__item--n3 .exhibit__picture {
  width: max(45.8015267176vw, 180px);
  height: max(62.0865139949vw, 244px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n3 .exhibit__picture {
    width: min(23.6111111111vw, 340px);
    height: min(31.9444444444vw, 460px);
  }
}
.about .exhibit .exhibit__item--n3 .exhibit__picture .exhibit__img {
  filter: drop-shadow(4.3256997455vw 2.7989821883vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n3 .exhibit__picture .exhibit__img {
    filter: drop-shadow(2.2222222222vw 1.3888888889vw 0 #9E9E9E);
  }
}
.about .exhibit .exhibit__item--n3 .exhibit__caption {
  margin: max(-10.1781170483vw, -40px) auto 0;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n3 .exhibit__caption {
    margin: 0 auto min(2.2222222222vw, 32px);
    position: relative;
  }
  .about .exhibit .exhibit__item--n3 .exhibit__caption::before {
    width: 100%;
  }
  .about .exhibit .exhibit__item--n3 .exhibit__caption::after {
    left: 0;
  }
}
.about .exhibit .exhibit__item--n4 {
  position: absolute;
  top: max(28.4987277354vw, 112px);
  left: 0;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n4 {
    top: min(5.5555555556vw, 80px);
    left: min(20.2777777778vw, 292px);
  }
}
.about .exhibit .exhibit__item--n4 .exhibit__picture {
  width: max(25.9541984733vw, 102px);
  height: max(60.0508905852vw, 236px);
  margin-left: max(4.0712468193vw, 16px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n4 .exhibit__picture {
    width: min(12.5vw, 180px);
    height: min(29.3055555556vw, 422px);
    margin: 0;
  }
}
.about .exhibit .exhibit__item--n4 .exhibit__picture .exhibit__img {
  filter: drop-shadow(-2.5445292621vw 3.0534351145vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n4 .exhibit__picture .exhibit__img {
    filter: drop-shadow(-1.25vw 1.5277777778vw 0 #9E9E9E);
  }
}
.about .exhibit .exhibit__item--n4 .exhibit__caption {
  margin: max(-14.7582697201vw, -58px) auto 0 0;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n4 .exhibit__caption {
    right: 80%;
  }
}
.about .exhibit .exhibit__item--n5 {
  position: absolute;
  top: max(47.8371501272vw, 188px);
  right: 0;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  html[lang=en] .about .exhibit .exhibit__item--n5 {
    top: max(70.737913486vw, 278px);
  }
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n5 {
    top: min(15.9722222222vw, 230px);
    right: min(14.5833333333vw, 210px);
  }
}
.about .exhibit .exhibit__item--n5 .exhibit__picture {
  width: max(20.8651399491vw, 82px);
  height: max(31.5521628499vw, 124px);
  margin: 0 max(2.0356234097vw, 8px) 0 auto;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n5 .exhibit__picture {
    width: min(8.75vw, 126px);
    height: min(14.1666666667vw, 204px);
    margin: 0;
  }
}
.about .exhibit .exhibit__item--n5 .exhibit__picture .exhibit__img {
  filter: drop-shadow(1.5267175573vw 1.7811704835vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n5 .exhibit__picture .exhibit__img {
    filter: drop-shadow(0.6944444444vw 0.9027777778vw 0 #9E9E9E);
  }
}
.about .exhibit .exhibit__item--n5 .exhibit__caption {
  margin: max(-1.0178117048vw, -4px) 0 0 auto;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n5 .exhibit__caption {
    margin: 0;
    top: 20%;
    right: -110%;
  }
}
.about .exhibit .exhibit__item--n5 .exhibit__caption::before {
  left: auto;
  right: 0;
}
.about .exhibit .exhibit__item--n5 .exhibit__caption::after {
  left: auto;
  right: calc(90% - min(0.0694444444vw, 1px));
  transform: rotateZ(90deg);
}
.about .exhibit .exhibit__item--n6 {
  margin: 0 0 0 max(3.5623409669vw, 14px);
}
@media screen and (max-width: 768px) {
  html[lang=en] .about .exhibit .exhibit__item--n6 {
    margin: 0 0 auto max(3.5623409669vw, 14px);
  }
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n6 {
    margin: 0;
    position: absolute;
    left: min(5vw, 72px);
    bottom: 8%;
  }
}
.about .exhibit .exhibit__item--n6 .exhibit__picture {
  width: max(42.2391857506vw, 166px);
  height: max(32.5699745547vw, 128px);
  margin: 0 0 0 min(1.6666666667vw, 24px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n6 .exhibit__picture {
    width: min(18.6111111111vw, 268px);
    height: min(14.3055555556vw, 206px);
    margin: 0;
  }
}
.about .exhibit .exhibit__item--n6 .exhibit__picture .exhibit__img {
  filter: drop-shadow(-2.7989821883vw -0.7633587786vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n6 .exhibit__picture .exhibit__img {
    filter: drop-shadow(-1.3888888889vw 0.5555555556vw 0 #9E9E9E);
  }
}
.about .exhibit .exhibit__item--n6 .exhibit__caption {
  margin: max(-5.0890585242vw, -20px) auto 0 0;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n6 .exhibit__caption {
    margin: 0;
    top: -45%;
    right: 80%;
  }
}
.about .exhibit .exhibit__item--n7 {
  margin: max(6.106870229vw, 24px) 0 0 auto;
}
@media screen and (max-width: 768px) {
  html[lang=en] .about .exhibit .exhibit__item--n7 {
    margin: max(31.5521628499vw, 124px) auto 0 0;
  }
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n7 {
    margin: 0;
    position: absolute;
    right: min(13.8888888889vw, 200px);
    bottom: 8%;
  }
}
.about .exhibit .exhibit__item--n7 .exhibit__picture {
  width: max(19.0839694656vw, 75px);
  height: max(26.7175572519vw, 105px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n7 .exhibit__picture {
    width: min(10.9722222222vw, 158px);
    height: min(14.4444444444vw, 208px);
  }
}
.about .exhibit .exhibit__item--n7 .exhibit__picture .exhibit__img {
  filter: drop-shadow(2.2900763359vw 3.5623409669vw 0 #9E9E9E);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n7 .exhibit__picture .exhibit__img {
    filter: drop-shadow(1.0416666667vw 0.8333333333vw 0 #9E9E9E);
  }
}
.about .exhibit .exhibit__item--n7 .exhibit__caption {
  margin: 0 max(2.5445292621vw, 10px) 0 0;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n7 .exhibit__caption {
    margin: 0;
    top: -20%;
    right: -110%;
  }
  .about .exhibit .exhibit__item--n7 .exhibit__caption::before {
    left: auto;
    right: 0;
  }
  .about .exhibit .exhibit__item--n7 .exhibit__caption::after {
    left: auto;
    right: calc(90% - min(0.0694444444vw, 1px));
    transform: rotateZ(90deg);
  }
}
.about .exhibit .exhibit__item--n8 {
  width: 100%;
  margin: max(8.6513994911vw, 34px) 0 0 0;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n8 {
    margin: 0 auto;
  }
}
.about .exhibit .exhibit__item--n8 .exhibit__picture {
  width: max(79.8982188295vw, 314px);
  height: max(31.5521628499vw, 124px);
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n8 .exhibit__picture {
    width: min(25.9722222222vw, 374px);
    height: min(9.7222222222vw, 140px);
  }
}
.about .exhibit .exhibit__item--n8 .exhibit__caption {
  margin: max(2.5445292621vw, 10px) auto 0;
}
@media screen and (min-width: 769px) {
  .about .exhibit .exhibit__item--n8 .exhibit__caption {
    position: relative;
    margin: min(1.6666666667vw, 24px) auto 0;
    padding-top: min(0.8333333333vw, 12px);
  }
  .about .exhibit .exhibit__item--n8 .exhibit__caption::before {
    width: 100%;
    top: 0;
  }
  .about .exhibit .exhibit__item--n8 .exhibit__caption::after {
    top: auto;
    left: 0;
    bottom: calc(100% - min(0.2083333333vw, 3px));
    transform: rotateZ(90deg);
  }
}
.about .exhibit__caption {
  display: flex;
  padding: max(1.5267175573vw, 6px) max(2.0356234097vw, 8px);
  font-size: max(2.5445292621vw, 10px);
  text-align: center;
  line-height: 1;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 2px solid #B41432;
  border-left: 0;
  border-right: 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .about .exhibit__caption {
    padding: 0 0 min(0.5555555556vw, 8px);
    font-size: min(1.1111111111vw, 16px);
    background-color: unset;
    border: 0;
    position: absolute;
  }
  .about .exhibit__caption::before {
    content: "";
    display: block;
    width: 90%;
    height: min(0.2777777778vw, 4px);
    background-size: contain;
    background-color: #B41432;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleY(0.5);
  }
  .about .exhibit__caption::after {
    content: "";
    display: block;
    width: min(1.3888888889vw, 20px);
    height: min(1.3888888889vw, 20px);
    background-image: url("../img/icon/line-diagonal.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(100% - min(0.2083333333vw, 3px));
    left: calc(90% - min(0.0694444444vw, 1px));
  }
}
.about .exhibit__caption__name {
  display: inline-flex;
  flex-direction: column;
  white-space: nowrap;
  line-height: 1.5;
}
.about .exhibit__caption__name--small {
  display: block;
  margin-top: max(1.0178117048vw, 4px);
  font-size: max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .about .exhibit__caption__name--small {
    margin-top: min(0.2777777778vw, 4px);
    font-size: min(0.6944444444vw, 10px);
  }
}
.about .exhibit__caption__details {
  margin-top: max(1.0178117048vw, 4px);
  color: #999999;
  font-size: max(2.0356234097vw, 8px);
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .about .exhibit__caption__details {
    margin-top: min(0.2777777778vw, 4px);
    font-size: min(0.6944444444vw, 10px);
  }
}

.history {
  position: relative;
}
.history::after {
  content: "";
  display: block;
  width: 100vw;
  height: calc(100% - max(164.3765903308vw, 646px));
  margin: 0 auto;
  background-image: url("../img/bg-sp.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: absolute;
  top: max(34.6055979644vw, 136px);
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .history::after {
    width: min(100vw, 1440px);
    height: calc(100% - min(67.3611111111vw, 970px));
    background-image: url("../img/bg-pc.svg");
    top: min(26.3888888889vw, 380px);
    background-size: contain;
  }
}
.history .sec__caption {
  margin-bottom: max(10.1781170483vw, 40px);
  color: #B41432;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .history .sec__caption {
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
.history .sec__caption--en {
  margin-bottom: max(2.0356234097vw, 8px);
  font-size: max(10.6870229008vw, 42px);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .history .sec__caption--en {
    margin-bottom: min(0.8333333333vw, 12px);
    font-size: min(4.1666666667vw, 60px);
  }
}
.history .sec__caption--jp {
  font-size: max(3.0534351145vw, 12px);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .history .sec__caption--jp {
    font-size: min(1.6666666667vw, 24px);
    font-weight: 600;
    line-height: 1.8;
  }
}
.history .target__list {
  display: flex;
}
@media screen and (min-width: 769px) {
  .history .target__list {
    margin: 0 auto;
    max-width: 1440px;
  }
}
.history .target__item {
  width: 20%;
  height: max(55.9796437659vw, 220px);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .history .target__item {
    height: min(55.9722222222vw, 806px);
  }
}
.history .target__thumbnail {
  width: 100%;
  height: 100%;
}
.history .target__img {
  transform: scale(1.05);
}
.history .target__link {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.history .target__link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .history .target__link:active::before, .history .target__link:hover::before {
    opacity: 0;
  }
  .history .target__link:active .target__img, .history .target__link:hover .target__img {
    transform: scale(1.2);
  }
}
@media screen and (min-width: 769px) {
  .history .target__link:hover::before {
    opacity: 0;
  }
  .history .target__link:hover .target__img {
    transform: scale(1.2);
  }
}
.history .target__age {
  color: #fff;
  font-size: max(6.106870229vw, 24px);
  letter-spacing: 0.02em;
  writing-mode: vertical-rl;
  font-family: "adobe-garamond-pro", "Noto Serif JP", serif;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  text-orientation: sideways;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .history .target__age {
    font-size: min(6.1111111111vw, 88px);
  }
}
.history .target__age--small {
  font-size: 0.7em;
}
.history .target__img {
  transition: transform 0.4s;
  object-fit: cover;
}
.history__head {
  margin-bottom: max(12.7226463104vw, 50px);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  html[lang=en] .history__head .inner {
    height: max(127.2264631043vw, 500px);
    justify-content: space-between;
  }
  html[lang=en] .history__head .history__head__contents {
    margin-top: max(20.3562340967vw, 80px);
  }
}
@media screen and (min-width: 769px) {
  .history__head {
    margin-bottom: min(6.6666666667vw, 96px);
  }
}
.history__head__text {
  display: flex;
  margin: 0 0 max(15.2671755725vw, 60px) auto;
  gap: max(2.0356234097vw, 8px);
}
html[lang=en] .history__head__text {
  flex-direction: column-reverse;
  margin: 0 0 max(15.2671755725vw, 60px) 0;
}
@media screen and (min-width: 769px) {
  .history__head__text {
    margin: 0 min(5vw, 72px) min(4.1666666667vw, 60px) auto;
    gap: min(0.5555555556vw, 8px);
  }
  html[lang=en] .history__head__text {
    margin: 0 0 min(22.2222222222vw, 320px) min(5vw, 72px);
  }
}
.history__head__caption {
  width: 1em;
  font-size: max(6.106870229vw, 24px);
  font-weight: 600;
  line-height: 1.25em;
}
html[lang=en] .history__head__caption {
  width: auto;
}
@media screen and (min-width: 769px) {
  .history__head__caption {
    font-size: min(2.2222222222vw, 32px);
  }
  html:not([lang=en]) .history__head__caption {
    line-height: 1.05em;
  }
}
.history__head__num {
  display: flex;
  color: #B41432;
  text-orientation: sideways;
  writing-mode: vertical-lr;
  white-space: nowrap;
}
html[lang=en] .history__head__num {
  text-orientation: unset;
  writing-mode: unset;
}
.history__head__age {
  font-size: max(10.1781170483vw, 40px);
  letter-spacing: 0.06em;
  font-family: "adobe-garamond-pro", "Noto Serif JP", serif;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .history__head__age {
    font-size: min(3.6111111111vw, 52px);
  }
}
.history__head__age--small {
  font-size: 0.5em;
}
@media screen and (min-width: 769px) {
  .history__head__age--small {
    font-size: min(1.5277777778vw, 22px);
  }
}
.history__head__era {
  font-size: max(3.3078880407vw, 13px);
}
@media screen and (min-width: 769px) {
  .history__head__era {
    font-size: min(1.1111111111vw, 16px);
  }
}
.history__head__year {
  margin: max(3.0534351145vw, 12px) auto 0;
  padding: max(3.0534351145vw, 12px) max(2.0356234097vw, 8px);
  background-color: #B41432;
  color: #fff;
}
html[lang=en] .history__head__year {
  margin: auto auto 0 max(3.0534351145vw, 12px);
}
@media screen and (min-width: 769px) {
  .history__head__year {
    margin: min(0.8333333333vw, 12px) auto 0;
    padding: min(1.1111111111vw, 16px) min(0.5555555556vw, 8px);
  }
  html[lang=en] .history__head__year {
    margin: auto auto 0 min(0.8333333333vw, 12px);
  }
}
.history__head__contents {
  display: flex;
  width: calc(100% - max(10.1781170483vw, 40px));
  height: 100%;
  flex-direction: column;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .history__head__contents {
    width: calc(100% - min(15vw, 216px));
  }
}
@media screen and (min-width: 769px) {
  .history__contents {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .history__contents__wrap {
    position: relative;
  }
}
.history__contents .inner {
  padding: max(10.1781170483vw, 40px) max(5.0890585242vw, 20px);
  width: calc(100% - max(10.1781170483vw, 40px));
  margin: 0 max(5.0890585242vw, 20px);
}
@media screen and (max-width: 768px) {
  .history__contents .inner {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (min-width: 769px) {
  .history__contents .inner {
    padding: min(5.5555555556vw, 80px) min(7.5vw, 108px);
    width: 100%;
    margin: 0 auto;
  }
}
.history__contents__caption {
  margin-bottom: max(5.0890585242vw, 20px);
  font-size: max(5.0890585242vw, 20px);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .history__contents__caption {
    width: 100%;
    margin-bottom: min(2.9166666667vw, 42px);
    font-size: min(2.2222222222vw, 32px);
  }
}
.history__text + .history__contents__caption {
  margin-top: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .history__text + .history__contents__caption {
    margin-top: max(5.0890585242vw, 20px);
  }
}
.history__illust {
  position: relative;
  pointer-events: none;
}
.history__thumbnail__caption {
  width: 100%;
  margin-top: max(1.5267175573vw, 6px);
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
  font-size: max(2.7989821883vw, 11px);
  font-weight: 500;
  text-align: center;
  color: #999999;
}
@media screen and (min-width: 769px) {
  .history__thumbnail__caption {
    margin-top: min(0.4166666667vw, 6px);
    font-size: inherit;
    font-weight: 400;
  }
}
@media screen and (min-width: 769px) {
  .history__thumbnail__caption--small {
    display: block;
    font-size: 0.75em;
    line-height: 1.2;
    font-weight: 400;
  }
}
.history__text {
  margin-top: max(5.0890585242vw, 20px);
  padding: max(0.5089058524vw, 2px) 0 max(0.5089058524vw, 2px) max(5.0890585242vw, 20px);
  line-height: 1.9;
  position: relative;
}
html:not([lang=en]) .history__text {
  text-align: justify;
}
@media screen and (min-width: 769px) {
  .history__text {
    width: min(39.375vw, 567px);
    margin-top: min(2.7777777778vw, 40px);
    padding: min(0.1388888889vw, 2px) 0 min(0.1388888889vw, 2px) min(1.3888888889vw, 20px);
    font-size: min(1.25vw, 18px);
  }
}
.history__text::before {
  content: "";
  width: max(1.0178117048vw, 4px);
  height: 100%;
  background-color: #7A6B40;
  border-radius: max(0.5089058524vw, 2px);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  .history__text::before {
    width: min(0.2777777778vw, 4px);
    border-radius: min(0.1388888889vw, 2px);
  }
}
.history__episode, .history__member, .history__explanation {
  width: 100%;
  padding: max(5.0890585242vw, 20px);
  border-radius: max(2.0356234097vw, 8px);
  position: relative;
}
@media screen and (min-width: 769px) {
  .history__episode, .history__member, .history__explanation {
    width: min(39.375vw, 567px);
    padding: min(1.3888888889vw, 20px);
    border-radius: min(0.5555555556vw, 8px);
  }
}
.history__episode__head, .history__member__head, .history__explanation__head {
  display: flex;
  margin-bottom: max(3.0534351145vw, 12px);
  align-items: center;
}
@media screen and (min-width: 769px) {
  .history__episode__head, .history__member__head, .history__explanation__head {
    margin-bottom: min(0.8333333333vw, 12px);
  }
}
.history__episode__text, .history__member__text, .history__explanation__text {
  font-size: max(3.0534351145vw, 12px);
  line-height: 1.6;
}
html:not([lang=en]) .history__episode__text, html:not([lang=en]) .history__member__text, html:not([lang=en]) .history__explanation__text {
  text-align: justify;
}
@media screen and (min-width: 769px) {
  .history__episode__text, .history__member__text, .history__explanation__text {
    font-size: inherit;
    line-height: 1.9;
  }
}
.history__episode, .history__member {
  margin-top: max(6.106870229vw, 24px);
  background-color: #EDE9DB;
}
@media screen and (min-width: 769px) {
  .history__episode, .history__member {
    margin-top: min(2.7777777778vw, 40px);
  }
}
.history__episode::before, .history__member::before {
  content: "";
  display: inline-block;
  width: max(7.1246819338vw, 28px);
  height: max(7.1246819338vw, 28px);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #EDE9DB;
  position: absolute;
  top: max(-4.0712468193vw, -16px);
  left: max(6.106870229vw, 24px);
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .history__episode::before, .history__member::before {
    width: min(1.9444444444vw, 28px);
    height: min(1.9444444444vw, 28px);
    top: min(-1.1111111111vw, -16px);
    left: min(1.6666666667vw, 24px);
  }
}
.history__episode__head, .history__member__head {
  font-size: max(6.106870229vw, 24px);
  color: #7A6B40;
}
.history__episode__head html:not([lang=en]), .history__member__head html:not([lang=en]) {
  height: max(8.1424936387vw, 32px);
}
@media screen and (min-width: 769px) {
  .history__episode__head html:not([lang=en]), .history__member__head html:not([lang=en]) {
    height: min(2.2222222222vw, 32px);
  }
}
@media screen and (min-width: 769px) {
  .history__episode__head, .history__member__head {
    font-size: min(1.6666666667vw, 24px);
  }
}
.history__episode__head::before, .history__member__head::before {
  content: "";
  width: max(8.1424936387vw, 32px);
  height: max(8.1424936387vw, 32px);
  margin-right: max(2.0356234097vw, 8px);
  background-image: url("../img/icon/episode.svg");
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .history__episode__head::before, .history__member__head::before {
    width: min(2.2222222222vw, 32px);
    height: min(2.2222222222vw, 32px);
    margin-right: min(0.5555555556vw, 8px);
  }
}
.history__episode__caption {
  margin: 0 0 max(2.0356234097vw, 8px);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .history__episode__caption {
    margin: 0 0 min(0.8333333333vw, 12px);
  }
}
.history__episode__reference {
  margin: max(3.0534351145vw, 12px) 0;
  font-size: max(3.0534351145vw, 12px);
  color: #7A6B40;
  line-height: 1.6;
}
html:not([lang=en]) .history__episode__reference {
  text-align: justify;
}
@media screen and (min-width: 769px) {
  .history__episode__reference {
    margin: min(0.8333333333vw, 12px) 0;
    font-size: inherit;
  }
}
.history__member {
  background-color: #F5F5F5;
}
.history__member::before {
  background-color: #F5F5F5;
}
.history__member__head {
  font-size: inherit;
  color: inherit;
}
.history__explanation {
  margin-top: max(5.0890585242vw, 20px);
  background-color: #F5F5F5;
}
@media screen and (min-width: 769px) {
  .history__explanation {
    margin-top: min(2.7777777778vw, 40px);
  }
}
.history__explanation__head::before {
  content: url("../img/icon/explanation.svg");
  width: max(7.1246819338vw, 28px);
  height: max(7.1246819338vw, 28px);
  margin-right: max(2.0356234097vw, 8px);
  line-height: max(7.1246819338vw, 28px);
}
@media screen and (min-width: 769px) {
  .history__explanation__head::before {
    width: min(1.9444444444vw, 28px);
    height: min(1.9444444444vw, 28px);
    margin-right: min(0.5555555556vw, 8px);
    font-size: min(1.25vw, 18px);
    line-height: min(1.9444444444vw, 28px);
  }
}
@media screen and (min-width: 769px) {
  .history__explanation__details {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .history__explanation__text {
    margin: auto 0;
  }
}
.history__wrap {
  padding-top: max(10.1781170483vw, 40px);
}
@media screen and (min-width: 769px) {
  .history__wrap {
    padding-top: min(5.6944444444vw, 82px);
  }
}
.history__wrap#History1 .history__illust__img--n1 {
  width: max(62.5954198473vw, 246px);
  height: max(31.5521628499vw, 124px);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__illust__img--n1 {
    width: min(31.9444444444vw, 460px);
    height: min(14.8611111111vw, 214px);
    top: min(12.5vw, 180px);
  }
}
.history__wrap#History1 .history__illust__img--n2 {
  width: max(62.5954198473vw, 246px);
  height: max(31.5521628499vw, 124px);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__illust__img--n2 {
    width: min(31.9444444444vw, 460px);
    height: min(14.8611111111vw, 214px);
    top: min(12.5vw, 180px);
  }
}
.history__wrap#History1 .history__illust__img--n3 {
  width: max(11.7048346056vw, 46px);
  height: max(26.4631043257vw, 104px);
  margin: max(21.3740458015vw, 84px) max(12.213740458vw, 48px) 0 auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__illust__img--n3 {
    width: min(7.5694444444vw, 109px);
    height: min(17.1527777778vw, 247px);
    margin: 0;
    position: absolute;
    right: min(-8.3333333333vw, -120px);
    bottom: min(3.4722222222vw, 50px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__contents__caption {
    padding-top: min(1.6666666667vw, 24px);
  }
  .history__wrap#History1 .history__contents__wrap--flex:first-of-type {
    position: absolute;
    top: min(18.0555555556vw, 260px);
    left: min(7.5vw, 108px);
  }
  .history__wrap#History1 .history__text, .history__wrap#History1 .history__episode {
    margin-left: auto;
  }
  .history__wrap#History1 .history__text:nth-child(1 of .history__text) {
    margin-top: min(7.6388888889vw, 110px);
  }
}
.history__wrap#History1 .history__thumbnail--n1 {
  margin: 0 max(0.5089058524vw, 2px) 0 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n1 {
    margin: 0 min(0.4166666667vw, 6px) 0 0;
  }
}
.history__wrap#History1 .history__thumbnail--n1 .history__thumbnail__picture {
  width: max(35.6234096692vw, 140px);
  height: max(50.6361323155vw, 199px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n1 .history__thumbnail__picture {
    width: min(19.4444444444vw, 280px);
    height: min(27.5vw, 396px);
  }
}
.history__wrap#History1 .history__thumbnail--n2 {
  margin: 0 0 0 max(0.5089058524vw, 2px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n2 {
    margin: 0 min(0.4166666667vw, 6px) 0 0;
  }
}
.history__wrap#History1 .history__thumbnail--n2 .history__thumbnail__picture {
  width: max(35.6234096692vw, 140px);
  height: max(50.6361323155vw, 199px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n2 .history__thumbnail__picture {
    width: min(19.4444444444vw, 280px);
    height: min(27.5vw, 396px);
  }
}
.history__wrap#History1 .history__thumbnail--n3 {
  width: auto;
  margin: 0 auto 0 0;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n3 {
    width: min(30vw, 432px);
    margin: min(2.7777777778vw, 40px) min(5.2777777778vw, 76px) auto min(7.7777777778vw, 112px);
  }
}
html[lang=en] .history__wrap#History1 .history__thumbnail--n3 {
  margin: 0;
  align-items: center;
}
@media screen and (min-width: 769px) {
  html[lang=en] .history__wrap#History1 .history__thumbnail--n3 {
    margin: 0;
  }
  html[lang=en] .history__wrap#History1 .history__thumbnail--n3 + .history__illust {
    margin-right: auto;
  }
}
#History1 .history__contents__wrap--flex:has(.history__thumbnail--n3) {
  margin-top: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  #History1 .history__contents__wrap--flex:has(.history__thumbnail--n3) {
    margin-top: max(-13.8888888889vw, -200px);
  }
}

.history__wrap#History1 .history__thumbnail--n3 .history__thumbnail__picture {
  height: max(44.7837150127vw, 176px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n3 .history__thumbnail__picture {
    height: min(26.9444444444vw, 388px);
  }
}
.history__wrap#History1 .history__thumbnail--n4 {
  width: 100%;
  margin-top: max(2.0356234097vw, 8px);
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n4 {
    width: auto;
    margin: min(13.3333333333vw, 192px) 0 0 auto;
  }
}
.history__wrap#History1 .history__thumbnail--n4 .history__thumbnail__picture {
  width: max(51.9083969466vw, 204px);
  height: max(74.3002544529vw, 292px);
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n4 .history__thumbnail__picture {
    width: min(24.8611111111vw, 358px);
    height: min(35.6944444444vw, 514px);
  }
}
.history__wrap#History1 .history__thumbnail--n4 .history__thumbnail__caption {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n4 .history__thumbnail__caption {
    text-align: center;
  }
}
.history__wrap#History1 .history__thumbnail--n5 {
  margin-top: max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n5 {
    width: auto;
    margin: min(-4.4444444444vw, -64px) auto 0 min(20.8333333333vw, 300px);
  }
}
.history__wrap#History1 .history__thumbnail--n5 .history__thumbnail__picture {
  width: max(50.8905852417vw, 200px);
  height: max(78.8804071247vw, 310px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n5 .history__thumbnail__picture {
    width: min(19.0972222222vw, 275px);
    height: min(26.7361111111vw, 385px);
  }
}
.history__wrap#History1 .history__thumbnail--n6 {
  width: 100%;
  margin-top: max(4.0712468193vw, 16px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n6 {
    margin-top: min(3.75vw, 54px);
  }
}
.history__wrap#History1 .history__thumbnail--n6 .history__thumbnail__picture {
  width: max(79.6437659033vw, 313px);
  height: max(44.0203562341vw, 173px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History1 .history__thumbnail--n6 .history__thumbnail__picture {
    width: min(55.5555555556vw, 800px);
    height: min(30.6944444444vw, 442px);
  }
}
@media screen and (max-width: 768px) {
  .history__wrap#History2 .history__head {
    padding-bottom: max(37.6590330789vw, 148px);
  }
}
.history__wrap#History2 .history__illust__img--n1 {
  width: max(37.1501272265vw, 146px);
  height: max(24.1730279898vw, 95px);
  position: absolute;
  top: max(1.272264631vw, 5px);
  left: max(13.9949109415vw, 55px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__illust__img--n1 {
    width: min(22.2222222222vw, 320px);
    height: min(12.5vw, 180px);
    top: min(-1.7361111111vw, -25px);
    left: auto;
    right: min(15.2777777778vw, 220px);
  }
}
.history__wrap#History2 .history__illust__img--n2 {
  width: max(24.427480916vw, 96px);
  height: max(22.9007633588vw, 90px);
  position: absolute;
  top: max(43.2569974555vw, 170px);
  left: max(32.5699745547vw, 128px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__illust__img--n2 {
    width: min(16.8055555556vw, 242px);
    height: min(15.7638888889vw, 227px);
    top: min(7.6388888889vw, 110px);
    left: min(10.7638888889vw, 155px);
  }
}
.history__wrap#History2 .history__illust__img--n3 {
  width: max(38.9312977099vw, 153px);
  height: max(29.0076335878vw, 114px);
  position: absolute;
  top: max(93.6386768448vw, 368px);
  left: max(45.8015267176vw, 180px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__illust__img--n3 {
    width: min(20.8333333333vw, 300px);
    height: min(14.3055555556vw, 206px);
    top: min(20.8333333333vw, 300px);
    left: auto;
    right: min(8.3333333333vw, 120px);
  }
}
.history__wrap#History2 .history__illust__img--n4 {
  width: max(82.6972010178vw, 325px);
  height: max(28.4987277354vw, 112px);
  margin: max(5.0890585242vw, 20px) 0 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__illust__img--n4 {
    width: min(41.6666666667vw, 600px);
    height: min(14.2361111111vw, 205px);
    margin: 0;
    position: absolute;
    top: min(-9.7222222222vw, -140px);
    right: min(-6.6666666667vw, -96px);
  }
}
.history__wrap#History2 .history__illust__img--n5 {
  width: max(46.8193384224vw, 184px);
  height: max(35.1145038168vw, 138px);
  margin: max(5.0890585242vw, 20px) 0 max(-10.1781170483vw, -40px) auto;
}
@media screen and (min-width: 769px) {
  :nth-child(2 of .history__illust) {
    position: absolute;
    top: min(2.7777777778vw, 40px);
    left: min(0.8333333333vw, 12px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__illust__img--n5 {
    width: min(34.7222222222vw, 500px);
    height: min(25.9722222222vw, 374px);
    margin: 0;
  }
}
.history__wrap#History2 .history__illust__img--n5-2 {
  width: max(10.1781170483vw, 40px);
  height: max(15.2671755725vw, 60px);
  margin: max(5.0890585242vw, 20px) 0 max(-2.7989821883vw, -11px) auto;
  position: absolute;
	top: max(14.2446043165vw, 56px);
	left: max(10.1781170483vw, 40px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__illust__img--n5-2 {
    width: min(6.9444444444vw, 100px);
    height: min(12.5vw, 180px);
    margin: min(3.4722222222vw, 50px) 0 0 0;
    position: absolute;
    top: min(4.5833333333vw, 66px);
    left: min(6.9444444444vw, 100px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__contents__caption {
    text-align: right;
  }
  .history__wrap#History2 .history__text, .history__wrap#History2 .history__episode, .history__wrap#History2 .history__member {
    margin-left: min(7.7777777778vw, 112px);
    margin-right: auto;
  }
  .history__wrap#History2 .history__text:nth-child(1 of .history__text) {
    margin-top: min(20.1388888889vw, 290px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n1 {
    position: absolute;
    top: min(11.6666666667vw, 168px);
    right: min(7.5vw, 108px);
  }
}
.history__wrap#History2 .history__thumbnail--n1 .history__thumbnail__picture {
  width: max(35.6234096692vw, 140px);
  height: max(53.4351145038vw, 210px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n1 .history__thumbnail__picture {
    width: min(19.4444444444vw, 280px);
    height: min(29.5833333333vw, 426px);
  }
}
.history__wrap#History2 .history__thumbnail--n2 {
  margin: max(8.1424936387vw, 32px) auto 0 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n2 {
    margin: min(7.3611111111vw, 106px) min(9.0277777778vw, 130px) auto min(15.6944444444vw, 226px);
  }
}
.history__wrap#History2 .history__thumbnail--n2 .history__thumbnail__picture {
  width: max(23.9185750636vw, 94px);
  height: max(42.7480916031vw, 168px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n2 .history__thumbnail__picture {
    width: min(15.2777777778vw, 220px);
    height: min(27.7083333333vw, 399px);
  }
}
.history__wrap#History2 .history__thumbnail--n3 {
  margin: max(16.2849872774vw, 64px) 0 0 auto;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n3 {
    margin: min(15.2777777778vw, 220px) min(5.4166666667vw, 78px) 0 0;
  }
}
.history__wrap#History2 .history__thumbnail--n3 .history__thumbnail__picture {
  width: max(61.0687022901vw, 240px);
  height: max(33.5877862595vw, 132px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n3 .history__thumbnail__picture {
    width: min(34.7222222222vw, 500px);
    height: min(19.1666666667vw, 276px);
  }
}
.history__wrap#History2 .history__thumbnail--n4 {
  width: 100%;
  margin-top: max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n4 {
    width: auto;
    margin: min(4.7222222222vw, 68px) auto 0;
  }
}
.history__wrap#History2 .history__thumbnail--n4 .history__thumbnail__picture {
  width: 100%;
  height: max(43.7659033079vw, 172px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History2 .history__thumbnail--n4 .history__thumbnail__picture {
    width: min(55.5555555556vw, 800px);
    height: min(30.6944444444vw, 442px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 {
    padding-top: min(2.7777777778vw, 40px);
  }
}
@media screen and (min-width: 769px) {
  html:not([lang=en]) .history__wrap#History3 .history__head {
    margin-bottom: min(1.3888888889vw, 20px);
  }
}
html:not([lang=en]) .history__wrap#History3 .history__head__text {
  margin-bottom: max(10.1781170483vw, 40px);
}
@media screen and (min-width: 769px) {
  html:not([lang=en]) .history__wrap#History3 .history__head__text {
    margin-bottom: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  html[lang=en] .history__wrap#History3 .history__head__contents {
    margin-top: max(27.989821883vw, 110px);
  }
}
.history__wrap#History3 .history__illust__img--n1 {
  width: max(48.8549618321vw, 192px);
  height: max(32.8244274809vw, 129px);
  position: absolute;
  top: max(-4.0712468193vw, -16px);
  left: max(14.7582697201vw, 58px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__illust__img--n1 {
    width: min(23.6111111111vw, 340px);
    height: min(15.8333333333vw, 228px);
    top: min(-1.6666666667vw, -24px);
    left: auto;
    right: min(13.8888888889vw, 200px);
  }
}
.history__wrap#History3 .history__illust__img--n2 {
  width: max(25.9541984733vw, 102px);
  height: max(31.8066157761vw, 125px);
  position: absolute;
  top: max(41.7302798982vw, 164px);
  left: max(16.2849872774vw, 64px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__illust__img--n2 {
    width: min(15vw, 216px);
    height: min(18.4722222222vw, 266px);
    top: min(13.4722222222vw, 194px);
    left: min(18.0555555556vw, 260px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__contents__caption {
    text-align: center;
  }
  .history__wrap#History3 .history__contents__caption:nth-child(2 of .history__contents__caption) {
    margin-top: min(6.9444444444vw, 100px);
  }
  .history__wrap#History3 .history__text, .history__wrap#History3 .history__episode, .history__wrap#History3 .history__member {
    margin-left: auto;
    margin-right: auto;
  }
  .history__wrap#History3 .history__text:nth-child(3 of .history__text) {
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
.history__wrap#History3 .history__thumbnail--n1 .history__thumbnail__picture {
  width: max(50.8905852417vw, 200px);
  height: max(69.7201017812vw, 274px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n1 .history__thumbnail__picture {
    width: min(41.6666666667vw, 600px);
    height: min(57.2222222222vw, 824px);
  }
}
.history__wrap#History3 .history__thumbnail--n2 {
  margin-top: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n2 {
    margin: min(4.0277777778vw, 58px) min(1.3888888889vw, 20px) auto 0;
  }
}
.history__wrap#History3 .history__thumbnail--n2 .history__thumbnail__picture {
  width: 100%;
  height: max(38.6768447837vw, 152px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n2 .history__thumbnail__picture {
    width: min(41.6666666667vw, 600px);
    height: min(22.6388888889vw, 326px);
  }
}
.history__wrap#History3 .history__thumbnail--n3 {
  margin: max(3.0534351145vw, 12px) auto max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n3 {
    margin: 0;
  }
}
.history__wrap#History3 .history__thumbnail--n3 .history__thumbnail__picture {
  width: max(71.2468193384vw, 280px);
  height: max(47.3282442748vw, 186px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n3 .history__thumbnail__picture {
    width: min(41.6666666667vw, 600px);
    height: min(27.7777777778vw, 400px);
  }
}
.history__wrap#History3 .history__thumbnail--n4 {
  width: 100%;
}
.history__wrap#History3 .history__thumbnail--n4 .history__thumbnail__picture {
  width: 100%;
  height: max(48.3460559796vw, 190px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n4 .history__thumbnail__picture {
    width: min(55.5555555556vw, 800px);
    height: min(35.2777777778vw, 508px);
  }
}
.history__wrap#History3 .history__thumbnail--n5 {
  margin: max(5.0890585242vw, 20px) auto max(2.5445292621vw, 10px) 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n5 {
    margin: min(5.4166666667vw, 78px) auto auto min(8.0555555556vw, 116px);
  }
}
.history__wrap#History3 .history__thumbnail--n5 .history__thumbnail__picture {
  width: max(32.0610687023vw, 126px);
  height: max(39.6946564885vw, 156px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n5 .history__thumbnail__picture {
    width: min(22.2222222222vw, 320px);
    height: min(28.8888888889vw, 416px);
  }
}
.history__wrap#History3 .history__thumbnail--n6 {
  margin: 0 0 0 auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n6 {
    margin: min(13.8888888889vw, 200px) min(6.1111111111vw, 88px) auto 0;
  }
}
.history__wrap#History3 .history__thumbnail--n6 .history__thumbnail__picture {
  width: max(46.0559796438vw, 181px);
  height: max(36.8956743003vw, 145px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n6 .history__thumbnail__picture {
    width: min(27.7777777778vw, 400px);
    height: min(22.2222222222vw, 320px);
  }
}
.history__wrap#History3 .history__thumbnail--n6 .button__more--modal {
  position: absolute;
  top: max(-12.213740458vw, -48px);
  right: 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n6 .button__more--modal {
    top: min(-0.9722222222vw, -14px);
    right: min(-2.0833333333vw, -30px);
  }
}
.history__wrap#History3 .history__thumbnail--n7 {
  margin: max(-13.7404580153vw, -54px) auto 0 max(2.5445292621vw, 10px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n7 {
    margin: min(2.2222222222vw, 32px) auto 0;
  }
}
.history__wrap#History3 .history__thumbnail--n7 .history__thumbnail__picture {
  width: max(20.3562340967vw, 80px);
  height: max(51.9083969466vw, 204px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n7 .history__thumbnail__picture {
    width: min(16.6666666667vw, 240px);
    height: min(42.6388888889vw, 614px);
  }
}
.history__wrap#History3 .history__thumbnail--n8 {
  margin: max(8.1424936387vw, 32px) 0 max(9.1603053435vw, 36px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n8 {
    margin: min(4.1666666667vw, 60px) 0 min(9.8611111111vw, 142px);
  }
}
.history__wrap#History3 .history__thumbnail--n8 .history__thumbnail__picture {
  width: 100%;
  height: max(44.2748091603vw, 174px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n8 .history__thumbnail__picture {
    width: min(55.5555555556vw, 800px);
    height: min(30.6944444444vw, 442px);
  }
}
.history__wrap#History3 .history__thumbnail--n9 .history__thumbnail__picture {
  width: 100%;
  height: max(32.5699745547vw, 128px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History3 .history__thumbnail--n9 .history__thumbnail__picture {
    width: min(83.3333333333vw, 1200px);
    height: min(34.1666666667vw, 492px);
  }
}
@media screen and (max-width: 768px) {
  html[lang=en] .history__wrap#History4 .history__head__contents {
    margin-top: max(30.534351145vw, 120px);
  }
}
@media screen and (max-width: 768px) {
  html[lang=en] .history__wrap#History4 .history__contents {
    margin-top: max(30.534351145vw, 120px);
  }
}
@media screen and (max-width: 768px) {
  .history__wrap#History4 .history__contents .inner {
    padding-bottom: max(6.6157760814vw, 26px);
  }
}
.history__wrap#History4 .history__illust__img--n1 {
  width: max(65.1399491094vw, 256px);
  height: max(58.0152671756vw, 228px);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__illust__img--n1 {
    width: min(24.7222222222vw, 356px);
    height: min(22.0833333333vw, 318px);
    top: min(-1.3888888889vw, -20px);
    left: auto;
    right: min(16.6666666667vw, 240px);
  }
}
.history__wrap#History4 .history__explanation {
  margin-bottom: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__explanation {
    margin-bottom: min(5.5555555556vw, 80px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__text, .history__wrap#History4 .history__explanation {
    margin-left: auto;
  }
  .history__wrap#History4 .history__episode:nth-child(1 of .history__episode) {
    margin-right: auto;
  }
  .history__wrap#History4 .history__episode:nth-child(2 of .history__episode) {
    width: min(41.8055555556vw, 602px);
    margin-left: auto;
  }
  .history__wrap#History4 .history__text:nth-child(1 of .history__text), .history__wrap#History4 .history__text:nth-child(2 of .history__text) {
    width: min(66.6666666667vw, 960px);
  }
  .history__wrap#History4 .history__text:nth-child(3 of .history__text) {
    width: min(41.8055555556vw, 602px);
    margin-top: min(5.5555555556vw, 80px);
  }
  .history__wrap#History4 .history__explanation {
    width: min(66.6666666667vw, 960px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n1 {
    max-width: unset;
    align-items: baseline;
  }
}
.history__wrap#History4 .history__thumbnail--n1 .history__thumbnail__picture {
  width: 100%;
  height: max(43.2569974555vw, 170px);
  max-width: unset;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n1 .history__thumbnail__picture {
    width: min(100vw, 1440px);
    height: min(54.5833333333vw, 786px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n1 .history__thumbnail__caption {
    width: min(100vw, 1440px);
  }
}
.history__wrap#History4 .history__thumbnail--n2 {
  margin-top: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n2 {
    max-width: unset;
    margin-top: min(2.7777777778vw, 40px);
    align-items: end;
  }
}
.history__wrap#History4 .history__thumbnail--n2 .history__thumbnail__picture {
  width: 100%;
  height: max(36.1323155216vw, 142px);
  max-width: unset;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n2 .history__thumbnail__picture {
    width: min(100vw, 1440px);
    height: min(45.5555555556vw, 656px);
  }
}
.history__wrap#History4 .history__thumbnail--n3 {
  margin: max(3.0534351145vw, 12px) 0 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n3 {
    margin: 0 min(1.3888888889vw, 20px) 0 0;
  }
}
.history__wrap#History4 .history__thumbnail--n3 .history__thumbnail__picture {
  width: max(61.0687022901vw, 240px);
  height: max(39.6946564885vw, 156px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n3 .history__thumbnail__picture {
    width: min(30.5555555556vw, 440px);
    height: min(20.2777777778vw, 292px);
  }
}
.history__wrap#History4 .history__thumbnail--n4 {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n4 {
    margin: 0;
    position: absolute;
    top: min(8.6111111111vw, 124px);
    left: min(3.4722222222vw, 50px);
  }
}
.history__wrap#History4 .history__thumbnail--n4 .history__thumbnail__picture {
  width: max(36.641221374vw, 144px);
  height: max(54.9618320611vw, 216px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n4 .history__thumbnail__picture {
    width: min(34.7222222222vw, 500px);
    height: min(42.9166666667vw, 618px);
  }
}
.history__wrap#History4 .history__thumbnail--n4 .button__more--modal {
  margin-top: max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n4 .button__more--modal {
    margin: 0;
    position: absolute;
    top: min(-1.25vw, -18px);
    right: min(4.0277777778vw, 58px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n5 {
    align-items: baseline;
  }
}
.history__wrap#History4 .history__thumbnail--n5 .history__thumbnail__picture {
  width: max(69.465648855vw, 273px);
  height: max(50.8905852417vw, 200px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n5 .history__thumbnail__picture {
    width: min(31.8055555556vw, 458px);
    height: min(21.3888888889vw, 308px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n5 .history__thumbnail__caption {
    text-align: left;
  }
}
.history__wrap#History4 .history__thumbnail--n6 {
  margin: max(15.2671755725vw, 60px) auto 0 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n6 {
    margin: min(7.9166666667vw, 114px) min(5vw, 72px) auto min(6.3888888889vw, 92px);
  }
}
.history__wrap#History4 .history__thumbnail--n6 .history__thumbnail__picture {
  width: max(62.0865139949vw, 244px);
  height: max(48.3460559796vw, 190px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n6 .history__thumbnail__picture {
    width: min(34.7222222222vw, 500px);
    height: min(27.2222222222vw, 392px);
  }
}
.history__wrap#History4 .history__thumbnail--n6 .button__more--modal {
  position: absolute;
  top: max(-7.6335877863vw, -30px);
  right: max(-6.6157760814vw, -26px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n6 .button__more--modal {
    top: min(-2.0833333333vw, -30px);
    right: min(-1.1111111111vw, -16px);
  }
}
.history__wrap#History4 .history__thumbnail--n7 {
  margin: max(4.0712468193vw, 16px) 0 0 auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n7 {
    margin: min(22.3611111111vw, 322px) min(4.1666666667vw, 60px) 0 auto;
  }
}
.history__wrap#History4 .history__thumbnail--n7 .history__thumbnail__picture {
  width: max(58.524173028vw, 230px);
  height: max(40.203562341vw, 158px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n7 .history__thumbnail__picture {
    width: min(34.7222222222vw, 500px);
    height: min(24.0277777778vw, 346px);
  }
}
.history__wrap#History4 .history__thumbnail--n8 {
  display: block;
  margin-top: max(6.3613231552vw, 25px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n8 {
    margin-top: min(5.9722222222vw, 86px);
  }
}
.history__wrap#History4 .history__thumbnail--n8 .history__thumbnail__picture {
  width: max(79.3893129771vw, 312px);
  height: max(52.9262086514vw, 208px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History4 .history__thumbnail--n8 .history__thumbnail__picture {
    width: min(55.5555555556vw, 800px);
    height: min(36.9444444444vw, 532px);
  }
}
.history__wrap#History5 .history__contents + .narration {
  display: flex;
  margin-top: max(10.1781170483vw, 40px);
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__contents + .narration {
    margin-top: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  html[lang=en] .history__wrap#History5 .history__head .inner {
    height: max(178.1170483461vw, 700px);
    justify-content: space-between;
  }
  html[lang=en] .history__wrap#History5 .history__head .history__head__contents {
    margin-top: max(20.3562340967vw, 80px);
  }
}
html:not([lang=en]) .history__wrap#History5 .history__head__text {
  margin: 0 0 max(64.1221374046vw, 252px) auto;
}
@media screen and (min-width: 769px) {
  html:not([lang=en]) .history__wrap#History5 .history__head__text {
    margin: 0 0 min(0.5555555556vw, 8px) auto;
  }
}
.history__wrap#History5 .history__head__age {
  font-size: max(8.1424936387vw, 32px);
  font-family: inherit;
  line-height: normal;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__head__age {
    font-size: min(3.6111111111vw, 52px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__contents .inner > .history__episode:nth-child(1 of .history__episode), .history__wrap#History5 .history__contents__wrap--flex:has(.history__thumbnail--n10) + .history__episode {
    margin: min(2.2222222222vw, 32px) auto 0 min(18.8888888889vw, 272px);
  }
}
.history__wrap#History5 .history__thumbnail--n1 {
  margin: max(12.7226463104vw, 50px) auto 0 max(4.0712468193vw, 16px);
  transform: rotate(-23deg);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n1 {
    margin: 0;
    position: absolute;
    top: 200px;
    left: min(9.9166666667vw, 330px);
  }
}
.history__wrap#History5 .history__thumbnail--n1 .history__thumbnail__picture {
  width: max(51.3994910941vw, 202px);
  height: max(31.5521628499vw, 124px);
  filter: drop-shadow(1.5267175573vw 1.5267175573vw 1.0178117048vw #9E9E9E);
  transform: translateZ(0);
  will-change: filter;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n1 .history__thumbnail__picture {
    width: min(18.1944444444vw, 262px);
    height: min(11.1111111111vw, 160px);
    filter: drop-shadow(0.4166666667vw 0.4166666667vw 0.2777777778vw #9E9E9E);
  }
}
.history__wrap#History5 .history__thumbnail--n1 .history__thumbnail__caption {
  margin-top: max(3.0534351145vw, 12px);
  text-indent: max(-4.0712468193vw, -16px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n1 .history__thumbnail__caption {
    margin-top: min(0.8333333333vw, 12px);
    font-size: min(0.7638888889vw, 11px);
    font-weight: bold;
    text-indent: 0;
  }
}
.history__wrap#History5 .history__thumbnail--n2 {
  margin: max(13.2315521628vw, 52px) auto 0 max(15.7760814249vw, 62px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n2 {
    margin: min(13.1944444444vw, 190px) min(12.5vw, 180px) 0 auto;
  }
}
.history__wrap#History5 .history__thumbnail--n2 .history__thumbnail__picture {
  width: max(34.096692112vw, 134px);
  height: max(46.31043257vw, 182px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n2 .history__thumbnail__picture {
    width: min(13.3333333333vw, 192px);
    height: min(17.3611111111vw, 250px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n2 .history__thumbnail__caption {
    font-size: min(0.7638888889vw, 11px);
    font-weight: bold;
    line-height: 1.8;
  }
}
.history__wrap#History5 .history__thumbnail--n3 .history__thumbnail__picture {
  width: 100%;
  height: max(50.8905852417vw, 200px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n3 .history__thumbnail__picture {
    width: min(83.3333333333vw, 1200px);
    height: min(53.3333333333vw, 768px);
  }
}
.history__wrap#History5 .history__thumbnail--n4 {
  margin: max(5.0890585242vw, 20px) auto 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n4 {
    width: fit-content;
    margin: min(-15.4166666667vw, -222px) 0 0 auto;
  }
}
.history__wrap#History5 .history__thumbnail--n4 .history__thumbnail__picture {
  width: 100%;
  height: max(52.417302799vw, 206px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n4 .history__thumbnail__picture {
    width: min(41.6666666667vw, 600px);
    height: min(27.5vw, 396px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n4 + .history__text {
    width: min(41.6666666667vw, 600px);
    margin-left: auto;
  }
}
.history__wrap#History5 .history__thumbnail--n5 {
  width: 100%;
  margin: 0 auto 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n5 {
    margin: 0 auto 0 0;
  }
}
.history__wrap#History5 .history__thumbnail--n5 .history__contents__wrap--flex {
  width: 100%;
}
.history__wrap#History5 .history__thumbnail--n5 .history__thumbnail__picture--l {
  width: max(17.8117048346vw, 70px);
  height: max(39.4402035623vw, 155px);
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n5 .history__thumbnail__picture--l {
    width: min(13.75vw, 198px);
    height: min(30.4166666667vw, 438px);
    margin-right: min(0.8333333333vw, 12px);
  }
}
.history__wrap#History5 .history__thumbnail--n5 .history__thumbnail__picture--r {
  width: max(56.7430025445vw, 223px);
  height: max(39.4402035623vw, 155px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n5 .history__thumbnail__picture--r {
    width: min(43.75vw, 630px);
    height: min(30.4166666667vw, 438px);
  }
}
.history__wrap#History5 .history__thumbnail--n6 {
  margin: max(34.096692112vw, 134px) auto 0 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n6 {
    margin: min(10.5555555556vw, 152px) auto auto min(23.1944444444vw, 334px);
  }
}
.history__wrap#History5 .history__thumbnail--n6 .history__thumbnail__picture {
  width: max(40.7124681934vw, 160px);
  height: max(32.0610687023vw, 126px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n6 .history__thumbnail__picture {
    width: min(29.7222222222vw, 428px);
    height: min(23.6111111111vw, 340px);
  }
}
.history__wrap#History5 .history__thumbnail--n7 {
  margin: max(-66.1577608142vw, -260px) max(-3.0534351145vw, -12px) max(10.1781170483vw, 40px) auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n7 {
    margin: max(-16.6666666667vw, -240px) min(2.7777777778vw, 40px) 0 auto;
  }
}
.history__wrap#History5 .history__thumbnail--n7 .history__thumbnail__picture {
  width: max(17.8117048346vw, 70px);
  height: max(71.2468193384vw, 280px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n7 .history__thumbnail__picture {
    width: min(16.1805555556vw, 233px);
    height: min(65vw, 936px);
  }
}
.history__wrap#History5 .history__thumbnail--n7 .button__more--modal {
  position: absolute;
  top: max(-9.1603053435vw, -36px);
  right: max(8.1424936387vw, 32px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n7 .button__more--modal {
    top: max(-2.2222222222vw, -32px);
    right: min(2.7777777778vw, 40px);
  }
}
.history__wrap#History5 .history__thumbnail--n8 {
  margin: 0 auto max(6.106870229vw, 24px) max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n8 {
    margin: max(-8.0555555556vw, -116px) auto 0 0;
  }
}
.history__wrap#History5 .history__thumbnail--n8 .history__thumbnail__picture {
  width: max(45.8015267176vw, 180px);
  height: max(59.0330788804vw, 232px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n8 .history__thumbnail__picture {
    width: min(27.7777777778vw, 400px);
    height: min(36.1111111111vw, 520px);
  }
}
.history__wrap#History5 .history__thumbnail--n8 .button__more--modal {
  position: absolute;
  top: max(-8.1424936387vw, -32px);
  right: max(-7.6335877863vw, -30px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n8 + .history__contents__wrap--flex {
    margin-bottom: min(3.8888888889vw, 56px);
  }
  .history__wrap#History5 .history__thumbnail--n8 + .history__contents__wrap--flex .history__episode {
    width: min(34.4444444444vw, 496px);
    margin-bottom: auto;
  }
  .history__wrap#History5 .history__thumbnail--n8 + .history__contents__wrap--flex + .history__contents__wrap--flex {
    flex-direction: row-reverse;
  }
}
.history__wrap#History5 .history__thumbnail--n9 {
  margin: max(6.106870229vw, 24px) auto 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n9 {
    margin: min(2.7777777778vw, 40px) min(3.6111111111vw, 52px) 0 auto;
  }
}
.history__wrap#History5 .history__thumbnail--n9 .history__thumbnail__picture {
  width: max(74.3002544529vw, 292px);
  height: max(52.417302799vw, 206px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n9 .history__thumbnail__picture {
    width: min(41.6666666667vw, 600px);
    height: min(28.8194444444vw, 415px);
  }
}
.history__wrap#History5 .history__thumbnail--n10 {
  margin: max(12.7226463104vw, 50px) auto 0 max(-2.0356234097vw, -8px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n10 {
    margin: 0 min(2.2222222222vw, 32px) auto 0;
  }
}
.history__wrap#History5 .history__thumbnail--n10 .history__thumbnail__picture {
  width: max(50.8905852417vw, 200px);
  height: max(33.5877862595vw, 132px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n10 .history__thumbnail__picture {
    width: min(34.7222222222vw, 500px);
    height: min(22.8472222222vw, 329px);
  }
}
.history__wrap#History5 .history__thumbnail--n11 {
  margin: max(2.0356234097vw, 8px) 0 0 auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n11 {
    margin: 0 min(0.8333333333vw, 12px) auto auto;
  }
}
.history__wrap#History5 .history__thumbnail--n11 .history__thumbnail__picture {
  width: max(50.8905852417vw, 200px);
  height: max(33.5877862595vw, 132px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n11 .history__thumbnail__picture {
    width: min(34.4444444444vw, 496px);
    height: min(22.8472222222vw, 329px);
  }
}
.history__wrap#History5 .history__thumbnail--n12 {
  margin: max(4.5801526718vw, 18px) auto;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n12 {
    margin: min(6.1111111111vw, 88px) min(2.7777777778vw, 40px) 0 min(5.2083333333vw, 75px);
  }
}
.history__wrap#History5 .history__thumbnail--n12 .history__thumbnail__picture {
  width: max(40.7124681934vw, 160px);
  height: max(50.8905852417vw, 200px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__thumbnail--n12 .history__thumbnail__picture {
    width: min(34.7222222222vw, 500px);
    height: min(43.4027777778vw, 625px);
  }
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__picture {
    height: min(49.375vw, 711px);
  }
}
.history__wrap#History5 .history__picture__img {
  object-fit: cover;
  transform: scale(1.4);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__picture__img {
    transform: scale(1.2);
  }
}
.history__wrap#History5 .history__awarded {
  padding: max(4.5801526718vw, 18px);
  border: max(0.5089058524vw, 2px) solid #7A6B40;
  border-radius: max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__awarded {
    width: min(37.0833333333vw, 534px);
    margin: auto min(5.2083333333vw, 75px) auto 0;
    padding: min(1.25vw, 18px);
    border: min(0.1388888889vw, 2px) solid #7A6B40;
    border-radius: min(0.5555555556vw, 8px);
  }
}
.history__wrap#History5 .history__awarded__caption {
  margin-bottom: max(3.0534351145vw, 12px);
  padding-left: max(8.1424936387vw, 32px);
  color: #7A6B40;
  text-align: left;
  position: relative;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__awarded__caption {
    margin-bottom: min(0.8333333333vw, 12px);
    padding-left: min(2.2222222222vw, 32px);
  }
}
.history__wrap#History5 .history__awarded__caption::before {
  content: "";
  width: max(7.1246819338vw, 28px);
  height: max(7.1246819338vw, 28px);
  background-image: url("../img/icon/awarded.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__awarded__caption::before {
    width: min(1.9444444444vw, 28px);
    height: min(1.9444444444vw, 28px);
  }
}
.history__wrap#History5 .history__awarded__table {
  width: 100%;
}
.history__wrap#History5 .history__awarded__table tr {
  font-size: max(3.0534351145vw, 12px);
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__awarded__table tr {
    font-size: min(0.8333333333vw, 12px);
  }
}
.history__wrap#History5 .history__awarded__table tr:nth-of-type(2n-1) {
  background-color: #fff;
}
.history__wrap#History5 .history__awarded__table tr:nth-of-type(2n) {
  background-color: #F5F5F5;
}
.history__wrap#History5 .history__awarded__country {
  width: max(24.9363867684vw, 98px);
  padding: max(1.0178117048vw, 4px) max(1.0178117048vw, 4px) max(1.0178117048vw, 4px) max(3.0534351145vw, 12px);
  text-align: left;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__awarded__country {
    width: min(10.2777777778vw, 148px);
    padding: min(0.4166666667vw, 6px) min(0.2777777778vw, 4px) min(0.4166666667vw, 6px) min(0.8333333333vw, 12px);
  }
}
.history__wrap#History5 .history__awarded__details {
  padding: max(1.0178117048vw, 4px) max(3.0534351145vw, 12px) max(1.0178117048vw, 4px) 0;
}
@media screen and (min-width: 769px) {
  .history__wrap#History5 .history__awarded__details {
    padding: min(0.4166666667vw, 6px) min(0.8333333333vw, 12px) min(0.4166666667vw, 6px) 0;
  }
}

.president .sec__head, .grobal .sec__head {
  margin-bottom: max(10.1781170483vw, 40px);
}
@media screen and (min-width: 769px) {
  .president .sec__head, .grobal .sec__head {
    margin-bottom: min(4.8611111111vw, 70px);
  }
}
.president .sec__head .sec__caption, .grobal .sec__head .sec__caption {
  text-align: center;
  color: #B41432;
}
.president .sec__head .sec__caption--jp, .grobal .sec__head .sec__caption--jp {
  margin-bottom: max(2.0356234097vw, 8px);
  font-size: max(4.5801526718vw, 18px);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .president .sec__head .sec__caption--jp, .grobal .sec__head .sec__caption--jp {
    margin-bottom: min(0.5555555556vw, 8px);
    font-size: min(2.2222222222vw, 32px);
  }
}
.president .sec__head .sec__caption--jp--en, .grobal .sec__head .sec__caption--jp--en {
  font-size: max(3.0534351145vw, 12px);
}
@media screen and (min-width: 769px) {
  .president .sec__head .sec__caption--jp--en, .grobal .sec__head .sec__caption--jp--en {
    font-size: min(1.6666666667vw, 24px);
  }
}

.president {
  overflow: hidden;
}
.president .sec__contents .animated {
  opacity: 1;
}
.president__list {
  display: flex;
  padding: max(5.0890585242vw, 20px) 0 max(5.0890585242vw, 20px) 50vw;
  white-space: nowrap;
  background-color: #fff;
  overflow: hidden;
  transform-origin: top left;
}
@media screen and (min-width: 769px) {
  .president__list {
    padding: min(1.6666666667vw, 24px) 0 min(1.6666666667vw, 24px) 40vw;
  }
}
.president [class^=president__item] {
  margin: 0 0 auto;
  position: relative;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .president [class^=president__item] {
    display: flex;
    margin: auto 0 0;
    padding-left: min(2.7777777778vw, 40px);
  }
}
.president__head {
  position: relative;
  transition: opacity 0.4s;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .president__head {
    height: auto;
    margin: auto 0 min(5.5555555556vw, 80px);
  }
}
.president__period {
  display: flex;
  width: max(35.6234096692vw, 140px);
  height: max(35.6234096692vw, 140px);
  padding-bottom: max(1.0178117048vw, 4px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #B41432;
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .president__period {
    width: min(15.6944444444vw, 226px);
    height: min(15.6944444444vw, 226px);
    padding-bottom: min(0.2777777778vw, 4px);
    top: min(34.7222222222vw, 500px);
    left: min(-0.9722222222vw, -14px);
    z-index: 2;
  }
}
.president__period .period__caption {
  letter-spacing: 0.05em;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .president__period .period__caption {
    font-size: min(1.9444444444vw, 28px);
  }
}
.president__total {
  margin: max(1.5267175573vw, 6px) 0 0;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .president__total {
    margin: min(0.4166666667vw, 6px) 0 0;
    font-size: min(1.7361111111vw, 25px);
  }
}
.president__total--en {
  margin-right: max(1.0178117048vw, 4px);
  font-size: max(10.6870229008vw, 42px);
}
@media screen and (min-width: 769px) {
  .president__total--en {
    margin-right: min(0.2777777778vw, 4px);
    font-size: min(5.1388888889vw, 74px);
  }
}
.president__years {
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .president__years {
    font-size: min(1.7361111111vw, 25px);
  }
}
.president__thumbnail {
  width: max(58.0152671756vw, 228px);
  height: max(58.0152671756vw, 228px);
  margin-left: max(9.6692111959vw, 38px);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .president__thumbnail {
    width: min(42.3611111111vw, 610px);
    height: min(55.5555555556vw, 800px);
    margin: 0 0 min(3.4722222222vw, 50px);
  }
}
.president__details {
  margin-top: max(-5.0890585242vw, -20px);
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .president__details {
    display: flex;
    width: min(42.3611111111vw, 610px);
    align-items: center;
  }
}
.president__position {
  display: inline-flex;
  height: max(10.1781170483vw, 40px);
  margin-bottom: max(4.0712468193vw, 16px);
  padding: 0 max(5.0890585242vw, 20px);
  color: #fff;
  font-size: max(4.5801526718vw, 18px);
  line-height: 1;
  letter-spacing: 0.05em;
  align-items: center;
  justify-content: center;
  background-color: #B41432;
}
html[lang=en] .president__position {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .president__position {
    height: min(4.0277777778vw, 58px);
    margin: auto min(1.3888888889vw, 20px) auto 0;
    padding: 0 min(1.3888888889vw, 20px);
    font-size: min(1.9444444444vw, 28px);
  }
  html[lang=en] .president__position {
    margin-bottom: 0;
  }
}
.president__details {
  color: #B41432;
}
html[lang=en] .president__person {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  html[lang=en] .president__person {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}
.president__name {
  font-size: max(6.106870229vw, 24px);
  font-weight: 600;
}
html:not([lang=en]) .president__name {
  line-height: 1;
}
html[lang=en] .president__name {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .president__name {
    margin-bottom: min(1.1111111111vw, 16px);
    font-size: min(3.6111111111vw, 52px);
  }
}
.president__life {
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .president__life {
    height: max(4.0712468193vw, 16px);
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 769px) {
  .president__life {
    font-size: min(1.9444444444vw, 28px);
  }
}
.president__start {
  height: max(11.7048346056vw, 46px);
  color: #B41432;
  line-height: 1;
  font-size: max(4.5801526718vw, 18px);
}
@media screen and (min-width: 769px) {
  .president__start {
    width: min(6.8055555556vw, 98px);
    height: auto;
    font-size: min(4.3055555556vw, 62px);
    writing-mode: vertical-lr;
    text-orientation: sideways;
    position: absolute;
    top: 0;
    left: min(-2.2222222222vw, -32px);
  }
}
.president__start--en {
  display: inline-block;
  height: 100%;
  font-size: max(15.2671755725vw, 60px);
}
@media screen and (min-width: 769px) {
  .president__start--en {
    height: auto;
    font-size: min(9.5833333333vw, 138px);
  }
}
.president__events {
  min-height: max(40.7124681934vw, 160px);
  position: absolute;
  top: max(19.3384223919vw, 76px);
  left: max(54.9618320611vw, 216px);
  z-index: 2;
  transition: opacity 0.4s;
}
@media screen and (min-width: 769px) {
  .president__events {
    width: min(25vw, 360px);
    height: min(21.5277777778vw, 310px);
    min-height: unset;
    border-radius: min(0.5555555556vw, 8px);
    top: auto;
    left: min(47.2222222222vw, 680px);
    bottom: 0;
  }
}
.president__events .events__caption {
  width: max(27.4809160305vw, 108px);
  margin-bottom: max(3.0534351145vw, 12px);
  font-size: max(3.0534351145vw, 12px);
  color: #fff;
  line-height: max(6.6157760814vw, 26px);
  background-color: #7A6B40;
  position: absolute;
  top: max(2.0356234097vw, 8px);
  left: max(2.0356234097vw, 8px);
}
@media screen and (min-width: 769px) {
  .president__events .events__caption {
    width: auto;
    height: auto;
    margin-bottom: min(0.8333333333vw, 12px);
    font-size: min(1.6666666667vw, 24px);
    line-height: 1;
    background-color: transparent;
    color: #7A6B40;
    top: min(1.6666666667vw, 24px);
    left: min(1.3888888889vw, 20px);
  }
}
.president__events .events__table {
  width: 100%;
  padding: max(11.7048346056vw, 46px) max(2.0356234097vw, 8px) max(2.0356234097vw, 8px);
  font-size: max(3.0534351145vw, 12px);
  line-height: 1.6;
  color: #7A6B40;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: max(2.0356234097vw, 8px);
  transition: opacity 0.4s;
}
@media screen and (min-width: 769px) {
  .president__events .events__table {
    padding: min(4.4444444444vw, 64px) min(1.3888888889vw, 20px) min(1.3888888889vw, 20px);
    font-size: min(1.25vw, 18px);
    line-height: 1.9;
    background-color: #EDE9DB;
    border-radius: min(0.5555555556vw, 8px);
  }
}
.president__events .events__year {
  width: 4em;
  padding: 0 max(3.0534351145vw, 12px);
  border-left: max(0.2544529262vw, 1px) solid #7A6B40;
}
@media screen and (min-width: 769px) {
  .president__events .events__year {
    padding: 0 min(1.6666666667vw, 24px) 0 min(0.8333333333vw, 12px);
    border-left: min(0.1388888889vw, 2px) solid #7A6B40;
  }
}
.president__events .events__row:not(:last-of-type) .events__year, .president__events .events__row:not(:last-of-type) .events__name {
  padding-bottom: max(6.106870229vw, 24px);
}
@media screen and (min-width: 769px) {
  .president__events .events__row:not(:last-of-type) .events__year, .president__events .events__row:not(:last-of-type) .events__name {
    padding-bottom: 0;
  }
}
.president__contents {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .president__contents {
    flex-direction: column-reverse;
  }
}
.president .timeline__head {
  display: flex;
  width: 100%;
  height: max(10.1781170483vw, 40px);
  font-size: max(4.5801526718vw, 18px);
  font-weight: 500;
  color: #fff;
  background-image: linear-gradient(270deg, transparent 0%, transparent 0%, #B41432 0%, #B41432 200%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  align-items: center;
  transition: opacity 0.4s, background-image 0.4s;
}
.president .timeline__head.animated {
  opacity: 1;
  animation-delay: 0.8s;
}
@keyframes bgAnimation {
  from {
    background-size: 0% 100%;
  }
  to {
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 769px) {
  .president .timeline__head {
    width: calc(100% + min(85.8333333333vw, 1236px));
    padding-left: min(42.9166666667vw, 618px);
    margin-left: max(-42.3611111111vw, -610px);
    height: min(4.3055555556vw, 62px);
    margin-bottom: min(24.5833333333vw, 354px);
    font-size: min(1.9444444444vw, 28px);
    position: relative;
  }
}
.president .timeline__head__era {
  position: relative;
  z-index: 1;
  transition: opacity 0.4s;
}
.president .timeline__list {
  display: flex;
  margin: max(10.1781170483vw, 40px) 0 auto;
  color: #B41432;
  gap: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .president .timeline__list {
    margin: 0 min(7.9166666667vw, 114px) 0 0;
    gap: 0;
  }
}
[class^=timeline__item] {
  min-width: max(25.9541984733vw, 102px);
  transition: opacity 0.4s;
}
@media screen and (min-width: 769px) {
  [class^=timeline__item] {
    width: min(10.4166666667vw, 150px);
    min-width: unset;
    margin-top: auto;
  }
}
[class^=timeline__item]:last-of-type {
  margin-right: auto;
}
[class^=timeline__item]:last-of-type .timeline__details::after {
  width: calc(50% + max(8.3969465649vw, 33px));
}

@media screen and (min-width: 769px) {
  .president .timeline__contents {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .president .timeline__contents::before {
    content: "";
    display: block;
    width: min(0.1388888889vw, 2px);
    height: min(8.125vw, 117px);
    margin: 0 auto;
    background-color: #B41432;
  }
}
.president .timeline__caption {
  margin-bottom: max(2.0356234097vw, 8px);
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .president .timeline__caption {
    margin: 0 auto;
  }
  .president .timeline__caption::after {
    content: "";
    display: block;
    width: min(1.3888888889vw, 20px);
    height: min(1.3888888889vw, 20px);
    margin: min(1.1111111111vw, 16px) auto 0;
    border-radius: 50%;
    background-color: #B41432;
  }
}
.president .timeline__year--en {
  font-size: max(8.1424936387vw, 32px);
}
@media screen and (min-width: 769px) {
  .president .timeline__year--en {
    font-size: min(2.2222222222vw, 32px);
  }
}
.president .timeline__year--jp {
  font-size: max(4.5801526718vw, 18px);
}
@media screen and (min-width: 769px) {
  .president .timeline__year--jp {
    font-size: min(1.25vw, 18px);
  }
}
.president .timeline__details {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .president .timeline__details::before {
    content: "";
    display: block;
    width: max(4.5801526718vw, 18px);
    height: max(4.5801526718vw, 18px);
    margin: 0 auto max(2.0356234097vw, 8px);
    border-radius: 50%;
    background-color: #B41432;
  }
  .president .timeline__details::after {
    content: "";
    display: block;
    width: calc(50% + max(13.4860050891vw, 53px));
    height: max(0.2544529262vw, 1px);
    background-color: #B41432;
    position: absolute;
    top: max(2.2900763359vw, 9px);
    left: calc(50% + max(2.2900763359vw, 9px));
    z-index: 2;
  }
}
@media screen and (min-width: 769px) {
  .president .timeline__details {
    display: flex;
    margin-bottom: min(0.5555555556vw, 8px);
    flex-direction: column-reverse;
  }
}
.president .timeline__happened {
  margin: 0 auto;
  padding-right: 0.15em;
  letter-spacing: 0.1em;
}
html:not([lang=en]) .president .timeline__happened {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
html[lang=en] .president .timeline__happened {
  writing-mode: vertical-rl;
  text-orientation: sideways;
}
@media screen and (min-width: 769px) {
  .president .timeline__happened {
    font-size: min(1.3888888889vw, 20px);
  }
}
.president .timeline__happened--upright {
  display: inline-block;
  margin-bottom: 0.25em;
  text-combine-upright: all;
  text-align-last: center;
  text-orientation: sideways;
}
.president .timeline__photo {
  margin: max(2.0356234097vw, 8px) auto 0;
}
@media screen and (min-width: 769px) {
  .president .timeline__photo {
    margin: 0 auto min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .president__item--n1 {
    width: max(95.165394402vw, 374px);
  }
  html[lang=en] .president__item--n1 {
    width: max(112.9770992366vw, 444px);
  }
}
@media screen and (min-width: 769px) {
  .president__item--n1 .timeline__head::before {
    width: min(41.7361111111vw, 601px);
  }
}
@media screen and (max-width: 768px) {
  .president__item--n1 .timeline__item--n1 {
    width: max(33.0788804071vw, 130px);
  }
}
.president__item--n1 .timeline__item--n1 .timeline__photo {
  width: max(28.7531806616vw, 113px);
  height: max(19.8473282443vw, 78px);
}
@media screen and (min-width: 769px) {
  .president__item--n1 .timeline__item--n1 .timeline__photo {
    width: min(8.8888888889vw, 128px);
    height: min(6.1111111111vw, 88px);
  }
}
.president__item--n1 .timeline__item--n3 .timeline__details::after {
  width: calc(50% + max(8.3969465649vw, 33px));
}
html[lang=en] .president__item--n1 .timeline__item--n3 .timeline__details::after {
  width: calc(50% + max(25.9541984733vw, 102px));
}
.president__item--n1 .timeline__item--n3 .timeline__photo {
  width: max(20.3562340967vw, 80px);
  height: max(27.4809160305vw, 108px);
}
@media screen and (min-width: 769px) {
  .president__item--n1 .timeline__item--n3 .timeline__photo {
    width: min(6.9444444444vw, 100px);
    height: min(9.375vw, 135px);
  }
}
.president__item--n2 .timeline__item--n2 .timeline__photo {
  width: max(20.3562340967vw, 80px);
  height: max(24.9363867684vw, 98px);
}
@media screen and (min-width: 769px) {
  .president__item--n2 .timeline__item--n2 .timeline__photo {
    width: min(5.5555555556vw, 80px);
    height: min(6.8055555556vw, 98px);
  }
}
.president__item--n2 .timeline__item--n4 .timeline__details::after {
  width: calc(50% + max(8.3969465649vw, 33px));
}
@media screen and (max-width: 768px) {
  .president__item--n3 {
    width: max(104.5801526718vw, 411px);
  }
}
@media screen and (min-width: 769px) {
  .president__item--n3 .timeline__list {
    margin-right: min(18.3333333333vw, 264px);
  }
}
.president__item--n3 .timeline__item--n2 .timeline__details::after {
  width: calc(max(104.5801526718vw, 411px) - 200% + max(16.2849872774vw, 64px));
}
.president__item--n3 .timeline__item--n2 .timeline__photo {
  width: max(19.3384223919vw, 76px);
  height: max(24.427480916vw, 96px);
}
@media screen and (min-width: 769px) {
  .president__item--n3 .timeline__item--n2 .timeline__photo {
    width: min(5.2777777778vw, 76px);
    height: min(6.6666666667vw, 96px);
  }
}
@media screen and (max-width: 768px) {
  .president__item--n4 {
    width: max(109.1603053435vw, 429px);
  }
  html[lang=en] .president__item--n4 {
    width: max(140.4580152672vw, 552px);
  }
  .president__item--n4 .president__events .events__row:not(:last-of-type) .events__year, .president__item--n4 .president__events .events__row:not(:last-of-type) .events__name {
    padding-bottom: max(3.0534351145vw, 12px);
  }
}
.president__item--n4 .timeline__item--n1 .timeline__details::after {
  width: calc(50% + max(15.7760814249vw, 62px));
}
.president__item--n4 .timeline__item--n2 .timeline__photo {
  width: max(30.534351145vw, 120px);
  height: max(20.8651399491vw, 82px);
}
@media screen and (min-width: 769px) {
  .president__item--n4 .timeline__item--n2 .timeline__photo {
    width: min(8.3333333333vw, 120px);
    height: min(5.6944444444vw, 82px);
  }
}
.president__item--n4 .timeline__item--n3 .timeline__details::after {
  width: calc(max(109.1603053435vw, 429px) - 300% + max(6.6157760814vw, 26px));
}
html[lang=en] .president__item--n4 .timeline__item--n3 .timeline__details::after {
  width: calc(max(140.4580152672vw, 552px) - 300% + max(6.6157760814vw, 26px));
}
.president__item--n4 .timeline__item--n3 .timeline__photo {
  width: max(25.4452926209vw, 100px);
  height: max(22.1374045802vw, 87px);
}
@media screen and (min-width: 769px) {
  .president__item--n4 .timeline__item--n3 .timeline__photo {
    width: min(6.9444444444vw, 100px);
    height: min(6.0416666667vw, 87px);
  }
}
@media screen and (max-width: 768px) {
  .president__item--n5 {
    width: max(99.4910941476vw, 391px);
  }
  html[lang=en] .president__item--n5 {
    width: max(108.9058524173vw, 428px);
  }
}
.president__item--n5 .timeline__item--n1 .timeline__photo {
  width: max(25.4452926209vw, 100px);
  height: max(17.8117048346vw, 70px);
}
@media screen and (min-width: 769px) {
  .president__item--n5 .timeline__item--n1 .timeline__photo {
    width: min(6.9444444444vw, 100px);
    height: min(4.8611111111vw, 70px);
  }
}
.president__item--n5 .timeline__item--n3 .timeline__details::after {
  width: calc(max(99.4910941476vw, 391px) - 300% + max(11.1959287532vw, 44px));
}
html[lang=en] .president__item--n5 .timeline__item--n3 .timeline__details::after {
  width: calc(max(108.9058524173vw, 428px) - 300% + max(11.1959287532vw, 44px));
}
@media screen and (min-width: 769px) {
  html:not([lang=en]) .president__item--n5 .timeline__item--n2, html:not([lang=en]) .president__item--n5 .timeline__item--n3 {
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .president__item--n6 {
    width: max(99.4910941476vw, 391px);
  }
  html[lang=en] .president__item--n6 {
    width: max(122.1374045802vw, 480px);
  }
}
.president__item--n6 .president__years {
  margin-top: max(2.0356234097vw, 8px);
  line-height: inherit;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .president__item--n6 .president__years {
    margin-top: min(0.5555555556vw, 8px);
  }
}
@media screen and (min-width: 769px) {
  .president__item--n6 .timeline__list {
    margin-right: min(28.75vw, 414px);
  }
}
.president__item--n6 .timeline__item--n1 .timeline__details::after {
  width: calc(max(99.4910941476vw, 391px) - 100% + max(10.6870229008vw, 42px));
}
html[lang=en] .president__item--n6 .timeline__item--n1 .timeline__details::after {
  width: calc(max(122.1374045802vw, 480px) - 100% + max(10.6870229008vw, 42px));
}
.president__item--n6 .timeline__item--n1 .timeline__photo {
  width: max(25.4452926209vw, 100px);
  height: max(36.1323155216vw, 142px);
}
@media screen and (min-width: 769px) {
  .president__item--n6 .timeline__item--n1 .timeline__photo {
    width: min(6.9444444444vw, 100px);
    height: min(9.8611111111vw, 142px);
  }
}

.grobal__text {
  margin-bottom: max(8.1424936387vw, 32px);
  font-size: max(3.0534351145vw, 12px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .grobal__text {
    margin-bottom: min(1.3888888889vw, 20px);
    font-size: inherit;
  }
}
.grobal__thumbnail {
  display: flex;
  width: 100%;
}
.grobal__thumbnail:not(:first-of-type):not(.--pc) {
  margin-top: max(8.1424936387vw, 32px);
}

@media screen and (min-width: 769px) {
  .to-top {
    margin: min(2.7777777778vw, 40px) 0;
  }
}
.to-top__link {
  display: flex;
  width: max(79.3893129771vw, 312px);
  height: max(14.2493638677vw, 56px);
  margin: 0 auto;
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
  color: #7A6B40;
  line-height: 1;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #7A6B40;
  border-radius: max(7.1246819338vw, 28px);
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (min-width: 769px) {
  .to-top__link {
    width: min(21.6666666667vw, 312px);
    height: min(3.8888888889vw, 56px);
    border-radius: min(1.9444444444vw, 28px);
  }
}
.to-top__link::before {
  content: "";
  display: block;
  width: max(8.1424936387vw, 32px);
  height: max(8.1424936387vw, 32px);
  margin-right: max(2.0356234097vw, 8px);
  background-image: url("../img/icon/arrow-up.svg");
  background-size: cover;
  filter: invert(41%) sepia(40%) saturate(405%) hue-rotate(7deg) brightness(93%) contrast(94%);
}
@media screen and (min-width: 769px) {
  .to-top__link::before {
    width: min(2.2222222222vw, 32px);
    height: min(2.2222222222vw, 32px);
    margin-right: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .to-top__link:active {
    background-color: #7A6B40;
    color: #fff;
  }
  .to-top__link:active::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(107%) contrast(104%);
  }
}
@media screen and (min-width: 769px) {
  .to-top__link:hover {
    background-color: #7A6B40;
    color: #fff;
  }
  .to-top__link:hover::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(107%) contrast(104%);
  }
}

.sound {
  position: fixed;
  right: max(3.0534351145vw, 12px);
  bottom: max(3.0534351145vw, 12px);
  z-index: 5;
}
@media screen and (min-width: 769px) {
  .sound {
    right: auto;
    left: calc(100vw - min(6.9444444444vw, 100px));
    bottom: min(1.3888888889vw, 20px);
  }
}
.sound__button {
  display: flex;
  width: max(20.3562340967vw, 80px);
  height: max(20.3562340967vw, 80px);
  font-size: max(2.5445292621vw, 10px);
  line-height: 1.2;
  font-weight: 500;
  color: #fff;
  background-color: rgba(80, 80, 80, 0.8);
  border-radius: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .sound__button {
    width: min(5.5555555556vw, 80px);
    height: min(5.5555555556vw, 80px);
    font-size: min(0.6944444444vw, 10px);
  }
}
.sound__button::before {
  content: "";
  display: inline-block;
  width: max(7.1246819338vw, 28px);
  height: max(7.1246819338vw, 28px);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .sound__button::before {
    width: min(1.9444444444vw, 28px);
    height: min(1.9444444444vw, 28px);
  }
}
.sound__button:not(.--off)::before {
  background-image: url("../img/icon/sound-on.svg");
}
.sound__button.--off::before {
  background-image: url("../img/icon/sound-off.svg");
}

@media screen and (min-width: 769px) {
  .loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: opacity 0.4s;
  }
  .loading__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .loading__skip {
    display: flex;
    width: min(13.8888888889vw, 200px);
    height: min(4.1666666667vw, 60px);
    font-size: min(1.6666666667vw, 24px);
    font-weight: 600;
    line-height: 1;
    color: #B41432;
    position: absolute;
    right: min(1.3888888889vw, 20px);
    bottom: min(1.3888888889vw, 20px);
    align-items: center;
    justify-content: center;
    border: 1px solid #B41432;
    border-radius: min(2.0833333333vw, 30px);
    cursor: pointer;
    transition: 0.4s;
  }
  .loading__skip:hover {
    color: #fff;
    background-color: #B41432;
  }
}

.modal__wrap {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  padding: max(5.0890585242vw, 20px) max(4.5801526718vw, 18px) max(3.0534351145vw, 12px);
  background-color: transparent;
  flex-direction: column;
  overflow: hidden;
  transition: opacity 0.4s;
  background-color: transparent;
}
.modal__wrap:not(#cinematograph) {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .modal__wrap {
    padding: min(1.3888888889vw, 20px) min(1.25vw, 18px) min(0.8333333333vw, 12px);
  }
}
.modal__wrap::backdrop {
  display: none;
}
.modal__wrap[open], html[page-id=cinematograph] .modal__wrap {
  display: flex;
  background-color: #EDE9DB;
}
.modal__wrap#history-5_9 {
  justify-content: space-between;
}
.modal__wrap#history-5_9 .modal__thumbnail__img {
  display: block !important;
  width: auto !important;
  margin: 0 auto;
  height: max(98.727735369vw, 388px);
}
@media screen and (min-width: 769px) {
  .modal__wrap#history-5_9 .modal__thumbnail__img {
    height: 60vh;
  }
}
.modal__wrap#history-5_9 .modal__thumbnail__caption {
  margin-top: max(4.0712468193vw, 16px);
  font-size: max(3.0534351145vw, 12px);
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .modal__wrap#history-5_9 .modal__thumbnail__caption {
    margin-top: min(1.1111111111vw, 16px);
    font-size: min(0.8333333333vw, 12px);
  }
}
.modal__wrap#history-5_9 .modal__thumbnail__caption--small {
  font-size: max(2.0356234097vw, 8px);
  font-weight: bold;
  color: #999999;
}
@media screen and (min-width: 769px) {
  .modal__wrap#history-5_9 .modal__thumbnail__caption--small {
    font-size: min(0.5555555556vw, 8px);
  }
}
.modal__wrap#expansion {
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal__wrap#expansion .modal__thumbnail__img {
  width: 100%;
  height: calc(100% - max(18.320610687vw, 72px));
  object-fit: contain;
}
@media screen and (min-width: 769px) {
  .modal__wrap#expansion .modal__thumbnail__img {
    height: 80vh;
  }
}
.modal__wrap#expansion .modal__copyright {
  color: #fff;
}
.modal__wrap#cinematograph .modal__details {
  position: relative;
}
.modal__wrap#cinematograph .modal__details:first-of-type {
  margin-bottom: max(8.1424936387vw, 32px);
  padding-bottom: max(8.1424936387vw, 32px);
}
.modal__wrap#cinematograph .modal__details:first-of-type::after {
  content: "";
  display: block;
  width: calc(100% + max(6.106870229vw, 24px));
  height: 1px;
  background-color: #C2C2C2;
  position: absolute;
  bottom: 0;
  left: max(-3.0534351145vw, -12px);
}
.modal__wrap#cinematograph .modal__thumbnail__caption {
  margin: max(2.0356234097vw, 8px) auto;
  font-size: max(3.5623409669vw, 14px);
  font-weight: 600;
  text-align: center;
}
.modal__wrap#cinematograph .modal__text {
  font-size: max(2.5445292621vw, 10px);
  font-weight: bold;
  color: #999999;
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
}
html:not([lang=en]) .modal__wrap#cinematograph .modal__text {
  text-align: justify;
}
.modal__contents {
  height: calc(100% - max(18.320610687vw, 72px));
  padding: max(8.1424936387vw, 32px) max(4.5801526718vw, 18px) max(2.5445292621vw, 10px);
  background-color: #fff;
  overflow-y: scroll;
}
@media screen and (min-width: 769px) {
  .modal__contents {
    height: 80vh;
    padding: min(2.2222222222vw, 32px) min(1.25vw, 18px) min(0.6944444444vw, 10px);
  }
}
.modal__footer {
  margin: auto 0 0;
  padding-top: max(5.0890585242vw, 20px);
  line-height: 1;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .modal__footer {
    padding-top: min(1.3888888889vw, 20px);
  }
}
.modal__close {
  display: flex;
  width: max(42.7480916031vw, 168px);
  height: max(7.6335877863vw, 30px);
  margin: 0 auto max(3.0534351145vw, 12px);
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
  font-size: max(2.5445292621vw, 10px);
  font-weight: bold;
  color: #999999;
  background-color: #fff;
  border: 1px solid #999999;
  border-radius: max(1.0178117048vw, 4px);
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .modal__close {
    width: min(11.6666666667vw, 168px);
    height: min(2.0833333333vw, 30px);
    margin: 0 auto min(0.8333333333vw, 12px);
    font-size: min(0.6944444444vw, 10px);
    border-radius: min(0.2777777778vw, 4px);
  }
}
.modal__close:hover {
  color: #fff;
  background-color: #999999;
}
.modal__close:hover::before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(176deg) brightness(110%) contrast(101%);
}
.modal__close::before {
  content: "";
  display: block;
  width: max(4.0712468193vw, 16px);
  height: max(4.0712468193vw, 16px);
  margin-right: max(1.0178117048vw, 4px);
  background-image: url("../img/modal/icon/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.4s;
  filter: invert(75%) sepia(0%) saturate(11%) hue-rotate(212deg) brightness(82%) contrast(87%);
}
@media screen and (min-width: 769px) {
  .modal__close::before {
    width: min(1.1111111111vw, 16px);
    height: min(1.1111111111vw, 16px);
    margin-right: min(0.2777777778vw, 4px);
  }
}
.modal__copyright {
  font-size: max(2.5445292621vw, 10px);
  text-align: center;
  color: #505050;
}
@media screen and (min-width: 769px) {
  .modal__copyright {
    font-size: min(0.6944444444vw, 10px);
  }
}

.welcome__modal {
  width: 100%;
  height: 100%;
  padding: max(5.0890585242vw, 20px) max(4.5801526718vw, 18px);
  background-color: transparent;
  flex-direction: column;
  overflow: hidden;
  transition: 0.4s;
  opacity: 0;
  background-color: transparent;
}
@media screen and (min-width: 769px) {
  .welcome__modal {
    padding: min(1.3888888889vw, 20px) min(1.25vw, 18px) min(0.8333333333vw, 12px);
  }
}
.welcome__modal::backdrop {
  display: none;
}
.welcome__modal[open] {
  display: flex;
  background-color: #505050;
  align-items: center;
  justify-content: center;
}
.welcome__wrap {
  margin: auto 0 max(6.106870229vw, 24px);
  padding: max(6.106870229vw, 24px) max(5.0890585242vw, 20px);
  text-align: center;
  overflow-y: scroll;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .welcome__wrap {
    margin: auto 0 min(1.6666666667vw, 24px);
    padding: min(1.6666666667vw, 24px) min(1.3888888889vw, 20px);
  }
}
.welcome__head {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  font-size: max(3.5623409669vw, 14px);
}
@media screen and (min-width: 769px) {
  .welcome__head {
    font-size: min(0.9722222222vw, 14px);
  }
}
.welcome__head::before {
  content: "";
  display: block;
  width: max(8.1424936387vw, 32px);
  height: max(8.1424936387vw, 32px);
  margin: 0 auto max(1.5267175573vw, 6px);
  background-image: url("../img/welcome/book.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .welcome__head::before {
    width: min(2.2222222222vw, 32px);
    height: min(2.2222222222vw, 32px);
    margin: 0 auto min(0.4166666667vw, 6px);
  }
}
.welcome__contents {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.welcome__item {
  font-size: max(3.0534351145vw, 12px);
}
@media screen and (min-width: 769px) {
  .welcome__item {
    font-size: min(0.8333333333vw, 12px);
  }
}
.welcome__item:nth-of-type(1) {
  margin: max(3.0534351145vw, 12px) 0;
  padding: max(5.0890585242vw, 20px) 0;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
}
@media screen and (min-width: 769px) {
  .welcome__item:nth-of-type(1) {
    margin: min(0.8333333333vw, 12px) 0;
    padding: min(1.3888888889vw, 20px) 0;
  }
}
.welcome__item:nth-of-type(1) .welcome__caption::before {
  background-image: url("../img/welcome/qr.svg");
}
.welcome__item:nth-of-type(2) .welcome__caption {
  margin-bottom: max(5.0890585242vw, 20px);
}
@media screen and (min-width: 769px) {
  .welcome__item:nth-of-type(2) .welcome__caption {
    margin-bottom: min(1.3888888889vw, 20px);
  }
}
.welcome__item:nth-of-type(2) .welcome__caption::before {
  background-image: url("../img/welcome/audio.svg");
}
.welcome__item:nth-of-type(2) .welcome__text {
  text-align: center;
}
.welcome__item:nth-of-type(2) .welcome__img {
  display: block;
  width: max(66.1577608142vw, 260px);
  height: max(38.6768447837vw, 152px);
  margin: 0 auto max(5.0890585242vw, 20px);
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .welcome__item:nth-of-type(2) .welcome__img {
    width: min(18.0555555556vw, 260px);
    height: min(10.5555555556vw, 152px);
    margin: 0 auto min(1.3888888889vw, 20px);
  }
}
.welcome__caption {
  display: flex;
  margin-bottom: max(3.0534351145vw, 12px);
  font-weight: bold;
  color: #505050;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .welcome__caption {
    margin-bottom: min(0.8333333333vw, 12px);
  }
}
.welcome__caption::before {
  content: "";
  display: inline-block;
  width: max(4.5801526718vw, 18px);
  height: max(4.5801526718vw, 18px);
  margin-right: max(2.0356234097vw, 8px);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .welcome__caption::before {
    width: min(1.25vw, 18px);
    height: min(1.25vw, 18px);
    margin-right: min(0.5555555556vw, 8px);
  }
}
.welcome__text {
  line-height: 1.6;
}
html:not([lang=en]) .welcome__text {
  text-align: justify;
}
.welcome__close {
  display: flex;
  width: max(42.7480916031vw, 168px);
  height: max(7.6335877863vw, 30px);
  margin: 0 0 auto;
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
  font-size: max(2.5445292621vw, 10px);
  color: #fff;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #fff;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .welcome__close {
    width: min(11.6666666667vw, 168px);
    height: min(2.0833333333vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  .welcome__close {
    font-size: min(0.6944444444vw, 10px);
  }
}
.welcome__close::before {
  content: "";
  display: block;
  width: max(4.0712468193vw, 16px);
  height: max(4.0712468193vw, 16px);
  margin-right: max(1.0178117048vw, 4px);
  background-image: url("../img/modal/icon/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(107%) contrast(104%);
}
@media screen and (min-width: 769px) {
  .welcome__close::before {
    width: min(1.1111111111vw, 16px);
    height: min(1.1111111111vw, 16px);
    margin-right: min(0.2777777778vw, 4px);
  }
}

.narration {
  margin: 0 max(5.0890585242vw, 20px);
  font-family: "Noto Sans JP", "Meiryo", "メイリオ", sans-serif;
  font-display: swap;
  font-style: normal;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .narration {
    margin: 0 auto;
  }
}
.narration__button {
  display: flex;
  width: 100%;
  height: max(14.2493638677vw, 56px);
  align-items: center;
  justify-content: center;
  color: #7A6B40;
  line-height: 1;
  border: 1px solid #7A6B40;
  border-radius: max(7.1246819338vw, 28px);
  transition: color 0.4s, background-color 0.4s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .narration__button {
    width: min(21.6666666667vw, 312px);
    height: min(3.8888888889vw, 56px);
    border-radius: min(1.9444444444vw, 28px);
  }
}
.about .narration__button {
  background-color: transparent;
}
.history .narration__button {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .narration__button:active {
    background-color: #7A6B40;
    color: #fff;
  }
  .narration__button:active .narration__wave path {
    fill: #fff;
  }
}
@media screen and (min-width: 769px) {
  .narration__button:hover {
    background-color: #7A6B40;
    color: #fff;
  }
  .narration__button:hover .narration__wave path {
    fill: #fff;
  }
}
.narration__button .narration__wave {
  width: max(8.1424936387vw, 32px);
  height: max(8.1424936387vw, 32px);
  margin-right: max(3.0534351145vw, 12px);
}
@media screen and (min-width: 769px) {
  .narration__button .narration__wave {
    width: min(2.2222222222vw, 32px);
    height: min(2.2222222222vw, 32px);
    margin-right: min(0.5555555556vw, 8px);
  }
}
.narration__button .narration__wave path {
  fill: #7A6B40;
  transition: 0.4s;
}
@keyframes wave {
  0%, 100% {
    transform: scaleY(1);
    transform-origin: center;
  }
  50% {
    transform: scaleY(0.25);
    transform-origin: center;
  }
}
.narration.play-now .narration__button {
  background-color: #7A6B40;
  color: #fff;
}
.narration.play-now .narration__button .narration__wave path {
  fill: #fff;
}
.narration.play-now .wave3 {
  animation: wave 1s ease-in-out infinite 0.1s;
}
.narration.play-now .wave4, .narration.play-now .wave2 {
  animation: wave 1s ease-in-out infinite 0.2s;
}
.narration.play-now .wave5, .narration.play-now .wave1 {
  animation: wave 1s ease-in-out infinite;
}

.button__more--blank {
  display: flex;
  margin: max(2.0356234097vw, 8px) auto 0;
  padding: max(2.0356234097vw, 8px) max(5.0890585242vw, 20px);
  font-family: "adobe-garamond-pro", "Noto Serif JP", serif;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #7A6B40;
  align-items: center;
  justify-content: center;
  border: 1px solid #7A6B40;
  border-radius: max(25.4452926209vw, 100px);
  background-color: #fff;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (min-width: 769px) {
  .button__more--blank {
    margin: min(0.5555555556vw, 8px) auto 0;
    padding: min(0.5555555556vw, 8px) min(1.3888888889vw, 20px);
    border-radius: min(6.9444444444vw, 100px);
  }
}
.button__more--blank::before {
  content: "";
  display: block;
  width: max(5.0890585242vw, 20px);
  height: max(5.0890585242vw, 20px);
  margin-right: max(1.0178117048vw, 4px);
  background-image: url("../img/icon/blank.svg");
  background-size: cover;
  filter: invert(41%) sepia(40%) saturate(405%) hue-rotate(7deg) brightness(93%) contrast(94%);
  transition: 0.4s;
}
@media screen and (min-width: 769px) {
  .button__more--blank::before {
    width: min(1.3888888889vw, 20px);
    height: min(1.3888888889vw, 20px);
    margin-right: min(0.2777777778vw, 4px);
  }
}
.button__more--blank:hover {
  background-color: #7A6B40;
  color: #fff;
}
.button__more--blank:hover::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(107%) contrast(104%);
}
.button__more--modal {
  display: flex;
  width: max(15.2671755725vw, 60px);
  height: max(15.2671755725vw, 60px);
  font-family: "adobe-garamond-pro", "Noto Serif JP", serif;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  align-items: center;
  justify-content: center;
  border: 1px solid #7A6B40;
  background-color: #7A6B40;
  border-radius: max(7.6335877863vw, 30px);
  flex-direction: column;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (min-width: 769px) {
  .button__more--modal {
    width: min(4.1666666667vw, 60px);
    height: min(4.1666666667vw, 60px);
    border-radius: min(2.0833333333vw, 30px);
  }
}
.button__more--modal::before {
  content: "";
  width: max(4.5801526718vw, 18px);
  height: max(4.5801526718vw, 18px);
  margin-bottom: max(1.0178117048vw, 4px);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(43deg) brightness(107%) contrast(104%);
  background-image: url("../img/icon/more.svg");
  background-size: cover;
  transition: 0.4s;
}
@media screen and (min-width: 769px) {
  .button__more--modal::before {
    width: min(1.25vw, 18px);
    height: min(1.25vw, 18px);
    margin-bottom: min(0.2777777778vw, 4px);
  }
}
.button__more--modal:hover {
  color: #7A6B40;
  background-color: #fff;
}
.button__more--modal:hover::before {
  filter: invert(41%) sepia(40%) saturate(405%) hue-rotate(7deg) brightness(93%) contrast(94%);
}

.slick, .slick-modal {
  width: 100%;
}
.slick .slick-dots, .slick-modal .slick-dots {
  pointer-events: none;
}
.slick .slick-dots li, .slick-modal .slick-dots li {
  width: max(2.0356234097vw, 8px);
  height: max(2.0356234097vw, 8px);
  margin: 0 max(0.5089058524vw, 2px);
}
@media screen and (min-width: 769px) {
  .slick .slick-dots li, .slick-modal .slick-dots li {
    width: min(0.5555555556vw, 8px);
    height: min(0.5555555556vw, 8px);
    margin: 0 min(0.1388888889vw, 2px);
  }
}

.prev-arrow,
.next-arrow {
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
  position: absolute;
  bottom: -30px;
}

.prev-arrow {
  transform: rotate(180deg);
  left: 0;
}
@media screen and (min-width: 769px) {
  .prev-arrow {
    left: 30%;
  }
}

.next-arrow {
  right: 0;
}
@media screen and (min-width: 769px) {
  .next-arrow {
    right: 30%;
  }
}

.prev-arrow::before,
.next-arrow::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}

section.ik-makimono-section {
  padding: 0 !important;
}

#lightcase-case {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
}

#lightcase-overlay {
  opacity: 1 !important;
  background: rgba(80, 80, 80, 0.95) !important;
}

@media screen and (min-width: 641px) {
  .lightcase-icon-prev, .lightcase-icon-next {
    width: 32px !important;
    height: 52px !important;
  }
}
@media screen and (max-width: 640px) {
  .lightcase-icon-prev, .lightcase-icon-next {
    width: 20px !important;
    height: 30px !important;
  }
  .lightcase-icon-prev:before, .lightcase-icon-next:before {
    width: 10px !important;
    height: 17px !important;
  }
}