@charset "UTF-8";
/* ====================
Layout
 ==================== */
@media screen and (max-width: 960px) {
  html {
    font-size: max(2.7027027027vw, 8px);
  }
}

.l-in__title {
  width: 44rem;
}
@media screen and (max-width: 960px) {
  .l-in__title {
    width: 73.5294117647%;
    max-width: 50rem;
  }
}
.l-in__header {
  margin: 0 auto 0.8rem;
}
@media screen and (max-width: 960px) {
  .l-in__header {
    margin: 0 auto 6.7rem;
  }
}

/* ====================
Project
 ==================== */
.p-history {
  width: 95%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-history {
    width: 100%;
  }
}
.p-history__container {
  width: 100%;
  max-width: 117.2rem;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-history__container {
    width: 100%;
  }
}
.p-history__inner {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.p-history_tree {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-history_tree {
    padding-bottom: 34.5rem;
  }
}
.p-history_tree__bg {
  width: 97.2rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(2.13%);
  background: url(../img/history/road_pc.png) repeat-y center 0px;
  background-size: 97.6rem;
}
@media screen and (max-width: 960px) {
  .p-history_tree__bg {
    width: 100%;
    transform: translateX(-50%);
    background: url(../img/history/road_sp.png) repeat-y center 0;
    background-size: 37rem;
  }
}
.p-history_tree__year {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-history_tree__year-item {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-history_tree__year-item:first-child {
  position: relative;
}
.p-history_tree__year-item.is-current {
  opacity: 1;
}
.p-history_tree__year-text {
  width: 62rem;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-history_tree__year-text {
    width: 90%;
  }
}
.p-history_tree__inner {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 961px) {
  .p-history_tree__inner {
    padding: 4.3% 0 32.3%;
  }
}
.p-history_tree__deco {
  position: absolute;
  z-index: 1;
}
.p-history_tree__deco.-deco1 {
  top: 0.8rem;
  left: 13.4rem;
  width: 24.9rem;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco1 {
    top: -9.5rem;
    left: -1.8rem;
    width: 16.2rem;
  }
}
.p-history_tree__deco.-deco2 {
  top: 11.1%;
  left: 10%;
  width: 6%;
  animation: deco2 15s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco2 {
    top: 3.35%;
    left: auto;
    right: 6%;
    width: 12%;
  }
}
@keyframes deco2 {
  0% {
    transform: translateY(0);
  }
  21% {
    transform: translateY(0);
  }
  22% {
    transform: translateY(-0.5rem);
  }
  23% {
    transform: translateY(0);
  }
  24% {
    transform: translateY(-0.5rem);
  }
  25% {
    transform: translateY(0);
  }
  26% {
    transform: translateY(-0.5rem);
  }
  27% {
    transform: translateY(0);
  }
  73% {
    transform: translateY(0);
  }
  74% {
    transform: translateY(-0.5rem);
  }
  75% {
    transform: translateY(0);
  }
  76% {
    transform: translateY(-0.5rem);
  }
  77% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco3 {
  right: 1%;
  top: 14%;
  width: 27%;
  padding-top: 27%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco3 {
    right: 0%;
    top: 8.7%;
    width: 39%;
    padding-top: 39%;
  }
}
.p-history_tree__deco.-deco3 .p-in_item {
  position: absolute;
}
.p-history_tree__deco.-deco3 .p-in_item:nth-child(1) {
  top: 18%;
  left: 4%;
  width: 39%;
  animation: deco3_1 3s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco3 .p-in_item:nth-child(1) {
    top: 12%;
    left: 5%;
    width: 53%;
  }
}
@keyframes deco3_1 {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0);
  }
  24% {
    transform: translateY(-0.3rem);
  }
  28% {
    transform: translateY(0);
  }
  32% {
    transform: translateY(-0.3rem);
  }
  36% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-0.3rem);
  }
  44% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco3 .p-in_item:nth-child(2) {
  top: 26%;
  right: 6%;
  width: 48%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco3 .p-in_item:nth-child(2) {
    top: 26%;
    right: -29%;
    width: 64%;
  }
}
.p-history_tree__deco.-deco4 {
  top: 17.4%;
  left: 50%;
  width: 2.8%;
  animation: deco4 10s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco4 {
    top: 5.6%;
    left: 11%;
    width: 5.8%;
  }
}
@keyframes deco4 {
  0% {
    transform: translateY(0);
  }
  21% {
    transform: translateY(0);
  }
  22% {
    transform: translateY(-0.5rem);
  }
  23% {
    transform: translateY(0);
  }
  24% {
    transform: translateY(-0.5rem);
  }
  25% {
    transform: translateY(0);
  }
  26% {
    transform: translateY(-0.5rem);
  }
  27% {
    transform: translateY(0);
  }
  73% {
    transform: translateY(0);
  }
  74% {
    transform: translateY(-0.5rem);
  }
  75% {
    transform: translateY(0);
  }
  76% {
    transform: translateY(-0.5rem);
  }
  77% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco5 {
  top: 20.2%;
  left: 32%;
  width: 24.8%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco5 {
    top: 13.1%;
    left: -10%;
    width: 57.8%;
  }
}
.p-history_tree__deco.-deco6 {
  top: 24.7%;
  right: 31%;
  width: 3%;
  animation: deco6 0.4s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco6 {
    top: 18.34%;
    right: 32%;
    width: 7%;
  }
}
@keyframes deco6 {
  0% {
    transform: translateY(0);
  }
  33.33% {
    transform: translateY(2%);
  }
  66.66% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco6 img {
  animation: deco6_img 70s linear infinite;
}
@keyframes deco6_img {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-600%);
  }
  51% {
    transform: translateX(-600%) scale(-1, 1);
  }
  100% {
    transform: translateX(0) scale(-1, 1);
  }
}
.p-history_tree__deco.-deco7 {
  top: 28.3%;
  left: 10%;
  width: 16%;
  animation: deco7 0.3s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco7 {
    top: 22.5%;
    left: auto;
    right: 8%;
    width: 32%;
  }
}
@keyframes deco7 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco8 {
  top: 32.8%;
  right: 14%;
  width: 9%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco8 {
    top: 27%;
    right: auto;
    left: 1%;
    width: 20%;
  }
}
.p-history_tree__deco.-deco9 {
  top: 37.3%;
  left: 18%;
  width: 4%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco9 {
    top: 31.5%;
    left: auto;
    right: 9%;
    width: 9%;
  }
}
.p-history_tree__deco.-deco10 {
  top: 41.6%;
  right: 23%;
  width: 10.5%;
  animation: deco10 60s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco10 {
    top: 35.45%;
    right: auto;
    left: 5%;
    width: 24.5%;
  }
}
@keyframes deco10 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translate(-100%, 30%);
  }
  50.3% {
    transform: translate(-100%, 30%) scale(-1, 1);
  }
  100% {
    transform: translateX(0) scale(-1, 1);
  }
}
.p-history_tree__deco.-deco10 img {
  animation: deco10_img 2s linear infinite;
  transform-origin: center bottom;
}
@keyframes deco10_img {
  0% {
    transform: rotate(0deg);
  }
  33.33% {
    transform: rotate(1deg);
  }
  66.66% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.p-history_tree__deco.-deco11 {
  top: 48.7%;
  right: 16%;
  width: 9.5%;
  animation: deco11 3s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco11 {
    top: 39.8%;
    right: 6%;
    width: 19.5%;
  }
}
@keyframes deco11 {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0);
  }
  24% {
    transform: translateY(-0.3rem);
  }
  28% {
    transform: translateY(0);
  }
  32% {
    transform: translateY(-0.3rem);
  }
  36% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-0.3rem);
  }
  44% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco12 {
  top: 60.9%;
  left: 10%;
  width: 11.5%;
  animation: deco12 15s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco12 {
    top: 48.4%;
    left: 6%;
    width: 23.5%;
  }
}
@keyframes deco12 {
  0% {
    transform: translateY(0);
  }
  21% {
    transform: translateY(0);
  }
  22% {
    transform: translateY(-1.2rem);
  }
  23% {
    transform: translateY(0);
  }
  53% {
    transform: translateY(0);
  }
  54% {
    transform: translateY(-1.2rem);
  }
  55% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(0);
  }
  66% {
    transform: translateY(-1.2rem);
  }
  67% {
    transform: translateY(0);
  }
  73% {
    transform: translateY(0);
  }
  74% {
    transform: translateY(-1.2rem);
  }
  75% {
    transform: translateY(0);
  }
  76% {
    transform: translateY(-1.2rem);
  }
  77% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco12 img {
  animation: deco12_img 0.5s linear infinite;
}
@keyframes deco12_img {
  0% {
    transform: translateY(0);
  }
  33.33% {
    transform: translateX(-0.04rem);
  }
  66.66% {
    transform: translateX(0.04rem);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco13 {
  top: 65.8%;
  right: 16%;
  width: 22%;
  padding-top: 22%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco13 {
    top: 57.3%;
    right: 0%;
    width: 44%;
    padding-top: 44%;
  }
}
.p-history_tree__deco.-deco13 .p-in_item {
  position: absolute;
}
.p-history_tree__deco.-deco13 .p-in_item:nth-child(1) {
  top: 2%;
  left: 3%;
  width: 20%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco13 .p-in_item:nth-child(1) {
    top: 20%;
    left: 1%;
    width: 22%;
  }
}
.is-load .p-history_tree__deco.-deco13 .p-in_item:nth-child(1) {
  animation: deco13_1 16s linear infinite;
}
@keyframes deco13_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0);
  }
}
.is-load .p-history_tree__deco.-deco13 .p-in_item:nth-child(1) img {
  animation: deco13_1_img 0.5s linear infinite;
}
@keyframes deco13_1_img {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(3%);
  }
  75% {
    transform: translateX(-3%);
  }
  100% {
    transform: translateX(0);
  }
}
.p-history_tree__deco.-deco13 .p-in_item:nth-child(2) {
  top: 18%;
  right: 1%;
  width: 70%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco13 .p-in_item:nth-child(2) {
    top: 2%;
    right: -5%;
    width: 82%;
  }
}
.p-history_tree__deco.-deco14 {
  top: 70.5%;
  left: 16.5%;
  width: 12%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco14 {
    top: 66.15%;
    left: -1.5%;
    width: 27%;
  }
}
.p-history_tree__deco.-deco15 {
  top: 73.8%;
  right: 11.8%;
  width: 10.5%;
  transform-origin: center bottom;
  animation: deco15 10s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco15 {
    top: 70.65%;
    right: 1.8%;
    width: 21.5%;
  }
}
@keyframes deco15 {
  0% {
    transform: rotate(0deg);
  }
  33.33% {
    transform: rotate(5deg);
  }
  66.66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.p-history_tree__deco.-deco16 {
  top: 79.1%;
  left: 31.8%;
  width: 9.5%;
  animation: deco16 3.5s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco16 {
    top: 74.85%;
    left: 23.8%;
    width: 21.5%;
  }
}
@keyframes deco16 {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0);
  }
  24% {
    transform: translateY(-0.3rem);
  }
  28% {
    transform: translateY(0);
  }
  32% {
    transform: translateY(-0.3rem);
  }
  36% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-0.3rem);
  }
  44% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco17 {
  top: 83.7%;
  right: 23.8%;
  width: 16.8%;
  transform-origin: center bottom;
  animation: deco17 8s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco17 {
    top: 79.34%;
    right: auto;
    left: -3.5%;
    width: 39%;
  }
}
@keyframes deco17 {
  0% {
    transform: rotate(0);
  }
  22% {
    transform: rotate(0);
  }
  24% {
    transform: rotate(-3deg);
  }
  26% {
    transform: rotate(3deg);
  }
  28% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(3deg);
  }
  32% {
    transform: rotate(-3deg);
  }
  34% {
    transform: rotate(3deg);
  }
  36% {
    transform: rotate(0);
  }
  60% {
    transform: rotate(0);
  }
  62% {
    transform: rotate(-3deg);
  }
  64% {
    transform: rotate(3deg);
  }
  66% {
    transform: rotate(-3deg);
  }
  68% {
    transform: rotate(3deg);
  }
  70% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.p-history_tree__deco.-deco18 {
  top: 91.6%;
  right: 5.8%;
  width: 20.8%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco18 {
    top: 88.3%;
    right: -10.2%;
    width: 48.8%;
  }
}
.p-history_tree__deco.-deco19 {
  bottom: 0%;
  left: 33.8%;
  width: 33%;
  padding-top: 34%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco19 {
    bottom: 6.6%;
    left: 6.8%;
    width: 50%;
    padding-top: 48%;
  }
}
.p-history_tree__deco.-deco19 .p-in_item {
  position: absolute;
}
.p-history_tree__deco.-deco19 .p-in_item:nth-child(1) {
  top: 45%;
  left: 4%;
  width: 11%;
  animation: deco19_1 0.3s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco19 .p-in_item:nth-child(1) {
    top: 44%;
    left: 2%;
    width: 15%;
  }
}
@keyframes deco19_1 {
  0% {
    transform: translateY(0);
  }
  33.33% {
    transform: translateY(2%);
  }
  66.66% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco19 .p-in_item:nth-child(1) img {
  animation: deco19_1_img 70s linear infinite;
}
@keyframes deco19_1_img {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(300%);
  }
  51% {
    transform: translateX(300%) scale(-1, 1);
  }
  100% {
    transform: translateX(0) scale(-1, 1);
  }
}
.p-history_tree__deco.-deco19 .p-in_item:nth-child(2) {
  top: 11%;
  right: 6%;
  width: 9%;
  animation: deco19_2 0.4s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco19 .p-in_item:nth-child(2) {
    top: 14%;
    right: 3%;
    width: 13%;
  }
}
@keyframes deco19_2 {
  0% {
    transform: translateY(0);
  }
  33.33% {
    transform: translateY(2%);
  }
  66.66% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0);
  }
}
.p-history_tree__deco.-deco19 .p-in_item:nth-child(2) img {
  animation: deco19_2_img 70s linear infinite;
}
@keyframes deco19_2_img {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-600%);
  }
  51% {
    transform: translateX(-600%) scale(-1, 1);
  }
  100% {
    transform: translateX(0) scale(-1, 1);
  }
}
.p-history_tree__deco.-deco19 .p-in_item:nth-child(3) {
  top: 21%;
  right: 32%;
  width: 40%;
  animation: deco19_3 30s linear infinite;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco19 .p-in_item:nth-child(3) {
    top: 17%;
    right: 30%;
    width: 53%;
  }
}
@keyframes deco19_3 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translate(100%, 30%);
  }
  51% {
    transform: translate(100%, 30%) scale(-1, 1);
  }
  100% {
    transform: translateX(0) scale(-1, 1);
  }
}
.p-history_tree__deco.-deco19 .p-in_item:nth-child(3) img {
  animation: deco19_3_img 0.8s linear infinite;
  transform-origin: center bottom;
}
@keyframes deco19_3_img {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(0%);
  }
}
.p-history_tree__deco.-deco20 {
  bottom: 0;
  right: 0;
  width: 29%;
}
@media screen and (max-width: 960px) {
  .p-history_tree__deco.-deco20 {
    right: auto;
    left: -16%;
    width: 72%;
  }
}
@media screen and (max-width: 960px) {
  .p-history_tree__container {
    padding-top: 10.4rem;
  }
}

