@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-common-purpose {
  padding: 100px 0 94px;
}
.l-common-purpose .c-catch-iis {
  margin-bottom: 1em;
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.6491157532rem;
  font-weight: bold;
  line-height: 1.3;
}
.l-common-purpose .l-col-common1__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 65.6405163853%;
  flex: 1 1 65.6405163853%;
}

.l-purpose-img {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
.l-purpose-img_item {
  position: absolute;
}

.c-square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 190px;
  height: 190px;
}
.c-square__item {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.83, 0.06, 0.49, 0.95);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.7s cubic-bezier(0.83, 0.06, 0.49, 0.95);
  transition: transform 0.7s cubic-bezier(0.83, 0.06, 0.49, 0.95);
  transition:
    transform 0.7s cubic-bezier(0.83, 0.06, 0.49, 0.95),
    -webkit-transform 0.7s cubic-bezier(0.83, 0.06, 0.49, 0.95);
}
.c-square__text {
  position: relative;
  padding: 0.8em;
  color: #ffffff;
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.2929292929rem;
  line-height: 1.43;
}
body.is-en .c-square__text {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.4864477779rem;
  line-height: 1.3;
  line-height: 1.3;
}
.c-square--1 .c-square__item {
  -webkit-transform: translateX(-150%);
  transform: translateX(-150%);
  background-color: #f3343c;
}
.is-appear .c-square--1 .c-square__item {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.c-square--2 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  right: 0;
  bottom: 0;
  align-items: flex-end;
  justify-content: flex-end;
}
.c-square--2 .c-square__item {
  -webkit-transform: translateX(150%);
  transform: translateX(150%);
  background-color: #15bfa2;
  mix-blend-mode: multiply;
}
.is-appear .c-square--2 .c-square__item {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* =====================================
  .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-section--purpose
===================================== */
.l-section--purpose .l-section__header {
  padding-right: 31px;
  border-right: 1px solid #2a2a2a;
}
.l-section--purpose .l-common-purpose .c-btn-block {
  display: none;
}
.l-section--purpose .l-section__content {
  -webkit-transition: height 0.4s cubic-bezier(0.12, 0.71, 0.43, 0.96);
  position: relative;
  transition: height 0.4s cubic-bezier(0.12, 0.71, 0.43, 0.96);
}
.l-section--purpose .l-section__content .l-wrap-contents {
  display: none;
}
.l-section--purpose .l-section__content.is-show .l-wrap-contents {
  display: block;
}
.l-section--purpose .l-section__content.is-show .c-link {
  position: absolute;
  bottom: 0;
}

.l-purpose-iis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #2a2a2a;
}
.l-purpose-iis__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 31.5454545455%;
  flex: 0 1 31.5454545455%;
  margin-bottom: -1px;
  padding: 50px 31px 30px;
  border-right: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
}
.l-purpose-iis__item h3 {
  margin-bottom: 90px;
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.6491157532rem;
  line-height: 1.3;
}
.l-purpose-iis__item p {
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 2.0710227273rem;
  line-height: 1.43;
}
body.is-en .l-purpose-iis__item p {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 2.5254339072rem;
  line-height: 1.3;
  line-height: 1.3;
}

.l-purpose-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #2a2a2a;
}
.l-purpose-logo__header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.5454545455%;
  flex: 0 0 31.5454545455%;
}
.l-purpose-logo__content {
  padding: 100px 62px 85px 31px;
}
.l-purpose-logo__content__logo {
  width: 360px;
  margin-bottom: 46px;
}
.l-purpose-logo__content__logo img {
  width: 100%;
  height: auto;
}
.l-purpose-logo__content p {
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 2.0710227273rem;
  line-height: 1.43;
}
body.is-en .l-purpose-logo__content p {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 2.5254339072rem;
  line-height: 1.3;
  line-height: 1.3;
}
.l-purpose-logo__content p + p {
  margin-top: 1em;
}

