.main-content {
  height: 100%;
  position: relative; }
  .main-content .slideshow {
    overflow: hidden;
    position: relative;
    width: 1920px;
    height: 100%;
    z-index: 1;
    left: 50%;
    margin-left: -960px; }
    .main-content .slideshow .slideshow-inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .main-content .slideshow .slides {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .main-content .slideshow .slide {
      display: none;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.3s ease; }
      .main-content .slideshow .slide.is-active {
        display: block; }
      .main-content .slideshow .slide.is-loaded {
        opacity: 1; }
      .main-content .slideshow .slide .caption {
        max-width: 1200px;
        width: 1200px;
        margin: auto;
        text-align: left;
        width: 1200px;
        position: relative; }
      .main-content .slideshow .slide .image-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        z-index: 1;
        background-size: cover;
        image-rendering: optimizeQuality; }
        .main-content .slideshow .slide .image-container::before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.2); }
        .main-content .slideshow .slide .image-container img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .main-content .slideshow .slide .image {
        width: 100%;
        width: 100%;
        object-fit: cover;
        height: 100%; }
      .main-content .slideshow .slide-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .main-content .slideshow .slide .main_icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100px;
        margin: auto;
        z-index: 10; }
      .main-content .slideshow .slide .title {
        font-size: 80px;
        font-weight: 900;
        line-height: 1.5;
        margin-bottom: 20px;
        position: relative;
        z-index: 20; }
        .main-content .slideshow .slide .title p {
          display: table;
          position: relative; }
      .main-content .slideshow .slide .title01 {
        margin-left: -50px; }
      .main-content .slideshow .slide .caption .title p::after, .main-content .slideshow .slide .caption .text p::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        clip-path: inset(0 100% 0 0);
        background: #fff; }
      .main-content .slideshow .slide .caption .title01 p::after {
        width: calc(100% - 50px);
        left: 50px; }
      .main-content .slideshow .slide .text p {
        display: table;
        position: relative; }
      .main-content .slideshow .slide .text01 {
        font-size: 30px;
        line-height: 1;
        font-weight: bold;
        position: relative;
        z-index: 20; }
      .main-content .slideshow .slide .text01 {
		font-size: 25px; margin-top: 20px; line-height: 1.5;}
      .main-content .slideshow .slide .txt01 {
	    font-size: 20px; }
      .main-content .slideshow .slide .text02 {
        font-size: 25px;
        line-height: 1.8;
        font-weight: 600;
        position: relative;
        z-index: 20; }
      .main-content .slideshow .slide .btn {
        margin: 15px 0 0;
        border-color: #fff; }
        .main-content .slideshow .slide .btn::before {
          background: #fff; }
    .main-content .slideshow .slide.is-active .caption .title p::after, .main-content .slideshow .slide.is-active .caption .text p::after {
      animation-name: cover_text;
      animation-duration: .9s; }
    .main-content .slideshow .slide.is-active .caption .title p:nth-child(2)::after, .main-content .slideshow .slide.is-active .caption .text p::after {
      animation-delay: .1s; }
    .main-content .slideshow .slide.fade_t .caption .title p::after, .main-content .slideshow .slide.fade_t .caption .text p::after {
      animation-name: cover_text02;
      animation-duration: .9s; }
    .main-content .slideshow .slide.fade_t .caption .title p:nth-child(2)::after, .main-content .slideshow .slide.fade_t .caption .text p::after {
      animation-delay: .1s; }
    .main-content .slideshow .slide .caption .title p span, .main-content .slideshow .slide .caption .text p span {
      transition-delay: .5s; }
    .main-content .slideshow .slide .caption .title p:nth-child(2) span, .main-content .slideshow .slide .caption .text p span {
      transition-delay: .6s; }
    .main-content .slideshow .slide.is-new .caption .title p span, .main-content .slideshow .slide.is-new .caption .text p span {
      opacity: 0; }
    .main-content .slideshow .slide.fade_t .caption .title p span, .main-content .slideshow .slide.fade_t .caption .text p span {
      opacity: 0;
      transition-delay: .5s; }
    .main-content .slideshow .pagination {
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 1200px;
      height: 120px;
      cursor: default;
      z-index: 2;
      text-align: right; }
      .main-content .slideshow .pagination .item_box {
        position: relative;
        width: 80px;
        height: 60px;
        margin-left: auto;
        overflow: hidden; }
      .main-content .slideshow .pagination .item {
        font-size: 30px;
        position: absolute;
        text-align: center;
        color: #fff;
        height: auto;
        cursor: pointer;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transition-duration: 1s;
        transform: translateY(-60px);
        opacity: 0;
        right: 0;
        z-index: 1;
        height: fit-content; }
        .main-content .slideshow .pagination .item.is-active {
          transform: translateY(0);
          opacity: 1; }
        .main-content .slideshow .pagination .item.is-active + .item {
          transform: translateY(60px); }
        .main-content .slideshow .pagination .item + .page {
          margin-left: -2px; }
      .main-content .slideshow .pagination .fix_item {
        font-size: 30px;
        line-height: 1;
        color: #fff;
        position: relative;
        box-sizing: border-box;
        border-top: 3px solid #fff;
        width: 80px;
        text-align: center;
        height: 60px;
        margin-left: auto; }
    .main-content .slideshow .arrows {
      position: absolute;
      width: 1200px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      .main-content .slideshow .arrows .arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        z-index: 3;
        width: 80px;
        height: 90px;
        margin: auto; }
      .main-content .slideshow .arrows .prev {
        left: 30px;
        display: none; }
        .main-content .slideshow .arrows .prev:hover .svg {
          left: -10px; }
      .main-content .slideshow .arrows .next:hover .svg {
        left: 10px; }
      .main-content .slideshow .arrows .svg {
        display: none;
        position: relative;
        left: 0;
        width: 14px;
        height: 26px;
        fill: #fff;
        transition: left 0.2s ease; }

@keyframes cover_text {
  0% {
    clip-path: inset(0 100% 0 0); }
  52% {
    clip-path: inset(0); }
  54% {
    clip-path: inset(0); }
  100% {
    clip-path: inset(0 0 0 100%); } }
@keyframes cover_text02 {
  0% {
    clip-path: inset(0 100% 0 0); }
  52% {
    clip-path: inset(0); }
  54% {
    clip-path: inset(0); }
  100% {
    clip-path: inset(0 0 0 100%); } }