@charset "UTF-8";
/* =====================================
  function
===================================== */
/* =====================================
  keyframes
===================================== */
@-webkit-keyframes reveal-down {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes reveal-down {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@-webkit-keyframes reveal-wipe {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes reveal-wipe {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
/* =====================================
  contents
===================================== */
/* =====================================
  layout
===================================== */
/* =====================================
  font
===================================== */
/* =====================================
  animation
===================================== */
/* =====================================
  .l-history
===================================== */
.l-history {
  position: relative;
  padding-bottom: 40px;
}
.l-history::before,
.l-history::after {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  content: "";
}
.l-history::before {
  right: calc(17.5675675676vw + 93px);
  width: 1px;
  background: #2a2a2a;
}
.l-history::after {
  right: calc(35.1351351351vw + 124px);
  width: calc(17.5675675676vw + 31px);
  border-right: 1px solid #2a2a2a;
  border-left: 1px solid #2a2a2a;
}
.l-history__content {
  position: relative;
}

.l-history__th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  padding-top: 35px;
  padding-left: 31px;
}
.l-history__th::before {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  display: block;
  flex: 1 1 auto;
  content: "";
}
.l-history__th::after {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62px;
  display: block;
  flex: 0 0 62px;
  content: "";
}
.l-history__th li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(17.5675675676vw + 31px);
  flex: 0 0 calc(17.5675675676vw + 31px);
  padding-left: 31px;
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 2.278125rem;
  font-weight: bold;
  line-height: 1.3;
}

.l-history-period {
  padding-bottom: 40px;
}
.l-history-period__content {
  margin-right: calc(52.7027027027vw + 155px);
  margin-bottom: 40px;
  padding: 0 31px 0 62px;
}
.l-history-period__content--1981 {
  padding-bottom: 70px;
}
.l-history-period__content--1983 {
  padding-bottom: 60px;
}
.l-history-period__content:last-of-type {
  margin-bottom: 0;
}
.l-history-period__title {
  margin-bottom: 0.6em;
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.6491157532rem;
  line-height: 1.3;
}
.l-history-period__title span {
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 2.9487804066rem;
  line-height: 1.43;
}
body.is-en .l-history-period__title span {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.7581643664rem;
  line-height: 1.3;
  line-height: 1.3;
}
.l-history-period__txt {
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.6363636364rem;
  line-height: 1.43;
}
body.is-en .l-history-period__txt {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.9375049986rem;
  line-height: 1.3;
  line-height: 1.3;
}
body.is-en .l-history-period__txt em {
  font-style: italic;
}
.l-history-period__img-single figcaption {
  padding-top: 0.7em;
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.6363636364rem;
  line-height: 1.43;
}
body.is-en .l-history-period__img-single figcaption {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.9375049986rem;
  line-height: 1.3;
  line-height: 1.3;
}

.l-history-period__img li {
  position: absolute;
  top: 0;
  width: 17.5675675676%;
}
.l-history-period__img li img {
  height: auto;
}
.l-history-period__img figcaption {
  padding-top: 0.9em;
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.6363636364rem;
  line-height: 1.43;
  word-break: break-all;
}
body.is-en .l-history-period__img figcaption {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.9375049986rem;
  line-height: 1.3;
  line-height: 1.3;
}
.l-history-period--1870 .l-history-period__content {
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.l-history-period--1870 .l-history-period__content__header {
  padding-right: 31px;
}
.l-history-period--1870 .l-history-period__img-single {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42.8571428571%;
  flex: 0 0 42.8571428571%;
}
.l-history-period--1910 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-123.0769230769%);
  transform: translateY(-123.0769230769%);
}
.l-history-period--1910 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(0.7692307692%);
  transform: translateY(0.7692307692%);
}
.l-history-period--1920 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-2.3076923077%);
  transform: translateY(-2.3076923077%);
}
.l-history-period--1920 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(37.6923076923%);
  transform: translateY(37.6923076923%);
}
.l-history-period--1930 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(44.2307692308%);
  transform: translateY(44.2307692308%);
}
.l-history-period--1940 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-3.8461538462%);
  transform: translateY(-3.8461538462%);
}
.l-history-period--1940 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(56.1538461538%);
  transform: translateY(56.1538461538%);
}
.l-history-period--1950 {
  min-height: 340px;
}
.is-en .l-history-period--1950 {
  min-height: 400px;
}
.l-history-period--1950 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.l-history-period--1950 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(38.4615384615%);
  transform: translateY(38.4615384615%);
}
.l-history-period--1950 .l-history-period__img li:nth-child(3) {
  -webkit-transform: translateY(163.4615384615%);
  transform: translateY(163.4615384615%);
}
.l-history-period--1960 {
  min-height: 560px;
}
.is-en .l-history-period--1960 {
  min-height: 620px;
}
.l-history-period--1960 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(43.0769230769%);
  transform: translateY(43.0769230769%);
}
.l-history-period--1960 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(69.2307692308%);
  transform: translateY(69.2307692308%);
}
.is-en .l-history-period--1970 {
  min-height: 360px;
}
.l-history-period--1970 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-18.4615384615%);
  transform: translateY(-18.4615384615%);
}
.l-history-period--1970 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(-3.8461538462%);
  transform: translateY(-3.8461538462%);
}
.l-history-period--1970 .l-history-period__img li:nth-child(3) {
  -webkit-transform: translateY(-8.8461538462%);
  transform: translateY(-8.8461538462%);
}
.l-history-period--1970 .l-history-period__img li:nth-child(4) {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
.is-en .l-history-period--1980 {
  min-height: 730px;
}
.l-history-period--1980 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-14.6153846154%);
  transform: translateY(-14.6153846154%);
}
.l-history-period--1980 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(26.9230769231%);
  transform: translateY(26.9230769231%);
}
.l-history-period--1980 .l-history-period__img li:nth-child(3) {
  -webkit-transform: translateY(103.8461538462%);
  transform: translateY(103.8461538462%);
}
.l-history-period--1980 .l-history-period__img li:nth-child(4) {
  -webkit-transform: translateY(115.3846153846%);
  transform: translateY(115.3846153846%);
}
.is-en .l-history-period--1990 {
  min-height: 690px;
}
.l-history-period--1990 .l-history-period__img-single {
  margin-top: 40px;
}
.l-history-period--1990 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-30.7692307692%);
  transform: translateY(-30.7692307692%);
}
.l-history-period--1990 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(-38.4615384615%);
  transform: translateY(-38.4615384615%);
}
.l-history-period--1990 .l-history-period__img li:nth-child(3) {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.l-history-period--1990 .l-history-period__img li:nth-child(4) {
  -webkit-transform: translateY(84.6153846154%);
  transform: translateY(84.6153846154%);
}
.l-history-period--1990 .l-history-period__img li:nth-child(5) {
  -webkit-transform: translateY(76.9230769231%);
  transform: translateY(76.9230769231%);
}
.is-en .l-history-period--2000 {
  min-height: 530px;
}
.l-history-period--2000 .l-history-period__img li:nth-child(1) {
  -webkit-transform: translateY(-61.5384615385%);
  transform: translateY(-61.5384615385%);
}
.l-history-period--2000 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(-23.0769230769%);
  transform: translateY(-23.0769230769%);
}
.l-history-period--2000 .l-history-period__img li:nth-child(3) {
  -webkit-transform: translateY(-23.0769230769%);
  transform: translateY(-23.0769230769%);
}
.l-history-period--2000 .l-history-period__img li:nth-child(4) {
  -webkit-transform: translateY(76.9230769231%);
  transform: translateY(76.9230769231%);
}
.l-history-period--2000 .l-history-period__img li:nth-child(5) {
  -webkit-transform: translateY(92.3076923077%);
  transform: translateY(92.3076923077%);
}
.l-history-period--2010 .l-history-period__img li:nth-child(2) {
  -webkit-transform: translateY(30.7692307692%);
  transform: translateY(30.7692307692%);
}
.l-history-period--2010 .l-history-period__img li:nth-child(3) {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.l-history-period--2010 .l-history-period__img li:nth-child(4) {
  -webkit-transform: translateY(115.3846153846%);
  transform: translateY(115.3846153846%);
}
.l-history-period--2010 .l-history-period__img li:nth-child(5) {
  -webkit-transform: translateY(146.1538461538%);
  transform: translateY(146.1538461538%);
}
.is-en .l-history-period--2020 {
  min-height: 300px;
}
.l-history-period .u-category-manga {
  right: calc(35.1351351351vw + 124px);
  padding-right: 31px;
}
.l-history-period .u-category-magazines {
  right: 62px;
  padding-right: 31px;
}
.l-history-period .u-category-books {
  right: calc(17.5675675676vw + 93px);
}
.l-history-period .u-w140 {
  width: 140px;
}
.l-history-period .u-w150 {
  width: 150px;
}
.l-history-period .u-w160 {
  width: 160px;
}
.l-history-period .u-w175 {
  width: 175px;
}
.l-history-period .u-w180 {
  width: 180px;
}

/* =====================================
  .l-sub-header
===================================== */
.l-sub-header__img {
  height: 400px;
}
.l-sub-header .c-img-col2__block1 img {
  -o-object-position: 50% 7%;
  object-position: 50% 7%;
}
@media only screen and (max-width: 768px) {
  .l-history {
    padding: 50px 0;
  }
  .l-history::before,
  .l-history::after {
    content: normal;
  }
  .l-history__th {
    display: none;
  }
  .l-history-period {
    min-height: 0 !important;
  }
  .l-history-period__title {
    font-size: 2.278125rem;
  }
  .l-history-period__title span {
    font-size: 1.8409090909rem;
  }
  body.is-en .l-history-period__title span {
    font-size: 2.1796931235rem;
  }
  .l-history-period__txt {
    font-size: 1.4545454545rem;
  }
  body.is-en .l-history-period__txt {
    font-size: 1.6722537502rem;
  }
  .l-history-period__img-single figcaption {
    font-size: 1.2929292929rem;
  }
  body.is-en .l-history-period__img-single figcaption {
    font-size: 1.4647233023rem;
  }
  .l-history-period {
    padding-bottom: 23px;
  }
  .l-history-period__title {
    margin-bottom: 0.4em;
  }
  .l-history-period__content {
    margin-right: 0;
    margin-bottom: 23px;
    padding: 0 23px;
  }
  .l-history-period__content:last-of-type {
    margin-bottom: 0;
  }
  .l-history-period__img figcaption {
    font-size: 1.2929292929rem;
  }
  body.is-en .l-history-period__img figcaption {
    font-size: 1.4647233023rem;
  }
  .l-history-period__img {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 0 23px;
  }
  .l-history-period__img li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 46px) / 3);
    -webkit-transform: none !important;
    position: static;
    flex: 0 0 calc((100% - 46px) / 3);
    width: auto;
    margin-top: 23px;
    margin-right: 23px;
    padding-right: 0 !important;
    transform: none !important;
  }
  .l-history-period__img li:nth-child(3n) {
    margin-right: 0 !important;
  }
  .l-history-period__img li figure,
  .l-history-period__img li img {
    width: 100% !important;
  }
  .l-history-period--1870 .l-history-period__content {
    display: block;
  }
  .l-history-period--1870 .l-history-period__content__header {
    padding-right: 0;
  }
  .l-history-period--1870 .l-history-period__img-single {
    width: 164px;
    margin-top: 23px;
  }
  .l-history-period--1990 .l-history-period__img-single {
    margin-top: 23px;
  }
  .l-sub-header__img {
    height: 200px;
  }
  .l-sub-header .c-img-col2__block2 img {
    height: 100px;
  }
}