@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.historyTimeline__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }
  .historyTimeline__list::before {
    content: '';
    position: absolute;
    top: 30px;
    bottom: 0;
    left: calc((100% + 120px) / 2);
    border-left: 1px dotted #DDD;
    pointer-events: none; }

.historyTimeline__item {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr); }

.historyTimeline__year {
  padding-right: 10px;
  text-align: center; }
  .historyTimeline__year--western {
    display: block;
    color: #7c93f2;
    font-size: 3rem;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    line-height: 1; }
  .historyTimeline__year--era {
    display: block;
    margin-top: 7px;
    font-size: 1rem;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap; }

.historyTimeline__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 30px;
  border-top: 1px solid #444; }

.historyTimeline__record {
  padding: 32px 40px 46px 0;
  font-size: 1.125rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  font-weight: 500;
  line-height: 30px; }

.historyTimeline__society {
  padding: 32px 40px 46px;
  border-left: 1px solid transparent;
  color: #BBB;
  font-size: 1rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  font-weight: 500;
  line-height: 30px; }
  .historyTimeline__society ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .historyTimeline__society li {
    position: relative;
    padding-left: 16px; }
    .historyTimeline__society li::before {
      content: '';
      position: absolute;
      top: 12px;
      left: 0;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: currentColor; }

@media (max-width: 1000px) {
  .historyTimeline__list::before {
    left: calc((100% + 105px) / 2); }
  .historyTimeline__item {
    grid-template-columns: 105px minmax(0, 1fr); }
  .historyTimeline__record {
    padding-right: 25px; }
  .historyTimeline__society {
    padding-right: 15px;
    padding-left: 25px; } }

@media (max-width: 700px) {
  .historyTimeline__list::before {
    display: none; }
  .historyTimeline__item {
    grid-template-columns: 85px minmax(0, 1fr); }
  .historyTimeline__year--western {
    font-size: 2.25rem; }
  .historyTimeline__year--era {
    font-size: 0.6875rem; }
  .historyTimeline__details {
    grid-template-columns: 1fr;
    margin-top: 20px; }
  .historyTimeline__record {
    padding: 20px 0 15px;
    font-size: 1rem;
    line-height: 1.8; }
  .historyTimeline__society {
    padding: 0 0 30px;
    border-left: 0;
    font-size: 0.8125rem;
    line-height: 1.8; }
    .historyTimeline__society li::before {
      top: 9px;
      width: 5px;
      height: 5px; } }

@media (prefers-reduced-motion: reduce) {
  .innerPage {
    animation: none; }
    .innerPage *,
    .innerPage *::before,
    .innerPage *::after {
      animation: none;
      transition: none;
      scroll-behavior: auto; } }