@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
main {
  position: relative;
  width: 100%;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-size: 14px;
  color: #000;
}
@media screen and (max-width: 768px) {
  main:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 3.4666666667vw;
    background: url("../img/shadow.png") top center no-repeat;
    background-size: 100% 100%;
  }
}
main > section.active {
  visibility: visible;
}
main .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  main .pc {
    display: none;
  }
  main .sp {
    display: block;
  }
}
main section.sec-main {
  position: relative;
  width: 100%;
  height: 64.375vw;
  pointer-events: none;
}
main section.sec-main.enabled {
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  main section.sec-main {
    height: 247.7333333333vw;
  }
}
main section.sec-main .atari {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}
main section.sec-main .title-box {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70vw;
}
main section.sec-main .title-box.hide {
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important;
  transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box {
    top: 30.89%;
    width: 60vw;
  }
}
main section.sec-main .title-box .title-container {
  position: relative;
  width: 100%;
  height: 100%;
}
main section.sec-main .title-box .title-container.is-show {
  opacity: 1;
  -webkit-animation: titlebox-anim 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: titlebox-anim 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@-webkit-keyframes titlebox-anim {
  0% {
    opacity: 0;
    -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes titlebox-anim {
  0% {
    opacity: 0;
    -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
main section.sec-main .title-box .title-container .h1-box {
  position: relative;
}
main section.sec-main .title-box .title-container .h1-box span {
  display: none;
}
main section.sec-main .title-box .title-container .h1-box .base {
  position: relative;
  visibility: hidden;
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 2.8125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(1) {
    top: 0vw;
    left: 0.4vw;
    width: 6.6666666667vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(2) {
  top: 0vw;
  left: 3.828125vw;
  width: 2.265625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(2) {
    top: 0vw;
    left: 9.3333333333vw;
    width: 5.3333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(3) {
  top: 0vw;
  left: 6.71875vw;
  width: 2.734375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(3) {
    top: 0vw;
    left: 16.1333333333vw;
    width: 6.5333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(4) {
  top: 0vw;
  left: 10.234375vw;
  width: 2.96875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(4) {
    top: 0vw;
    left: 24.5333333333vw;
    width: 7.0666666667vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(5) {
  top: 0vw;
  left: 13.75vw;
  width: 3.359375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(5) {
    top: 0vw;
    left: 32.8vw;
    width: 8vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(6) {
  top: 0vw;
  left: 17.8125vw;
  width: 2.8125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(6) {
    top: 0vw;
    left: 42.1333333333vw;
    width: 6.6666666667vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(7) {
  top: 0vw;
  left: 21.171875vw;
  width: 3.28125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(7) {
    top: 10.4vw;
    left: -0.2666666667vw;
    width: 7.7333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(8) {
  top: 0vw;
  left: 24.84375vw;
  width: 3.4375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(8) {
    top: 10.4vw;
    left: 8.9333333333vw;
    width: 8.1333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(9) {
  top: 0vw;
  left: 29.0625vw;
  width: 2.734375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(9) {
    top: 10.4vw;
    left: 18.6666666667vw;
    width: 6.5333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(10) {
  top: 0vw;
  left: 32.5vw;
  width: 2.96875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(10) {
    top: 10.4vw;
    left: 26.8vw;
    width: 7.2vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(11) {
  top: 0vw;
  left: 36.40625vw;
  width: 1.875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(11) {
    top: 10.4vw;
    left: 35.8666666667vw;
    width: 4.5333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(12) {
  top: 0vw;
  left: 39.140625vw;
  width: 2.65625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(12) {
    top: 10.5333333333vw;
    left: 42.4vw;
    width: 6.4vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(13) {
  top: 0vw;
  left: 42.578125vw;
  width: 0.78125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(13) {
    top: 10.4vw;
    left: 50.6666666667vw;
    width: 1.8666666667vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(14) {
  top: 0vw;
  left: 44.609375vw;
  width: 2.890625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(14) {
    top: 20.8vw;
    left: 0.4vw;
    width: 6.6666666667vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(15) {
  top: 0vw;
  left: 48.28125vw;
  width: 3.125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(15) {
    top: 20.8vw;
    left: 8.5333333333vw;
    width: 7.3333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(16) {
  top: 0vw;
  left: 52.265625vw;
  width: 2.578125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(16) {
    top: 20.8vw;
    left: 18.1333333333vw;
    width: 6.2666666667vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(17) {
  top: 0vw;
  left: 55.390625vw;
  width: 2.65625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(17) {
    top: 20.8vw;
    left: 25.3333333333vw;
    width: 6.4vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(18) {
  top: 0vw;
  left: 58.75vw;
  width: 2.65625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(18) {
    top: 20.8vw;
    left: 33.3333333333vw;
    width: 6.4vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(19) {
  top: 0vw;
  left: 62.03125vw;
  width: 2.890625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(19) {
    top: 20.8vw;
    left: 41.2vw;
    width: 6.9333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(20) {
  top: 0vw;
  left: 65.546875vw;
  width: 3.28125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(20) {
    top: 20.8vw;
    left: 49.4666666667vw;
    width: 7.7333333333vw;
  }
}
main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(21) {
  top: 0vw;
  left: 69.21875vw;
  width: 0.78125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .h1-box ul.copy-box li:nth-child(21) {
    top: 20.8vw;
    left: 58.1333333333vw;
    width: 1.8666666667vw;
  }
}
main section.sec-main .title-box .title-container .catchcopy {
  margin: 1.796875vw auto 0 0;
  width: 22.1875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .catchcopy {
    margin: 3.0666666667vw auto 0 0;
    width: 46.4vw;
  }
}
main section.sec-main .title-box .title-container .logo {
  margin: 1.40625vw auto;
  width: 11.25vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .title-container .logo {
    margin: 2.8vw auto;
    width: 21.3333333333vw;
  }
}
main section.sec-main .title-box .ceo-box {
  position: absolute;
  top: 10.625vw;
  left: -7.5vw;
  width: 7.8125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .ceo-box {
    top: 21.0666666667vw;
    left: -13.7333333333vw;
    width: 15.2vw;
  }
}
main section.sec-main .title-box .ceo-box .chara {
  width: 7.890625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .ceo-box .chara {
    width: 15.2vw;
  }
}
main section.sec-main .title-box .ceo-box .name {
  position: absolute;
  top: 10.46875vw;
  left: 0.15625vw;
  width: 3.671875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .ceo-box .name {
    left: -0.6666666667vw;
    top: 18vw;
    width: 8.2666666667vw;
  }
}
main section.sec-main .title-box .ceo-box .serif-box {
  position: absolute;
  top: -8.59375vw;
  left: 0.9375vw;
  width: 5.234375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .ceo-box .serif-box {
    top: -20.2666666667vw;
    left: -1.0666666667vw;
    width: 12.4vw;
  }
}
main section.sec-main .title-box .ceo-box .serif-box img {
  width: 100%;
  height: auto;
}
main section.sec-main .title-box .ceo-box .serif-box.is-show {
  -webkit-transform-origin: 75% 100%;
          transform-origin: 75% 100%;
  -webkit-animation: ceo-serif-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: ceo-serif-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@-webkit-keyframes ceo-serif-anim {
  0% {
    -webkit-transform: translateY(5px) scale(0.9);
            transform: translateY(5px) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}
@keyframes ceo-serif-anim {
  0% {
    -webkit-transform: translateY(5px) scale(0.9);
            transform: translateY(5px) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}
main section.sec-main .title-box .itame-box {
  position: absolute;
  top: 6.953125vw;
  right: -4.6875vw;
  width: 5.625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .itame-box {
    width: 11.8666666667vw;
    right: -10vw;
    top: 15.2vw;
  }
}
main section.sec-main .title-box .itame-box .chara {
  width: 100%;
}
main section.sec-main .title-box .itame-box .name {
  position: absolute;
  top: -0.15625vw;
  left: 4.453125vw;
  width: 4.140625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .itame-box .name {
    width: 9.7333333333vw;
    top: 15.3333333333vw;
    left: 4vw;
  }
}
main section.sec-main .title-box .itame-box .serif-box {
  position: absolute;
  top: -5.390625vw;
  left: 1.40625vw;
  width: 5vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main .title-box .itame-box .serif-box {
    width: 12.9333333333vw;
    top: -13.8666666667vw;
    left: 3.4666666667vw;
  }
}
main section.sec-main .title-box .itame-box .serif-box.is-show {
  -webkit-transform-origin: 20% 100%;
          transform-origin: 20% 100%;
  -webkit-animation: itame-serif-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: itame-serif-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@-webkit-keyframes itame-serif-anim {
  0% {
    -webkit-transform: translateY(5px) scale(0.75);
            transform: translateY(5px) scale(0.75);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}
@keyframes itame-serif-anim {
  0% {
    -webkit-transform: translateY(5px) scale(0.75);
            transform: translateY(5px) scale(0.75);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}
main section.sec-main .topic-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.sec-main .topic-box article {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  main section.sec-main .topic-box article .icon {
    -webkit-transition: opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.2s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  }
  main section.sec-main .topic-box article .icon .arrow {
    -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  }
  main section.sec-main .topic-box article .illust {
    -webkit-transition: all 0.3s cubic-bezier(0.34, 2.5, 0.67, 1);
    transition: all 0.3s cubic-bezier(0.34, 2.5, 0.67, 1);
  }
  main section.sec-main .topic-box article:hover .illust {
    -webkit-transform: scale(1.035);
            transform: scale(1.035);
  }
  @-webkit-keyframes topic-hover {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.075);
              transform: scale(1.075);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes topic-hover {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.075);
              transform: scale(1.075);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
}
main section.sec-main .topic-box article .illust {
  position: absolute;
  top: 0;
  left: 0;
  border: 0.3125vw solid #e61d10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article .illust {
    border: 0.5333333333vw solid #e61d10;
  }
}
main section.sec-main .topic-box article .illust .icon {
  position: absolute;
  bottom: 0vw;
  right: -0.9375vw;
  width: 2.34375vw;
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article .illust .icon {
    display: block;
    right: -2.1333333333vw;
    bottom: 0vw;
    width: 5.6vw;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
main section.sec-main .topic-box article .illust .icon .arrow {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-0.390625vw, 0.390625vw);
          transform: translate(-0.390625vw, 0.390625vw);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article .illust .icon .arrow {
    -webkit-transform: none;
            transform: none;
  }
}
main section.sec-main .topic-box article:nth-child(1), main section.sec-main .topic-box article:nth-child(3), main section.sec-main .topic-box article:nth-child(4), main section.sec-main .topic-box article:nth-child(7), main section.sec-main .topic-box article:nth-child(8), main section.sec-main .topic-box article:nth-child(10) {
  width: calc(0.2921875 * var(--vw) * 100);
  height: calc(0.20546875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(1), main section.sec-main .topic-box article:nth-child(3), main section.sec-main .topic-box article:nth-child(4), main section.sec-main .topic-box article:nth-child(7), main section.sec-main .topic-box article:nth-child(8), main section.sec-main .topic-box article:nth-child(10) {
    width: 56vw !important;
    height: 39.2vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(2), main section.sec-main .topic-box article:nth-child(5), main section.sec-main .topic-box article:nth-child(6), main section.sec-main .topic-box article:nth-child(9) {
  width: calc(0.184375 * var(--vw) * 100);
  height: calc(0.3125 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(2), main section.sec-main .topic-box article:nth-child(5), main section.sec-main .topic-box article:nth-child(6), main section.sec-main .topic-box article:nth-child(9) {
    width: 35.3333333333vw !important;
    height: 60vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(1) {
  top: calc(0.01171875 * var(--vw) * 100);
  left: calc(0.2046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(1) {
    top: 4vw !important;
    left: 4vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(2) {
  top: calc(0.01171875 * var(--vw) * 100);
  left: calc(0.01171875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(2) {
    top: 65.6vw !important;
    left: 61.3333333333vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(3) {
  top: calc(0.2265625 * var(--vw) * 100);
  left: calc(0.2046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(3) {
    top: 44.9333333333vw !important;
    left: 4vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(4) {
  top: calc(0.44140625 * var(--vw) * 100);
  left: calc(0.2046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(4) {
    top: 86.1333333333vw !important;
    left: 4vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(5) {
  top: calc(0.334375 * var(--vw) * 100);
  left: calc(0.01171875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(5) {
    top: 127.2vw !important;
    left: 4vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(6) {
  top: calc(0.01171875 * var(--vw) * 100);
  left: calc(0.8046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(6) {
    top: 4vw !important;
    left: 61.3333333333vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(7) {
  top: calc(0.01171875 * var(--vw) * 100);
  left: calc(0.5046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(7) {
    top: 127.2vw !important;
    left: 40.8vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(8) {
  top: calc(0.2265625 * var(--vw) * 100);
  left: calc(0.5046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(8) {
    top: 168.2666666667vw !important;
    left: 40.8vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(9) {
  top: calc(0.334375 * var(--vw) * 100);
  left: calc(0.8046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(9) {
    top: 188.8vw !important;
    left: 4vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(10) {
  top: calc(0.44140625 * var(--vw) * 100);
  left: calc(0.5046875 * var(--vw) * 100);
}
@media screen and (max-width: 768px) {
  main section.sec-main .topic-box article:nth-child(10) {
    top: 209.3333333333vw !important;
    left: 40.8vw !important;
  }
}
main section.sec-main .topic-box article:nth-child(n+11) {
  display: none;
}
main section.sec-main nav {
  position: absolute;
  top: 0.625vw;
  right: 0.625vw;
  background: #fff;
  border-radius: 2.34375vw;
  border: 2px solid #e61d10;
  width: 16.40625vw;
  height: 3.4375vw;
  text-align: center;
  line-height: 1;
  -webkit-box-shadow: 0.3125vw 0.3125vw 0px 0px rgba(101, 131, 131, 0.2);
          box-shadow: 0.3125vw 0.3125vw 0px 0px rgba(101, 131, 131, 0.2);
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (max-width: 768px) {
  main section.sec-main nav {
    top: 1.6vw;
    right: 1.6vw;
    width: 42.6666666667vw;
    height: 8.5333333333vw;
    border-radius: 5.3333333333vw;
    -webkit-box-shadow: 0.9333333333vw 0.9333333333vw 0px 0px rgba(101, 131, 131, 0.2);
            box-shadow: 0.9333333333vw 0.9333333333vw 0px 0px rgba(101, 131, 131, 0.2);
    border: 1px solid #e61d10;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
main section.sec-main nav.is-show {
  -webkit-animation: nav-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: nav-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@-webkit-keyframes nav-anim {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes nav-anim {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
main section.sec-main nav.is-open {
  width: 28.125vw;
  height: 38.28125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav.is-open {
    width: 77.3333333333vw;
    height: 108vw;
  }
}
main section.sec-main nav.is-open .nav-container .btn-box .btnNavi span:nth-child(1) {
  -webkit-transform: translate(0px, 5px) rotate(40deg);
          transform: translate(0px, 5px) rotate(40deg);
}
@media screen and (max-width: 768px) {
  main section.sec-main nav.is-open .nav-container .btn-box .btnNavi span:nth-child(1) {
    -webkit-transform: translate(0px, 0.8vw) rotate(40deg);
            transform: translate(0px, 0.8vw) rotate(40deg);
  }
}
main section.sec-main nav.is-open .nav-container .btn-box .btnNavi span:nth-child(2) {
  opacity: 0;
}
main section.sec-main nav.is-open .nav-container .btn-box .btnNavi span:nth-child(3) {
  width: 12px;
  -webkit-transform: translate(0px, -5px) rotate(-40deg);
          transform: translate(0px, -5px) rotate(-40deg);
}
@media screen and (max-width: 768px) {
  main section.sec-main nav.is-open .nav-container .btn-box .btnNavi span:nth-child(3) {
    -webkit-transform: translate(0px, -0.8vw) rotate(-40deg);
            transform: translate(0px, -0.8vw) rotate(-40deg);
    width: 2.2666666667vw;
  }
}
main section.sec-main nav .nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 1.09375vw 0 1.328125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-container {
    padding: 2.6666666667vw 0 2.6666666667vw;
  }
}
main section.sec-main nav .nav-container .btn-box {
  position: relative;
}
main section.sec-main nav .nav-container .btn-box .btnNavi {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 10;
}
main section.sec-main nav .nav-container .btn-box .btnNavi span {
  position: relative;
  display: block;
  width: 12px;
  height: 2px;
  background: #e82219;
  -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 0 auto 0 0;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-container .btn-box .btnNavi span {
    width: 2.2666666667vw;
    height: 1px;
  }
}
main section.sec-main nav .nav-container .btn-box .btnNavi span:nth-child(n+2) {
  margin: 3px 0 0 0;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-container .btn-box .btnNavi span:nth-child(n+2) {
    margin: 2px 0 0 0;
  }
}
main section.sec-main nav .nav-container .btn-box .btnNavi span:nth-child(3) {
  width: 8px;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-container .btn-box .btnNavi span:nth-child(3) {
    width: 1.7333333333vw;
  }
}
main section.sec-main nav .nav-container h2 {
  position: relative;
  margin-left: 0.859375vw;
  width: 10vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-container h2 {
    width: 27.3333333333vw;
    margin-left: 2vw;
  }
}
main section.sec-main nav .nav-container h2 img {
  display: block;
}
main section.sec-main nav .nav-box {
  position: relative;
  padding: 0.9375vw 0 2.5vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box {
    padding: 5.3333333333vw 0 4.2666666667vw;
  }
}
main section.sec-main nav .nav-box li {
  width: 24.21875vw;
  margin: 0 auto;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  line-height: 1.55;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  main section.sec-main nav .nav-box li:hover p.txt:before {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li {
    width: 67.2vw;
  }
}
main section.sec-main nav .nav-box li img {
  display: block;
}
main section.sec-main nav .nav-box li p.num {
  color: #e82117;
  font-weight: bold;
  font-size: 0.9765625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li p.num {
    font-size: 2.6666666667vw;
  }
}
main section.sec-main nav .nav-box li p.txt {
  position: relative;
  margin-left: 0.78125vw;
  overflow: hidden;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li p.txt {
    margin-left: 2.1333333333vw;
  }
}
main section.sec-main nav .nav-box li p.txt:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
main section.sec-main nav .nav-box li:nth-child(n+2) {
  margin-top: 0.625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(n+2) {
    margin-top: 1.6vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(1) p.txt {
  margin-top: 0.15625vw;
  width: 19.84375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(1) p.txt {
    width: 56vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(2) p.txt {
  width: 18.75vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(2) p.txt {
    width: 52.6666666667vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(3) p.txt {
  width: 17.34375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(3) p.txt {
    width: 49.0666666667vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(4) p.txt {
  width: 18.359375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(4) p.txt {
    width: 51.7333333333vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(5) p.txt {
  margin-top: -0.15625vw;
  width: 20.46875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(5) p.txt {
    width: 57.8666666667vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(6) p.txt {
  margin-top: 0.078125vw;
  width: 21.71875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(6) p.txt {
    width: 61.6vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(7) p.txt {
  width: 19.21875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(7) p.txt {
    width: 54.4vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(8) p.txt {
  width: 11.25vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(8) p.txt {
    width: 31.4666666667vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(9) p.txt {
  width: 15.859375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(9) p.txt {
    width: 44.8vw;
  }
}
main section.sec-main nav .nav-box li:nth-child(10) p.txt {
  margin-top: 0.078125vw;
  width: 18.359375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-main nav .nav-box li:nth-child(10) p.txt {
    width: 51.7333333333vw;
  }
}
main section.sec-catchcopy {
  position: relative;
  width: 89.84375vw;
  margin: 0 auto;
  padding: 1.5625vw 0 1.875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-catchcopy {
    width: 61.8666666667vw;
    margin: 0 auto 0 4.6666666667vw;
    padding: 6.8vw 0 6.8vw;
  }
}
main section.sec-share {
  position: relative;
  width: 93.75vw;
  margin: 0 auto;
  padding: 0.78125vw 0 0;
}
@media screen and (max-width: 768px) {
  main section.sec-share {
    width: 94.6666666667vw;
    padding: 4.2666666667vw 0 0;
  }
}
main section.sec-share:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #e82117;
}
@media screen and (max-width: 768px) {
  main section.sec-share:before {
    height: 3px;
  }
}
main section.sec-share .share-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  top: -13px;
}
@media screen and (max-width: 768px) {
  main section.sec-share .share-box {
    top: -5.6vw;
  }
}
main section.sec-share .share-box h3 {
  width: 3.28125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-share .share-box h3 {
    width: 11.2vw;
  }
}
main section.sec-share .share-box ul {
  position: relative;
  padding-top: 1.71875vw;
  margin-left: 0.78125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  main section.sec-share .share-box ul {
    padding-top: 5.7333333333vw;
    margin-left: 2.9333333333vw;
  }
}
main section.sec-share .share-box ul li {
  width: 1.875vw;
}
main section.sec-share .share-box ul li a {
  display: block;
}
@media screen and (min-width: 769px) {
  main section.sec-share .share-box ul li a {
    -webkit-transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
    transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
  }
  main section.sec-share .share-box ul li a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  main section.sec-share .share-box ul li {
    width: 6.1333333333vw;
  }
}
main section.sec-share .share-box ul li:nth-child(n+2) {
  margin-left: 0.78125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-share .share-box ul li:nth-child(n+2) {
    margin-left: 2.1333333333vw;
  }
}
main section.sec-statement {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 768px) {
  main section.sec-statement {
    width: 100%;
    padding: 9.3333333333vw 0 12vw;
  }
}
main section.sec-statement .statement-box {
  position: relative;
  width: 100%;
  padding: 3.90625vw 6.71875vw 8.125vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box {
    padding: 0 9.6vw 9.8666666667vw;
    width: 94.6666666667vw;
    margin: 0 auto;
  }
}
main section.sec-statement .statement-box .container-box {
  position: relative;
}
main section.sec-statement .statement-box .container-box .base {
  position: relative;
  width: 100%;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box .base {
    display: none;
  }
}
main section.sec-statement .statement-box .container-box h2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.671875vw;
}
main section.sec-statement .statement-box .container-box h2.is-show {
  -webkit-animation: fade-up 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: fade-up 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box h2.is-show {
    -webkit-animation: fade-up-sp 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: fade-up-sp 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box h2 {
    position: relative;
    top: auto;
    left: auto;
    width: 75.2vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 71.484375vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 9.0666666667vw;
    width: 100%;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li {
  position: absolute;
  top: 0;
  right: 0;
}
main section.sec-statement .statement-box .container-box ul.copy-box li.is-show {
  -webkit-animation: fade-up 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: fade-up 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li.is-show {
    -webkit-animation: fade-up-sp 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: fade-up-sp 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li {
    position: relative;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(n+2) {
    margin-top: 8.6666666667vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(1) {
  width: 15.3125vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(1) {
    width: 76vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(2) {
  right: 18.359375vw;
  width: 9.140625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(2) {
    right: auto;
    width: 76vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(3) {
  right: 30.46875vw;
  width: 12.96875vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(3) {
    right: auto;
    width: 76vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(4) {
  right: 46.40625vw;
  width: 9.140625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(4) {
    right: auto;
    width: 76vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(5) {
  right: 58.59375vw;
  width: 7.265625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(5) {
    right: auto;
    width: 76vw;
  }
}
main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(6) {
  right: 69.21875vw;
  width: 1.5625vw;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box ul.copy-box li:nth-child(6) {
    right: auto;
    width: 76vw;
  }
}
main section.sec-statement .statement-box .container-box .logo {
  position: absolute;
  bottom: -2.8125vw;
  left: -2.1875vw;
  width: 6.25vw;
}
main section.sec-statement .statement-box .container-box .logo.is-show {
  -webkit-animation: scale-up 0.55s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: scale-up 0.55s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@media screen and (max-width: 768px) {
  main section.sec-statement .statement-box .container-box .logo {
    position: relative;
    bottom: auto;
    left: auto;
    width: 21.3333333333vw;
    margin: 11.2vw auto 0;
  }
}
main section.sec-banner {
  position: relative;
  padding: 10.625vw 0;
  background: #e71c11;
}
@media screen and (max-width: 768px) {
  main section.sec-banner {
    padding: 16.5333333333vw 0;
  }
}
main section.sec-banner .banner {
  width: 56.25vw;
  max-width: 720px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  main section.sec-banner .banner {
    width: 74.6666666667vw;
  }
}
main section.sec-banner .banner a {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  main section.sec-banner .banner a img {
    -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  }
  main section.sec-banner .banner a:hover img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
}

#cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  display: none;
}
#cover.is-show {
  display: block;
  -webkit-animation: cover-anim 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: cover-anim 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
#cover.is-hide {
  -webkit-animation: cover-anim-close 0.45s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: cover-anim-close 0.45s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@-webkit-keyframes cover-anim {
  0% {
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes cover-anim {
  0% {
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    -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 cover-anim-close {
  0% {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
}
@keyframes cover-anim-close {
  0% {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
}
#cover:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e7180a;
  opacity: 0.75;
}

#modal-topic {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
}
#modal-topic::-webkit-scrollbar {
  width: 8px;
}
@media screen and (max-width: 768px) {
  #modal-topic::-webkit-scrollbar {
    display: none;
  }
}
#modal-topic::-webkit-scrollbar-track {
  background-color: transparent;
}
#modal-topic::-webkit-scrollbar-thumb {
  background-color: #000;
}
#modal-topic .modal-wrap {
  position: relative;
  width: 100%;
  padding: 3.90625vw 0 3.90625vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-wrap {
    padding: 0;
  }
}
#modal-topic .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
#modal-topic .modal-box {
  position: relative;
  background: #fff;
  width: 50vw;
  margin: 0 auto;
  padding: 2.5vw 2.1875vw 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.01em;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box {
    width: 100%;
    padding: 8.5333333333vw 2.8vw 0;
  }
}
@media screen and (min-width: 769px) {
  #modal-topic .modal-box.is-show {
    -webkit-animation: modal-anim 1s 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation: modal-anim 1s 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box.is-show {
    -webkit-animation: modal-anim-sp 0.5s 0s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: modal-anim-sp 0.5s 0s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
@media screen and (min-width: 769px) {
  #modal-topic .modal-box.is-hide {
    -webkit-animation: modal-anim-close 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: modal-anim-close 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box.is-hide {
    -webkit-animation: modal-anim-close-sp 0.5s 0s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: modal-anim-close-sp 0.5s 0s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
@-webkit-keyframes modal-anim {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes modal-anim {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes modal-anim-sp {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes modal-anim-sp {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -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 modal-anim-close {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes modal-anim-close {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@-webkit-keyframes modal-anim-close-sp {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
}
@keyframes modal-anim-close-sp {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
}
#modal-topic .modal-box .btn-close {
  position: absolute;
  top: -1.25vw;
  right: -1.25vw;
  width: 5.3125vw;
  height: 5.3125vw;
  z-index: 10;
  opacity: 0;
}
#modal-topic .modal-box .btn-close.is-show {
  -webkit-animation: modal-anim-closebtn 0.5s cubic-bezier(0.34, 2.5, 0.67, 1) forwards;
          animation: modal-anim-closebtn 0.5s cubic-bezier(0.34, 2.5, 0.67, 1) forwards;
}
#modal-topic .modal-box .btn-close .inner-box {
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #modal-topic .modal-box .btn-close .inner-box {
    -webkit-transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
    transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
  }
  #modal-topic .modal-box .btn-close .inner-box:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #modal-topic .modal-box .btn-close .inner-box:hover:before {
    -webkit-transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#modal-topic .modal-box .btn-close .inner-box:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/icon_close.png") center center no-repeat;
  background-size: 1.09375vw auto;
  -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-close .inner-box:before {
    background-size: 2.6666666667vw auto;
  }
}
@-webkit-keyframes modal-anim-closebtn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes modal-anim-closebtn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-close {
    position: fixed;
    top: 2.9333333333vw;
    right: 2.9333333333vw;
    width: 12vw;
    height: 12vw;
  }
}
#modal-topic .modal-box .topic-box {
  position: relative;
  width: 100%;
  padding: 0 0 4.375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box {
    padding: 0 0 13.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article {
  display: none;
}
#modal-topic .modal-box .topic-box article.show {
  display: block;
}
#modal-topic .modal-box .topic-box article .anim {
  opacity: 0;
}
#modal-topic .modal-box .topic-box article .anim.is-show {
  -webkit-animation: modal-anim-item 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: modal-anim-item 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@-webkit-keyframes modal-anim-item {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes modal-anim-item {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
#modal-topic .modal-box .topic-box article .sec-modal-main {
  position: relative;
  width: 100%;
}
#modal-topic .modal-box .topic-box article .sec-modal-main .kv-box {
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
#modal-topic .modal-box .topic-box article .sec-modal-main .kv-box h2 {
  width: 34.375vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .sec-modal-main .kv-box h2 {
    width: 85.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .sec-modal-main .kv-box .kv {
  position: relative;
  width: 100%;
}
#modal-topic .modal-box .topic-box article .sec-modal-main .kv-box .kv img {
  width: 100%;
  height: auto;
}
#modal-topic .modal-box .topic-box article .sec-lead {
  padding: 3.125vw 0 0;
  width: 40.9375vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .sec-lead {
    padding: 7.4666666667vw 0 0;
    width: 89.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box.flex {
    display: block;
  }
}
#modal-topic .modal-box .topic-box article .body-box h4 {
  text-align: center;
  color: #e72813;
  font-size: 1.40625vw;
  font-weight: 400;
  margin-bottom: 0.625vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box h4 {
    font-size: 4vw;
    margin-bottom: 1.0666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .p-box {
  position: relative;
}
#modal-topic .modal-box .topic-box article .body-box .p-box.flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#modal-topic .modal-box .topic-box article .body-box .p-box p {
  font-size: 1.2109375vw;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .p-box p {
    font-size: 3.4666666667vw;
    line-height: 1.75;
  }
}
#modal-topic .modal-box .topic-box article .body-box .p-box p span.asterisk {
  position: relative;
  top: -0.3125vw;
  font-size: 0.75em;
  margin-left: 1px;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .p-box p span.asterisk {
    top: -0.8vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .p-box p span.maru-r {
  position: relative;
  top: 0.234375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .p-box p span.maru-r {
    top: 0.5333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .p-box p span.tm {
  position: relative;
  top: 0.46875vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .p-box p span.tm {
    top: 1.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .p-box p span.co2 {
  position: relative;
  top: 0vw;
  font-size: 0.75em;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .p-box p span.co2 {
    top: 1.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .p-box p a {
  position: relative;
  color: #e81d13;
  text-decoration: underline;
  padding-right: 1.09375vw;
}
#modal-topic .modal-box .topic-box article .body-box .p-box p a:before {
  position: absolute;
  content: "";
  top: 0.46875vw;
  right: 0;
  background: url("../img/icon_blank.png") center center no-repeat;
  width: 0.859375vw;
  height: 0.859375vw;
  background-size: contain;
}
#modal-topic .modal-box .topic-box article .body-box .p-box p.note {
  margin-top: 0.859375vw;
  font-size: 0.859375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .p-box p.note {
    margin-top: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more {
  position: relative;
  margin-top: 3.75vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more {
    margin-top: 11.7333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 3.90625vw;
  background: #e82117;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  padding: 0 1.875vw 0.15625vw 2.1875vw;
  white-space: nowrap;
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a:before {
  position: absolute;
  content: "";
  top: -2.5vw;
  left: 0;
  background: url("../img/_modal/baloon_1.png") center center no-repeat;
  height: 2.578125vw;
  width: 100%;
  background-size: 10.9375vw auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a:before {
    top: -6.6666666667vw;
    background-size: 30.6666666667vw auto;
    height: 5.8666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a.baloon-2:before {
  background: url("../img/_modal/baloon_2.png") center center no-repeat;
  background-size: 10.9375vw auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a.baloon-2:before {
    background-size: 30.6666666667vw auto;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a.baloon-3:before {
  background: url("../img/_modal/baloon_3.png") center center no-repeat;
  background-size: 10.9375vw auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a.baloon-3:before {
    background-size: 30.6666666667vw auto;
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a {
    height: 12.2666666667vw;
    padding: 0 5.3333333333vw 0.4vw 6.1333333333vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a {
    -webkit-transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
    transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
  }
  #modal-topic .modal-box .topic-box article .body-box .btn-more a:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  #modal-topic .modal-box .topic-box article .body-box .btn-more a:hover span.icon:before {
    -webkit-animation: arrow-anim-next 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: arrow-anim-next 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a span {
  display: block;
  line-height: 1;
  font-size: 1.25vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a span {
    font-size: 3.7333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a span.maru-r {
  position: relative;
  top: 0.234375vw;
  display: inline-block;
  margin: 0 1px;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a span.maru-r {
    top: 0.5333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a span.icon {
  position: relative;
  top: 0.078125vw;
  right: 0;
  display: block;
  background: url("../img/_modal/icon_link_base.png") center center no-repeat;
  width: 1.71875vw;
  height: 1.71875vw;
  background-size: contain;
  margin-left: 0.390625vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a span.icon {
    margin-left: 0.9333333333vw;
    width: 5.2vw;
    height: 5.2vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .btn-more a span.icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url("../img/_modal/icon_link_arrow.png") center center no-repeat;
  width: 100%;
  height: 100%;
  background-size: 1.71875vw auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .btn-more a span.icon:before {
    background-size: 5.2vw auto;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box {
  position: relative;
  margin: 3.4375vw auto 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box {
    margin: 11.2vw auto 0;
    width: 90.6666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box.margin {
  margin: 4.375vw auto 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.margin {
    margin: 11.2vw auto 0;
    width: 90.6666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box.small {
  margin: 4.21875vw auto 0;
  width: 20.3125vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.small {
    margin: 11.2vw auto 0;
    width: 60vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box.middle {
  margin: 4.21875vw auto 0;
  width: 35.9375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.middle {
    margin: 11.2vw auto 0;
    width: 85.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.large {
    margin: 7.4666666667vw auto 0;
    width: 84vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box.photo {
  margin: 4.21875vw auto 0;
  width: 28.125vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.photo {
    margin: 11.2vw auto 0;
    width: 60vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box.youtube iframe {
  height: 23.046875vw;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.youtube iframe {
    width: 100%;
    height: 48vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box.flex {
  margin: 0;
  width: 14.0625vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 2.1875vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.flex {
    width: 48vw;
    margin: 11.2vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box.flex.small {
    width: 37.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box img.border {
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#modal-topic .modal-box .topic-box article .body-box .image-box p.caption {
  margin-top: 0.9375vw;
  text-align: center;
  line-height: 1.5;
  font-size: 1.09375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box p.caption {
    margin-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box p.caption.small {
  font-size: 0.859375vw;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .image-box p.caption.small {
    margin-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .image-box p.caption.nowrap {
  white-space: nowrap;
}
#modal-topic .modal-box .topic-box article .body-box em {
  font-style: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%, transparent), color-stop(30%, #ffeb4a));
  background: linear-gradient(transparent 68%, #ffeb4a 30%);
  padding-bottom: 0.078125vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box em {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(30%, #ffeb4a));
    background: linear-gradient(transparent 75%, #ffeb4a 30%);
    padding-bottom: 0;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box {
  margin-top: 3.75vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box {
    margin-top: 10.6666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box.column-3 li {
  width: calc(33.33% - 4px);
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box.column-3 li {
    width: calc(33.33% - 2px);
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box.column-2.flex {
    display: block;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box.column-2.flex li:nth-child(n+2) {
    margin: 10.9375vw auto 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box.column-2.flex li {
    width: 64vw;
    margin: 0 auto;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box.column-2 li {
  width: calc(50% - 4px);
}
#modal-topic .modal-box .topic-box article .body-box .photo-box.column-2 li .caption {
  margin: 1.40625vw auto 0;
  font-size: 1.09375vw;
  line-height: 1.55;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box.column-2 li .caption {
    margin: 3.2vw auto 0;
    font-size: 3.2vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li {
  width: calc(33.33% - 4px);
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .image img {
  width: 100%;
  height: auto;
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .image img.border {
  border: 1px solid #e4e4e4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption {
  position: relative;
  text-align: center;
  margin: 0.390625vw auto 0;
  font-size: 0.9375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption {
    margin: 2vw auto 0;
    font-size: 2.6666666667vw;
    line-height: 1.5;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span {
  display: block;
  text-align: center;
  line-height: 1.4;
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-1 {
  font-size: 0.9375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-1 {
    font-size: 2.6666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-2 {
  font-size: 1.25vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-2 {
    font-size: 3.6vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-3 {
  font-size: 0.9375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-3 {
    font-size: 2.6666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-4 {
  font-size: 0.9375vw;
  margin-top: 0.9375vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-4 {
    font-size: 3.2vw;
    margin-top: 1.6vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-5 {
  font-size: 1.25vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p span.row-5 {
    font-size: 3.2vw;
  }
}
#modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p.text {
  margin-top: 0.9375vw;
  text-align: left;
  font-size: 0.9375vw;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .body-box .photo-box li .caption .ttl-box p.text {
    margin-top: 3.2vw;
    font-size: 2.4vw;
  }
}
#modal-topic .modal-box .topic-box article .sec-midashi {
  position: relative;
  background: #ffe7dd;
  margin: 5vw auto 0;
  width: 40.9375vw;
  height: 12.5vw;
  padding: 2.5vw 2.5vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .sec-midashi {
    margin: 11.7333333333vw auto 0;
    width: 89.3333333333vw;
    height: 27.7333333333vw;
    padding: 5.3333333333vw 5.0666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .sec-midashi h3 {
  width: 28.125vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .sec-midashi h3 {
    width: 61.3333333333vw;
  }
}
#modal-topic .modal-box .topic-box article .sec-midashi .illust {
  position: absolute;
  top: -1.875vw;
  right: -1.71875vw;
  width: 24.0625vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .sec-midashi .illust {
    top: -2.9333333333vw;
    right: -3.2vw;
    width: 52.2666666667vw;
  }
}
#modal-topic .modal-box .topic-box article .sec-body {
  padding: 3.59375vw 0 0;
  width: 40.9375vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .topic-box article .sec-body {
    margin: 5.3333333333vw auto 0;
    width: 89.3333333333vw;
  }
}
#modal-topic .modal-box .link-box {
  position: relative;
  width: 42.1875vw;
  margin: 0 auto;
  padding: 3.75vw 0 5vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box {
    width: 94.6666666667vw;
    padding: 12vw 0 26.6666666667vw;
  }
}
#modal-topic .modal-box .link-box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  background: url("../img/_modal/hr.png") center center no-repeat;
  height: 0.234375vw;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box:before {
    height: 0.6666666667vw;
  }
}
#modal-topic .modal-box .link-box .back-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#modal-topic .modal-box .link-box .back-next .back-box, #modal-topic .modal-box .link-box .back-next .next-box {
  position: relative;
  width: 20.625vw;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #modal-topic .modal-box .link-box .back-next .back-box .thumb-box:before, #modal-topic .modal-box .link-box .back-next .next-box .thumb-box:before {
    -webkit-transition: all 0.3s cubic-bezier(0.34, 2.5, 0.67, 1);
    transition: all 0.3s cubic-bezier(0.34, 2.5, 0.67, 1);
  }
  #modal-topic .modal-box .link-box .back-next .back-box .thumb-box img, #modal-topic .modal-box .link-box .back-next .next-box .thumb-box img {
    -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  }
  #modal-topic .modal-box .link-box .back-next .back-box:hover .thumb-box:before, #modal-topic .modal-box .link-box .back-next .next-box:hover .thumb-box:before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #modal-topic .modal-box .link-box .back-next .back-box:hover .thumb-box:after, #modal-topic .modal-box .link-box .back-next .next-box:hover .thumb-box:after {
    -webkit-animation: arrow-anim-next 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: arrow-anim-next 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  #modal-topic .modal-box .link-box .back-next .back-box:hover .thumb-box img, #modal-topic .modal-box .link-box .back-next .next-box:hover .thumb-box img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #modal-topic .modal-box .link-box .back-next .back-box.back-box:hover .thumb-box:after, #modal-topic .modal-box .link-box .back-next .next-box.back-box:hover .thumb-box:after {
    -webkit-animation: arrow-anim-back 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: arrow-anim-back 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box.hide, #modal-topic .modal-box .link-box .back-next .next-box.hide {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box, #modal-topic .modal-box .link-box .back-next .next-box {
    width: 46.4vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box.next-box ul.thumb-box:before, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.thumb-box:before {
  left: auto;
  right: -1.71875vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box.next-box ul.thumb-box:before, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.thumb-box:before {
    right: -1.6vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box.next-box ul.thumb-box:after, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.thumb-box:after {
  left: auto;
  right: -1.71875vw;
  -webkit-transform: none;
          transform: none;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box.next-box ul.thumb-box:after, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.thumb-box:after {
    right: -1.6vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box.next-box ul.ttl-box li:before, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.ttl-box li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 2%;
  width: 96%;
  height: 150%;
  background: url("../img/_modal/modal_thumb_title_bg_right.png") center center no-repeat;
  background-size: 100% auto;
}
#modal-topic .modal-box .link-box .back-next .back-box.next-box ul.ttl-box li img, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.ttl-box li img {
  position: relative;
  top: 0.625vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box.next-box ul.ttl-box li img, #modal-topic .modal-box .link-box .back-next .next-box.next-box ul.ttl-box li img {
    top: 1.7333333333vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box {
  position: relative;
}
#modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box:before, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box:before {
  position: absolute;
  content: "";
  top: calc(50% - 1.71875vw);
  left: -1.71875vw;
  width: 3.4375vw;
  height: 3.4375vw;
  background: #e81d13;
  border-radius: 50%;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box:before, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box:before {
    top: calc(50% - 3.6vw);
    left: -1.6vw;
    width: 7.2vw;
    height: 7.2vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box:after, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box:after {
  position: absolute;
  content: "";
  top: calc(50% - 1.71875vw);
  left: -1.71875vw;
  width: 3.4375vw;
  height: 3.4375vw;
  background: url("../img/_modal/icon_link_arrow.png") center center no-repeat;
  border-radius: 50%;
  background-size: 2.1875vw auto;
  z-index: 11;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box:after, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box:after {
    top: calc(50% - 3.6vw);
    left: -1.6vw;
    width: 7.2vw;
    height: 7.2vw;
    background-size: 4.6666666667vw auto;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box li, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box li {
  position: relative;
  visibility: hidden;
  overflow: hidden;
  border: 0.2727272727vw solid #e61d10;
}
#modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box li.is-show, #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box li.is-show {
  visibility: visible;
}
#modal-topic .modal-box .link-box .back-next .back-box ul.thumb-box li:nth-child(n+2), #modal-topic .modal-box .link-box .back-next .next-box ul.thumb-box li:nth-child(n+2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#modal-topic .modal-box .link-box .back-next .back-box .ttl, #modal-topic .modal-box .link-box .back-next .next-box .ttl {
  position: relative;
  margin: 0.9375vw auto 0;
  width: 7.03125vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box .ttl, #modal-topic .modal-box .link-box .back-next .next-box .ttl {
    margin: 2.8vw auto 0;
    width: 18.6666666667vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box {
  position: relative;
  width: 100%;
  margin: 0.625vw auto 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box {
    margin: 1.6vw auto 0;
    width: 46.6666666667vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box li, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box li {
  position: relative;
  visibility: hidden;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
#modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box li:before, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box li:before {
  position: absolute;
  content: "";
  top: -2%;
  left: 4%;
  width: 92%;
  height: 160%;
  background: url("../img/_modal/modal_thumb_title_bg_left.png") center center no-repeat;
  background-size: 100% auto;
}
#modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box li img, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box li img {
  position: relative;
  top: 0.78125vw;
  width: 82%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box li img, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box li img {
    top: 1.8666666667vw;
  }
}
#modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box li.is-show, #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box li.is-show {
  visibility: visible;
}
#modal-topic .modal-box .link-box .back-next .back-box ul.ttl-box li:nth-child(n+2), #modal-topic .modal-box .link-box .back-next .next-box ul.ttl-box li:nth-child(n+2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#modal-topic .modal-box .btn-back {
  position: relative;
  margin: 2.8125vw auto 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-back {
    margin-top: 7.4666666667vw;
  }
}
#modal-topic .modal-box .btn-back a, #modal-topic .modal-box .btn-back p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15.625vw;
  height: 3.90625vw;
  background: #f8f8f8;
  border-radius: 50px;
  text-decoration: none;
  color: #000;
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.08em;
  padding: 0vw 0 0.15625vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #modal-topic .modal-box .btn-back a, #modal-topic .modal-box .btn-back p {
    -webkit-transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
    transition: all 0.25s cubic-bezier(0.34, 2.5, 0.67, 1);
  }
  #modal-topic .modal-box .btn-back a:hover, #modal-topic .modal-box .btn-back p:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  #modal-topic .modal-box .btn-back a:hover span.icon:before, #modal-topic .modal-box .btn-back p:hover span.icon:before {
    -webkit-animation: arrow-anim-back-2 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
            animation: arrow-anim-back-2 0.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-back a, #modal-topic .modal-box .btn-back p {
    width: 49.3333333333vw;
    height: 12.2666666667vw;
    padding: 0vw 0 0.2666666667vw;
  }
}
#modal-topic .modal-box .btn-back a span, #modal-topic .modal-box .btn-back p span {
  display: block;
  line-height: 1;
  font-size: 1.25vw;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-back a span, #modal-topic .modal-box .btn-back p span {
    font-size: 3.7333333333vw;
  }
}
#modal-topic .modal-box .btn-back a span.icon, #modal-topic .modal-box .btn-back p span.icon {
  position: relative;
  top: 0.078125vw;
  right: 0;
  display: block;
  background: url("../img/_modal/icon_link_base_black.png") center center no-repeat;
  width: 1.71875vw;
  height: 1.71875vw;
  background-size: contain;
  margin-right: 0.390625vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-back a span.icon, #modal-topic .modal-box .btn-back p span.icon {
    margin-right: 0.9333333333vw;
    width: 5.2vw;
    height: 5.2vw;
  }
}
#modal-topic .modal-box .btn-back a span.icon:before, #modal-topic .modal-box .btn-back p span.icon:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url("../img/_modal/icon_link_arrow_black.png") center center no-repeat;
  width: 100%;
  height: 100%;
  background-size: 1.71875vw auto;
}
@media screen and (max-width: 768px) {
  #modal-topic .modal-box .btn-back a span.icon:before, #modal-topic .modal-box .btn-back p span.icon:before {
    background-size: 5.2vw auto;
  }
}

@-webkit-keyframes arrow-anim-next {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(20%);
            transform: translate(20%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(-20%);
            transform: translate(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}

@keyframes arrow-anim-next {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(20%);
            transform: translate(20%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(-20%);
            transform: translate(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}
@-webkit-keyframes arrow-anim-back {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%) scale(-1, 1);
            transform: translate(0%) scale(-1, 1);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-20%) scale(-1, 1);
            transform: translate(-20%) scale(-1, 1);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(20%) scale(-1, 1);
            transform: translate(20%) scale(-1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%) scale(-1, 1);
            transform: translate(0%) scale(-1, 1);
  }
}
@keyframes arrow-anim-back {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%) scale(-1, 1);
            transform: translate(0%) scale(-1, 1);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-20%) scale(-1, 1);
            transform: translate(-20%) scale(-1, 1);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(20%) scale(-1, 1);
            transform: translate(20%) scale(-1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%) scale(-1, 1);
            transform: translate(0%) scale(-1, 1);
  }
}
@-webkit-keyframes arrow-anim-back-2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-20%);
            transform: translate(-20%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(20%);
            transform: translate(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}
@keyframes arrow-anim-back-2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-20%);
            transform: translate(-20%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(20%);
            transform: translate(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}
@-webkit-keyframes mask-down {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes mask-down {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  100% {
    opacity: 1;
    -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 mask-slide {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes mask-slide {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    -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 slide-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes slide-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scale-up-serif {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-serif {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes fade-up-sp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes fade-up-sp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */