/* common
=================================================================== */
/* color
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* form
=================================================================== */
/* animation
=================================================================== */
@keyframes slideAnime {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-3306px, 0, 0); } }
@-webkit-keyframes slideAnime {
  0% {
    -webkit-transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-3306px, 0, 0); } }
/* common
=================================================================== */
/* contents
=================================================================== */
article .section.about {
  width: calc(100% - 165px);
  max-width: 1500px;
  background-color: #75bdbf; }
  article .section.about .content--h1 {
    margin-bottom: 57px;
    letter-spacing: 0px; }
  article .section.about > p {
    position: absolute;
    width: 260px;
    height: 20px;
    right: 65px;
    top: 59px;
    text-align: right;
    white-space: nowrap; }
  article .section.about .kv {
    position: relative;
    width: calc(100% + 130px);
    left: -65px;
    overflow: hidden;
    margin-bottom: 110px; }
    article .section.about .kv .kv__content {
      position: relative;
      padding-top: calc(1038 / 2000 * 100%); }
      article .section.about .kv .kv__content ul li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none; }
        article .section.about .kv .kv__content ul li dl dt {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden; }
          article .section.about .kv .kv__content ul li dl dt span {
            display: block;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%; }
        article .section.about .kv .kv__content ul li dl dd {
          position: absolute;
          bottom: 27px;
          left: 35px;
          line-height: 1.3;
          font-size: 10px;
          color: #fff;
          opacity: .8;
          transform: scale(0.8);
          -webkit-transform: scale(0.8);
          transform-origin: left bottom; }
        article .section.about .kv .kv__content ul li:nth-child(1) {
          display: block; }
  article .section.about .about__contents .about__contents--title {
    line-height: 1.4;
    margin-bottom: 45px; }
    article .section.about .about__contents .about__contents--title dl dt {
      font-size: 35px; }
      article .section.about .about__contents .about__contents--title dl dt strong {
        display: block;
        font-size: 33px; }
    article .section.about .about__contents .about__contents--title dl dd {
      font-size: 25px; }
      article .section.about .about__contents .about__contents--title dl dd span {
        font-size: 24px;
        padding-left: 10px; }
    article .section.about .about__contents .about__contents--title.en dl dt {
      font-size: 39px; }
    article .section.about .about__contents .about__contents--title.en dl dd {
      font-size: 27px; }
  article .section.about .about__contents > p {
    font-size: 25px;
    font-feature-settings: "palt";
    margin-bottom: 70px; }
article .section.disable .kv .kv__content ul {
  animation-play-state: paused; }