.p-history_data {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 83rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 961px) {
  .p-history_data {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .p-history_data:nth-child(odd) {
    flex-direction: row;
    margin-left: auto;
  }
  .p-history_data:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 961px) and (max-width: 960px) {
  .p-history_data + .p-history_data {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 961px) {
  .p-history_data[data-history-year="1893"], .p-history_data[data-history-year="1905"], .p-history_data[data-history-year="1913"], .p-history_data[data-history-year="1943-2"], .p-history_data[data-history-year="2006"] {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 960px) {
  .p-history_data {
    width: 100%;
    padding-top: 5.8rem;
  }
}
.p-history_data[data-history-year="1882"] {
  margin-top: -12.3rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1882"] {
    margin-top: 5.8rem;
  }
}
.p-history_data[data-history-year="1890"] {
  margin-top: -4.7rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1890"] {
    margin-top: 12.8rem;
  }
}
.p-history_data[data-history-year="1893"] {
  margin-top: -8.2rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1893"] {
    margin-top: 12.8rem;
  }
}
.p-history_data[data-history-year="1901"] {
  margin-top: -3.2rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1901"] {
    margin-top: 4.2rem;
  }
}
.p-history_data[data-history-year="1902"] {
  margin-top: -16.2rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1902"] {
    margin-top: 7.6rem;
  }
}
.p-history_data[data-history-year="1903"] {
  margin-top: -10rem;
  padding-right: 13.8rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1903"] {
    margin-top: 4rem;
    padding-right: 0;
  }
}
.p-history_data[data-history-year="1905"] {
  margin-top: -3.5rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1905"] {
    margin-top: 2.3rem;
  }
}
.p-history_data[data-history-year="1913"] {
  margin-top: -11.1rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1913"] {
    margin-top: 7.7rem;
  }
}
.p-history_data[data-history-year="1924"] {
  margin-top: -13.5rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1924"] {
    margin-top: 5.4rem;
  }
}
.p-history_data[data-history-year="1943"] {
  margin-top: -5rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1943"] {
    margin-top: 8.5rem;
  }
}
.p-history_data[data-history-year="1943-2"] {
  margin-top: -2.7rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1943-2"] {
    margin-top: 14.3rem;
  }
}
.p-history_data[data-history-year="1971"] {
  margin-top: -7.6rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1971"] {
    margin-top: 3.3rem;
  }
}
.p-history_data[data-history-year="1991"] {
  margin-top: -3.5rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1991"] {
    margin-top: 9.9rem;
  }
}
.p-history_data[data-history-year="1992"] {
  margin-top: -5.3rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="1992"] {
    margin-top: 14.3rem;
  }
}
.p-history_data[data-history-year="2006"] {
  margin-top: -11rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2006"] {
    margin-top: 6.9rem;
  }
}
.p-history_data[data-history-year="2016"] {
  margin-top: -3.3rem;
  padding-right: 13.5rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2016"] {
    margin-top: 9.3rem;
    padding-right: 0;
  }
}
.p-history_data[data-history-year="2017"] {
  margin-top: 1.6rem;
  padding-left: 13.7rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2017"] {
    margin-top: 15rem;
    padding-left: 0;
  }
}
.p-history_data[data-history-year="2018"] {
  margin-top: -11.9rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2018"] {
    margin-top: 11.3rem;
  }
}
.p-history_data[data-history-year="2021"] {
  margin-top: -18rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2021"] {
    margin-top: 7.5rem;
  }
}
.p-history_data[data-history-year="2022"] {
  margin-top: -6.3rem;
  padding-right: 13.5rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2022"] {
    margin-top: 6.4rem;
    padding-right: 0;
  }
}
.p-history_data[data-history-year="2022-2"] {
  margin-top: -6.3rem;
  padding-left: 13.7rem;
}
@media screen and (max-width: 960px) {
  .p-history_data[data-history-year="2022-2"] {
    margin-top: 15.5rem;
    padding-left: 0;
  }
}
.p-history_data::before {
  width: 0.8rem;
  height: 4.3rem;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background: url(../img/history/pointer_sp.png) no-repeat center bottom;
  background-size: contain;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 960px) {
  .p-history_data::before {
    content: "";
  }
}
.p-history_data__header {
  width: 50%;
  min-width: 34rem;
  height: 100%;
  display: block;
  position: relative;
}
.p-history_data__header::before {
  content: "";
  width: 2rem;
  height: 6rem;
  position: absolute;
  background: url(../img/history/pointer_pc.png) no-repeat center bottom;
  background-size: contain;
  bottom: 0;
}
.p-history_data:nth-child(odd) .p-history_data__header::before {
  right: 8.3rem;
}
.p-history_data:nth-child(even) .p-history_data__header::before {
  left: 8rem;
}
@media screen and (max-width: 960px) {
  .p-history_data__header::before {
    content: none;
  }
}
@media screen and (min-width: 961px) {
  .p-history_data__header {
    padding-bottom: 7.4rem;
  }
  .p-history_data:nth-child(odd) .p-history_data__header {
    padding-right: 2.1rem;
    text-align: right;
  }
  .p-history_data:nth-child(even) .p-history_data__header {
    padding-left: 2.1rem;
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  .p-history_data__header {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }
}
.p-history_data__year {
  display: block;
  position: relative;
  margin-bottom: 0.7rem;
  font-family: "sirenne-text-mvb", "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  font-size: 6.6rem;
  line-height: 0.8;
  color: var(--color-blue);
}
@media screen and (max-width: 960px) {
  .p-history_data__year {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 1.2rem;
  }
}
.p-history_data__title {
  display: block;
  position: relative;
  margin-bottom: 0.3rem;
  font-size: 2.6rem;
  line-height: 1.3;
  letter-spacing: 0.3rem;
}
@media screen and (max-width: 960px) {
  .p-history_data__title {
    letter-spacing: 0.2rem;
    margin-bottom: 0.7rem;
    font-size: 1.7rem;
    text-align: center;
  }
}
.p-history_data__text {
  display: block;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.3rem;
}
@media screen and (max-width: 960px) {
  .p-history_data__text {
    font-size: 1.25rem;
    text-align: center;
    letter-spacing: 0.25rem;
  }
}
.p-history_data__inner {
  width: 43.8rem;
  flex-shrink: 0;
  align-items: center;
}
@media screen and (min-width: 961px) {
  .p-history_data__inner {
    display: flex;
    position: relative;
  }
  .p-history_data:nth-child(odd) .p-history_data__inner {
    justify-content: flex-end;
    text-align: right;
  }
  .p-history_data:nth-child(even) .p-history_data__inner {
    justify-content: flex-start;
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  .p-history_data__inner {
    width: 29.2rem;
    margin: 1.5rem auto 0;
    text-align: center;
  }
}
[data-history-year="1866"] .p-history_data__inner {
  width: 28.2rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1866"] .p-history_data__inner {
    width: 21.2rem;
  }
}
[data-history-year="1893"] .p-history_data__inner {
  width: 27.8rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1893"] .p-history_data__inner {
    width: 21rem;
  }
}
[data-history-year="1901"] .p-history_data__inner {
  width: 27.8rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1901"] .p-history_data__inner {
    width: 25.1rem;
  }
}
[data-history-year="1902"] .p-history_data__inner {
  width: 33.6rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1902"] .p-history_data__inner {
    width: 25.2rem;
  }
}
[data-history-year="1903"] .p-history_data__inner {
  width: 23.6rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1903"] .p-history_data__inner {
    width: 21.2rem;
  }
}
[data-history-year="1905"] .p-history_data__inner {
  width: 28.2rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1905"] .p-history_data__inner {
    width: 21.2rem;
  }
}
[data-history-year="1913"] .p-history_data__inner {
  width: 28.2rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1913"] .p-history_data__inner {
    width: 21.2rem;
  }
}
[data-history-year="1924"] .p-history_data__inner {
  width: 34rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1924"] .p-history_data__inner {
    width: 25.2rem;
  }
}
[data-history-year="1943"] .p-history_data__inner {
  width: 39.8rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1943"] .p-history_data__inner {
    width: 29rem;
  }
}
[data-history-year="1943-2"] .p-history_data__inner {
  width: 28.2rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1943-2"] .p-history_data__inner {
    width: 25.2rem;
  }
}
[data-history-year="1971"] .p-history_data__inner {
  width: 33.6rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1971"] .p-history_data__inner {
    width: 25rem;
  }
}
[data-history-year="1991"] .p-history_data__inner {
  width: 33.6rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1991"] .p-history_data__inner {
    width: 33rem;
  }
}
[data-history-year="1992"] .p-history_data__inner {
  width: 34.1rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="1992"] .p-history_data__inner {
    width: 21.2rem;
  }
}
[data-history-year="2006"] .p-history_data__inner {
  width: 28.2rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2006"] .p-history_data__inner {
    width: 21.2rem;
  }
}
[data-history-year="2016"] .p-history_data__inner {
  width: 34rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2016"] .p-history_data__inner {
    width: 29rem;
  }
}
[data-history-year="2017"] .p-history_data__inner {
  width: 33.9rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2017"] .p-history_data__inner {
    width: 29.2rem;
  }
}
[data-history-year="2018"] .p-history_data__inner {
  width: 34rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2018"] .p-history_data__inner {
    width: 21.3rem;
  }
}
[data-history-year="2021"] .p-history_data__inner {
  width: 34rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2021"] .p-history_data__inner {
    width: 21.3rem;
  }
}
[data-history-year="2022"] .p-history_data__inner {
  width: 27.4rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2022"] .p-history_data__inner {
    width: 24.5rem;
  }
}
[data-history-year="2022-2"] .p-history_data__inner {
  width: 27.7rem;
}
@media screen and (max-width: 960px) {
  [data-history-year="2022-2"] .p-history_data__inner {
    width: 25rem;
  }
}
.p-history_data__img {
  display: inline-block;
  position: relative;
  width: 100%;
}
.p-history_data__img img {
  display: inline-block;
}
.p-history_data__img-cap {
  display: block;
  position: relative;
  font-size: 0.85rem;
  margin-top: 0.8rem;
  white-space: nowrap;
  font-family: "sirenne-text-mvb", "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
}
@media screen and (min-width: 961px) {
  .p-history_data:nth-child(odd) .p-history_data__img-cap {
    text-align: left;
  }
  .p-history_data:nth-child(even) .p-history_data__img-cap {
    text-align: right;
  }
}
@media screen and (max-width: 960px) {
  .p-history_data__img-cap {
    margin-top: 1rem;
    width: 100%;
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    text-align: center;
  }
}

/* ====================
COMPONENT
 ==================== */