/* =====================================
  .l-section--interview
===================================== */
.l-section--interview {
  position: relative;
  background-color: #f9f9f8;
}
.l-section--interview .l-section__wrap {
  display: block;
  min-height: 550px;
}
.l-section--interview .l-section__wrap--interview {
  min-height: 0;
}
.l-section--interview .l-section__header {
  z-index: 10;
  position: relative;
  max-width: 40%;
  padding-bottom: 100px;
}
.l-section--interview .l-section__header.l-section__header--interview {
  max-width: none;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  padding-block-start: 100px;

  .c-sec-title {
    padding-block-start: 0;
  }

  .c-lead-block {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    column-gap: 2em;
  }

  .c-speaker__info {
    flex: 1;

    @media (max-width: 768px) {
      margin-block-end: 2em;
    }
  }

  .c-speaker__lead {
    margin-block-start: 0;
  }

  .c-speaker__member {
    margin-block-end: 0.5lh;
  }

  @media (max-width: 768px) {
    padding-block-start: 13.3333333333vw;
    max-width: 100%;
    width: 100%;
    flex: 1;
    display: block;

    .c-lead-block {
      display: block;
    }

    .c-speaker__lead {
      font-size: 2rem;
    }

    .c-speaker__member {
      li:first-child {
        font-size: 2rem;
      }

      li:last-child {
        font-size: 2.25rem;
      }

      small {
        font-size: 1.5rem;
      }
    }
  }
}
.l-section--interview .l-section__header .c-sec-title__title {
  white-space: break-spaces;
}
.l-section--interview .c-speaker__lead {
  margin-bottom: 0.3em;
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 2.9487804066rem;
  line-height: 1.43;
  white-space: nowrap;
}
body.is-en .l-section--interview .c-speaker__lead {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.7581643664rem;
  line-height: 1.3;
  line-height: 1.3;
}
body.is-en .l-section--interview .c-speaker__lead {
  font-weight: bold;
}
.l-section--interview .c-speaker__member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.l-section--interview .c-speaker__member li {
  position: relative;
  white-space: nowrap;
}
.l-section--interview .c-speaker__member li small {
  -webkit-transform: translateX(-50%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.2929292929rem;
  font-weight: normal;
  line-height: 1.43;
}
body.is-en .l-section--interview .c-speaker__member li small {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.4864477779rem;
  line-height: 1.3;
  line-height: 1.3;
}
.l-section--interview .c-speaker__member li:first-child {
  position: relative;
  margin-right: 60px;
  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-section--interview .c-speaker__member li:first-child {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.7581643664rem;
  line-height: 1.3;
  line-height: 1.3;
}
body.is-en .l-section--interview .c-speaker__member li:first-child {
  margin-top: -0.1em;
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.2436584473rem;
  font-weight: bold;
  line-height: 1.3;
}
.l-section--interview .c-speaker__member li:first-child::before,
.l-section--interview .c-speaker__member li:first-child::after {
  display: inline-block;
  position: absolute;
  top: 60%;
  right: -50px;
  width: 33px;
  height: 2.5px;
  background-color: #2a2a2a;
  content: "";
}
.l-section--interview .c-speaker__member li:first-child::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.l-section--interview .c-speaker__member li:first-child::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.l-section--interview .c-speaker__member li:last-child {
  margin-top: -0.1em;
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 3.2436584473rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.l-section--interview .l-section__content {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(57.972972973% + 248px);
  max-width: 70%;
  height: 100%;
  margin: 0 0 0 auto;
}
.l-section--interview .c-img-col2 {
  height: 100%;
  overflow: hidden;
}
.l-section--interview .c-img-col2 img {
  height: 100%;
}
.l-section--interview .c-img-col2__block1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 47.2727272727%;
  flex: 1 1 47.2727272727%;
}
.l-section--interview .c-img-col2__block1 img {
  -o-object-position: 50% 60%;
  object-position: 50% 60%;
}
.l-section--interview .c-img-col2__block2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 52.7272727273%;
  flex: 1 1 52.7272727273%;
}
.l-section--interview .c-img-col2__block2 img {
  -o-object-position: 32% 50%;
  object-position: 32% 50%;
}

/* =====================================
  .l-section--history
===================================== */
.aboutus .l-section--history .c-lead-block {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.aboutus .l-section--history .c-lead-block p:first-child {
  font-weight: bold;
}
.aboutus .l-section--history .c-lead-block .c-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 146px;
  flex: 0 0 146px;
}
.aboutus .l-section--history .l-history {
  border-top: 1px solid #2a2a2a;
}

/* =====================================
  .l-section--companyinfo
===================================== */
.l-section--companyinfo {
  padding-bottom: 70px;
}
.l-section--companyinfo .l-section__wrap {
  -ms-flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  flex-wrap: wrap;
  align-items: flex-end;
}
.l-section--companyinfo .l-section__header {
  padding-bottom: 0;
}
.l-section--companyinfo .l-section__content {
  max-width: 70%;
  margin: 0 auto;
  padding: 0 62px 0 31px;
}
.l-section--companyinfo .l-section__content .c-img {
  text-align: center;
}
.l-section--companyinfo .l-section__content img {
  max-width: 1010px;
}

.c-company_detail {
  padding-right: 0;
}
.c-company_detail__title {
  margin-bottom: 0.8em;
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 2.0710227273rem;
  font-weight: normal;
  line-height: 1.43;
}
body.is-en .c-company_detail__title {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 2.5254339072rem;
  line-height: 1.3;
  line-height: 1.3;
}
.c-company_detail__date {
  margin-bottom: 0.8em;
}
.c-company_detail__date dt {
  margin-bottom: 0.2em;
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.4545454545rem;
  font-weight: bold;
  line-height: 1.43;
}
body.is-en .c-company_detail__date dt {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.6970562748rem;
  line-height: 1.3;
  line-height: 1.3;
}
.c-company_detail__date dd {
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 2.0710227273rem;
  line-height: 1.43;
}
body.is-en .c-company_detail__date dd {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 2.5254339072rem;
  line-height: 1.3;
  line-height: 1.3;
}
.c-company_detail__date dd small {
  font-family: "TazuganeGothicForKodansha", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana;
  font-size: 1.4545454545rem;
  line-height: 1.43;
}
body.is-en .c-company_detail__date dd small {
  font-family: "Maax", "Century Gothic", "Futura", helvetica, arial, sans-serif;
  font-size: 1.6970562748rem;
  line-height: 1.3;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .l-common-purpose .c-catch-iis {
    font-size: 2.278125rem;
  }
  .l-common-purpose {
    padding: 60px 0 12vw;
  }
  .l-common-purpose .l-col-common1__img {
    margin-bottom: 6.6666666667vw;
  }
  .l-purpose-img {
    width: 48vw;
    height: 48vw;
  }
  .l-purpose-img li {
    width: 30.6666666667vw;
    height: 30.6666666667vw;
  }
  .c-square {
    width: 30.6666666667vw;
    height: 30.6666666667vw;
  }
  .c-square__text {
    font-size: 1.4545454545rem;
  }
  body.is-en .c-square__text {
    font-size: 1.6722537502rem;
  }
  .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-section--purpose .l-section__header {
    border-right: none;
  }
  .l-purpose-iis__item h3 {
    font-size: 1.8rem;
  }
  .l-purpose-iis__item p {
    font-size: 1.4545454545rem;
  }
  body.is-en .l-purpose-iis__item p {
    font-size: 1.6722537502rem;
  }
  .l-purpose-iis {
    display: block;
  }
  .l-purpose-iis__item {
    margin: 0 23px;
    padding: 30px 0 40px;
    border-right: none;
  }
  .l-purpose-iis__item:last-child {
    border-bottom: none;
  }
  .l-purpose-iis__item h3 {
    margin-bottom: 1em;
  }
  .l-purpose-logo__content p {
    font-size: 1.4545454545rem;
  }
  body.is-en .l-purpose-logo__content p {
    font-size: 1.6722537502rem;
  }
  .l-purpose-logo {
    display: block;
  }
  .l-purpose-logo__header .c-sec-title {
    padding-top: 20px;
  }
  .l-purpose-logo__content {
    padding: 20px 23px 60px 23px;
  }
  .l-purpose-logo__content__logo {
    width: 180px;
    margin-bottom: 20px;
  }
  .l-section--interview .c-speaker__lead {
    font-size: 1.4545454545rem;
  }
  body.is-en .l-section--interview .c-speaker__lead {
    font-size: 1.6722537502rem;
  }
  .l-section--interview .c-speaker__member li small {
    font-size: 1.1492704826rem;
  }
  body.is-en .l-section--interview .c-speaker__member li small {
    font-size: 1.2829478494rem;
  }
  .l-section--interview .c-speaker__member li:first-child {
    font-size: 1.4545454545rem;
  }
  body.is-en .l-section--interview .c-speaker__member li:first-child {
    font-size: 1.6722537502rem;
  }
  body.is-en .l-section--interview .c-speaker__member li:first-child {
    font-size: 1.6rem;
  }
  .l-section--interview .c-speaker__member li:last-child {
    font-size: 1.6rem;
  }
  .l-section--interview .l-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: auto;
  }
  .l-section--interview .l-section__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding-bottom: 50px;
  }
  .l-section--interview .c-speaker__member {
    margin-right: -30px;
    margin-bottom: 45px;
  }
  .l-section--interview .c-speaker__member li {
    letter-spacing: -0.02em;
  }
  .l-section--interview .c-speaker__member li small {
    -webkit-transform-origin: 0 50%;
    bottom: -1.2em;
    margin: 0;
    transform-origin: 0 50%;
  }
  .l-section--interview .c-speaker__member li:first-child {
    margin-right: 16px;
  }
  .l-section--interview .c-speaker__member li:first-child small {
    -webkit-transform: scale(0.6) translateX(-50%);
    transform: scale(0.6) translateX(-50%);
  }
  .l-section--interview .c-speaker__member li:first-child::before,
  .l-section--interview .c-speaker__member li:first-child::after {
    right: -22px;
    width: 16px;
    height: 1.5px;
  }
  .l-section--interview .c-speaker__member li:last-child {
    margin-top: -0.1em;
    padding-left: 10px;
  }
  .l-section--interview .c-speaker__member li:last-child small {
    -webkit-transform: scale(0.6) translateX(-50%);
    margin-left: 0;
    transform: scale(0.6) translateX(-50%);
  }
  .l-section--interview .l-section__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    position: static;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .l-section--interview .c-img-col2 {
    display: block;
  }
  .l-section--interview .c-img-col2__block1,
  .l-section--interview .c-img-col2__block2 {
    height: 50%;
  }
  .l-section--interview .c-img-col2__block1 img {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
  .l-section--interview .c-img-col2__block2 img {
    -o-object-position: 32% 50%;
    object-position: 32% 50%;
  }
  .aboutus .l-section--history .c-lead-block {
    display: block;
  }
  .aboutus .l-section--history .l-history {
    overflow: hidden;
  }
  .aboutus .l-section--history .l-history-period--1910 {
    display: none;
  }
  .aboutus .l-section--history .l-history__content {
    width: 50%;
    float: left;
  }
  .l-section--companyinfo {
    padding-bottom: 45px;
  }
  .l-section--companyinfo .l-section__content {
    max-width: 100%;
    padding: 0 23px;
  }
  .c-company_detail__title {
    font-size: 2.0710227273rem;
  }
  body.is-en .c-company_detail__title {
    font-size: 2.4885246204rem;
  }
  .c-company_detail__date dt {
    font-size: 1.1492704826rem;
  }
  body.is-en .c-company_detail__date dt {
    font-size: 1.2829478494rem;
  }
  .c-company_detail__date dd {
    font-size: 1.6363636364rem;
  }
  body.is-en .c-company_detail__date dd {
    font-size: 1.9091883092rem;
  }
  .c-company_detail__date dd small {
    font-size: 1.1492704826rem;
  }
  body.is-en .c-company_detail__date dd small {
    font-size: 1.2829478494rem;
  }
  .c-company_detail {
    padding-right: 23px;
    padding-bottom: 40px;
  }
  .c-company_detail__date-wrap {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .c-company_detail__date-wrap .c-company_detail__date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .c-company_detail__date dd small {
    display: inline-block;
  }
}