.d_flex {
  display: flex; }

body {
  position: relative; }

/*--------------------------
main_visual
---------------------------*/
#main_visual {
  position: relative;
  overflow-x: hidden; }
  #main_visual .container {
    background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_mainvisual.jpg");
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      #main_visual .container {
        margin: 50px 0 0 0;
        display: block; } }
    #main_visual .container .container-half {
      width: 50vw;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #main_visual .container .container-half {
          width: 315px;
          margin: 0 auto;
          padding: 25px 0 0 0; } }
      #main_visual .container .container-half h1 {
        font-family: "Montserrat", Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 900;
        font-size: 110px;
        margin: 0 0 10px 200px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container .container-half h1 {
            font-size: 5.7291666667vw;
            margin: 0 0 0.5208333333vw 10.4166666667vw; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container .container-half h1 {
            font-size: 55px;
            margin: 0 0 10px 0; } }
        #main_visual .container .container-half h1 .copy {
          font-weight: 300;
          font-size: 32px;
          padding: 5px 0 0 5px;
          display: block; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container .container-half h1 .copy {
              font-size: 1.6666666667vw;
              padding: 0.2604166667vw 0 0 0.2604166667vw; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container .container-half h1 .copy {
              font-size: 16px; } }
        #main_visual .container .container-half h1 .material {
          font-weight: 600;
          font-size: 20px;
          padding: 15px 0 0 5px;
          display: block; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container .container-half h1 .material {
              font-size: 1.0416666667vw;
              padding: 0.78125vw 0 0 0.2604166667vw; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container .container-half h1 .material {
              font-size: 10px; } }
      #main_visual .container .container-half .read-more {
        font-family: "Montserrat", Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        align-items: center;
        background-color: #010101;
        width: 180px;
        padding: 12px 0;
        margin: 50px 0 0 200px;
        display: block;
        transition: all 0.3s ease-in-out 0s; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container .container-half .read-more {
            font-size: 0.7291666667vw;
            width: 9.375vw;
            padding: 0.625vw 0;
            margin: 2.6041666667vw 0 0 10.4166666667vw; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container .container-half .read-more {
            width: 120px;
            margin: 25px 0 0 0; } }
        #main_visual .container .container-half .read-more:hover {
          background-color: #0081cc;
          box-shadow: 0 5px 10px 0 rgba(51, 51, 51, 0.5); }
      #main_visual .container .container-half .co-product_bg {
        background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_3circles.png");
        background-size: cover;
        width: 627px;
        height: 602px;
        mix-blend-mode: multiply;
        position: absolute;
        top: 0;
        left: 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container .container-half .co-product_bg {
            width: 32.65625vw;
            height: 31.3541666667vw; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container .container-half .co-product_bg {
            width: 313px;
            height: 300px;
            top: 25px; } }
      #main_visual .container .container-half .co-product {
        width: 627px;
        height: 602px;
        position: relative; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container .container-half .co-product {
            width: 32.65625vw;
            height: 31.3541666667vw; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container .container-half .co-product {
            width: 313px;
            height: 300px; } }
        #main_visual .container .container-half .co-product li .co-product-title {
          font-weight: 600;
          font-size: 20px;
          line-height: 1.2;
          text-align: center;
          color: #ffffff;
          width: 100%; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container .container-half .co-product li .co-product-title {
              font-size: 1.0416666667vw; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container .container-half .co-product li .co-product-title {
              font-size: 12px; } }
          #main_visual .container .container-half .co-product li .co-product-title .logo-million img {
            width: 275px;
            margin: 20px auto;
            display: block; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li .co-product-title .logo-million img {
                width: 14.3229166667vw;
                margin: 1.0416666667vw auto; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li .co-product-title .logo-million img {
                width: 150px;
                margin: 10px auto; } }
          #main_visual .container .container-half .co-product li .co-product-title .logo-mipelon img,
          #main_visual .container .container-half .co-product li .co-product-title .logo-lubmer img {
            width: 200px;
            margin: 20px auto;
            display: block; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li .co-product-title .logo-mipelon img,
              #main_visual .container .container-half .co-product li .co-product-title .logo-lubmer img {
                width: 10.4166666667vw;
                margin: 1.0416666667vw auto; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li .co-product-title .logo-mipelon img,
              #main_visual .container .container-half .co-product li .co-product-title .logo-lubmer img {
                width: 100px;
                margin: 10px auto; } }
          #main_visual .container .container-half .co-product li .co-product-title .copy {
            font-weight: 300;
            font-size: 24px;
            width: 180px;
            margin: 15px auto;
            display: block; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li .co-product-title .copy {
                font-size: 1.25vw;
                width: 9.375vw;
                margin: 0.78125vw auto; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li .co-product-title .copy {
                font-size: 12px;
                width: 90px;
                margin: 7.5px auto; } }
          #main_visual .container .container-half .co-product li .co-product-title .trademark {
            font-size: 9px;
            vertical-align: top; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li .co-product-title .trademark {
                font-size: 0.46875vw; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li .co-product-title .trademark {
                font-size: 7px; } }
        #main_visual .container .container-half .co-product li:nth-child(1) {
          width: 100%;
          padding: 100px 0 25px 0;
          display: block; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container .container-half .co-product li:nth-child(1) {
              padding: 5.2083333333vw 0 1.3020833333vw 0; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container .container-half .co-product li:nth-child(1) {
              padding: 50px 0 15px 0; } }
          #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center {
            font-weight: 600;
            font-size: 30px;
            text-align: center;
            color: #ffffff;
            width: 100%;
            padding: 35px 0 0 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center {
                font-size: 1.5625vw;
                padding: 1.8229166667vw 0 0 0; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center {
                font-size: 15px;
                padding: 17.5px 0 0 0; } }
          #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center::before {
            content: "";
            width: 25px;
            height: 2px;
            background-color: #ffffff;
            margin: 0 15px 0 0;
            vertical-align: middle;
            display: inline-block; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center::before {
                width: 1.3020833333vw;
                margin: 0 0.78125vw 0 0; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center::before {
                width: 17.5px;
                height: 2px;
                margin: 0 7.5px 0 0; } }
          #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center::after {
            content: "";
            width: 25px;
            height: 2px;
            background-color: #ffffff;
            margin: 0 0 0 15px;
            vertical-align: middle;
            display: inline-block; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center::after {
                width: 1.3020833333vw;
                margin: 0 0 0 0.78125vw; } }
            @media only screen and (max-width: 768px) {
              #main_visual .container .container-half .co-product li:nth-child(1) .co-product-center::after {
                width: 17.5px;
                height: 2px;
                margin: 0 0 0 7.5px; } }
        #main_visual .container .container-half .co-product li:nth-child(2) {
          display: flex;
          margin: 10px 20px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container .container-half .co-product li:nth-child(2) {
              margin: 0.5208333333vw 1.0416666667vw; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container .container-half .co-product li:nth-child(2) {
              margin: 5px 10px; } }
      #main_visual .container .container-half:nth-child(1) {
        transition: all 1s ease-in-out 0s;
        transform: translateX(-300px);
        opacity: 0; }
      #main_visual .container .container-half:nth-child(2) {
        transition: all 1s ease-in-out 1s;
        opacity: 0; }
    #main_visual .container::before {
      content: "";
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_pluses.png");
      background-size: cover;
      width: 240px;
      height: 180px;
      position: absolute;
      top: 75%;
      left: 5%; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container::before {
          width: 12.5vw;
          height: 9.375vw; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container::before {
          width: 120px;
          height: 90px;
          top: 35%;
          left: 5%; } }
    #main_visual .container::after {
      content: "";
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_pluses.png");
      background-size: cover;
      width: 200px;
      height: 150px;
      position: absolute;
      top: 45%;
      right: 5%; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container::after {
          width: 10.4166666667vw;
          height: 7.8125vw; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container::after {
          width: 100px;
          height: 75px;
          top: 25%;
          right: 5%; } }
  #main_visual.is-active .title {
    opacity: 1; }
  #main_visual.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #main_visual.is-active .container .container-half:nth-child(1) {
    transform: translateX(0);
    opacity: 1; }
  #main_visual.is-active .container .container-half:nth-child(2) {
    opacity: 1; }

/*--------------------------
section01
---------------------------*/
#section01 {
  background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section01.jpg");
  background-size: cover;
  margin: 0;
  padding: 0 0 100px 0;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #section01 {
      padding: 0 0 5.2083333333vw 0; } }
  @media only screen and (max-width: 768px) {
    #section01 {
      padding: 0 0 50px 0; } }
  #section01 .title {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section01 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #section01 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #section01 .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #0081cc;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .title::before {
          height: 50px; } }
    #section01 .title span {
      display: block;
      font-family: 'Noto Sans Japanese';
      font-weight: 300;
      font-size: 20px;
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #section01 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #section01 .subtitle {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3846153846;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 30px 0 60px;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section01 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #section01 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #section01 .subtitle span {
        display: block; } }
  #section01 .container {
    display: flex;
    justify-content: center;
    position: relative; }
    @media only screen and (max-width: 768px) {
      #section01 .container {
        display: block; } }
    #section01 .container .container-half:nth-child(2)::before {
      content: "";
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_plus.png");
      background-size: cover;
      width: 75px;
      height: 75px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 1; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container .container-half:nth-child(2)::before {
          width: 3.90625vw;
          height: 3.90625vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .container .container-half:nth-child(2)::before {
          width: 25px;
          height: 25px;
          top: 275px; } }
    #section01 .container .entrance-million {
      background: url("/cn/special/uhmw-pe/assets/image/top/bg_pluses.png") no-repeat 10% 15%;
      background-size: 150px;
      background-color: #0081cc;
      color: #ffffff;
      width: 800px;
      padding: 35px 100px;
      position: relative;
      mix-blend-mode: multiply;
      height: 100%;
      padding-top: 125px !important;
      transition: all 0.5s ease-in-out 0.25s;
      transform: translateX(-100px);
      opacity: 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container .entrance-million {
          width: 41.6666666667vw;
          padding: 1.8229166667vw 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .container .entrance-million {
          width: 315px;
          padding: 15px 25px;
          margin: 0 auto; } }
      #section01 .container .entrance-million .co-product-title {
        display: flex;
        margin: 0 0 0 50px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container .entrance-million .co-product-title {
            margin: 0 0 0 2.6041666667vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container .entrance-million .co-product-title {
            margin: 0; } }
        #section01 .container .entrance-million .co-product-title figure {
          width: 125px;
          height: auto; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-million .co-product-title figure {
              width: 6.5104166667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-million .co-product-title figure {
              width: 65px; } }
        #section01 .container .entrance-million .co-product-title ul {
          margin: 0 0 0 20px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-million .co-product-title ul {
              margin: 0 0 0 1.0416666667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-million .co-product-title ul {
              margin: 0 0 0 10px; } }
        #section01 .container .entrance-million .co-product-title li.name {
          font-size: 18px;
          line-height: 1.6;
          padding: 15px 0 5px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-million .co-product-title li.name {
              font-size: 0.9375vw;
              padding: 0.78125vw 0 0.2604166667vw 0; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-million .co-product-title li.name {
              font-size: 9px;
              padding: 7.5px 0 2.5px 0; } }
        #section01 .container .entrance-million .co-product-title li.name-big {
          font-weight: 600;
          font-size: 28px;
          padding: 0 0 15px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-million .co-product-title li.name-big {
              font-size: 1.4583333333vw;
              padding: 0 0 0.78125vw 0; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-million .co-product-title li.name-big {
              font-size: 14px;
              padding: 0 0 5px 0; } }
          #section01 .container .entrance-million .co-product-title li.name-big img.million {
            width: 275px;
            margin: 0 0 5px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-million .co-product-title li.name-big img.million {
                width: 14.3229166667vw;
                margin: 0 0 0.2604166667vw 0; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-million .co-product-title li.name-big img.million {
                width: 150px;
                margin: 0 0 0 0; } }
          #section01 .container .entrance-million .co-product-title li.name-big img.mipelon,
          #section01 .container .entrance-million .co-product-title li.name-big img.lubmer {
            width: 175px;
            margin: 0 0 5px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-million .co-product-title li.name-big img.mipelon,
              #section01 .container .entrance-million .co-product-title li.name-big img.lubmer {
                width: 9.1145833333vw;
                margin: 0 0 0.2604166667vw 0; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-million .co-product-title li.name-big img.mipelon,
              #section01 .container .entrance-million .co-product-title li.name-big img.lubmer {
                width: 100px;
                margin: 0 0 0 0; } }
          #section01 .container .entrance-million .co-product-title li.name-big i {
            font-size: 36px;
            padding: 5px 0 0 18px; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-million .co-product-title li.name-big i {
                font-size: 1.875vw;
                padding: 0.2604166667vw 0 0 0.9375vw; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-million .co-product-title li.name-big i {
                font-size: 18px;
                padding: 1px 0 0 9px; } }
        #section01 .container .entrance-million .co-product-title .trademark {
          font-size: 9px;
          vertical-align: top;
          padding: 0 0 0 2px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-million .co-product-title .trademark {
              font-size: 0.46875vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-million .co-product-title .trademark {
              font-size: 7px; } }
      #section01 .container .entrance-million .co-product-features {
        display: flex;
        justify-content: center;
        margin: 25px 0 0 0; }
        #section01 .container .entrance-million .co-product-features li {
          line-height: 1.4;
          text-align: center;
          width: 120px;
          height: 90px;
          border: 1px #ffffff solid;
          border-radius: 20px;
          margin: 0 15px 0 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-million .co-product-features li {
              width: 120px;
              height: 60px;
              border-radius: 15px; } }
          #section01 .container .entrance-million .co-product-features li span {
            display: block; }
        #section01 .container .entrance-million .co-product-features li:last-child {
          margin: 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container .entrance-million {
          background-size: 7.8125vw;
          padding-top: 6.5104166667vw !important; } }
      @media only screen and (max-width: 768px) {
        #section01 .container .entrance-million {
          background: url("/cn/special/uhmw-pe/assets/image/top/bg_pluses.png") no-repeat 5% 5%;
          background-size: 50px;
          background-color: #0081cc;
          padding-top: 25px !important; } }
      #section01 .container .entrance-million:hover {
        transition: all 0.3s ease-in-out 0s;
        background-color: #1597e3;
        box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.5); }
    #section01 .container .entrance-mipelon {
      background-color: #5b1e56;
      color: #ffffff;
      width: 800px;
      padding: 35px 100px;
      position: relative;
      mix-blend-mode: multiply;
      transition: all 0.5s ease-in-out 0.5s;
      transform: translateX(100px);
      opacity: 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container .entrance-mipelon {
          width: 41.6666666667vw;
          padding: 1.8229166667vw 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .container .entrance-mipelon {
          width: 315px;
          padding: 15px 25px;
          margin: 0 auto; } }
      #section01 .container .entrance-mipelon .co-product-title {
        display: flex;
        margin: 0 0 0 50px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container .entrance-mipelon .co-product-title {
            margin: 0 0 0 2.6041666667vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container .entrance-mipelon .co-product-title {
            margin: 0; } }
        #section01 .container .entrance-mipelon .co-product-title figure {
          width: 125px;
          height: auto; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-mipelon .co-product-title figure {
              width: 6.5104166667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-mipelon .co-product-title figure {
              width: 65px; } }
        #section01 .container .entrance-mipelon .co-product-title ul {
          margin: 0 0 0 20px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-mipelon .co-product-title ul {
              margin: 0 0 0 1.0416666667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-mipelon .co-product-title ul {
              margin: 0 0 0 10px; } }
        #section01 .container .entrance-mipelon .co-product-title li.name {
          font-size: 18px;
          line-height: 1.6;
          padding: 15px 0 5px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-mipelon .co-product-title li.name {
              font-size: 0.9375vw;
              padding: 0.78125vw 0 0.2604166667vw 0; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-mipelon .co-product-title li.name {
              font-size: 9px;
              padding: 7.5px 0 2.5px 0; } }
        #section01 .container .entrance-mipelon .co-product-title li.name-big {
          font-weight: 600;
          font-size: 28px;
          padding: 0 0 15px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-mipelon .co-product-title li.name-big {
              font-size: 1.4583333333vw;
              padding: 0 0 0.78125vw 0; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-mipelon .co-product-title li.name-big {
              font-size: 14px;
              padding: 0 0 5px 0; } }
          #section01 .container .entrance-mipelon .co-product-title li.name-big img.million {
            width: 275px;
            margin: 0 0 5px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-mipelon .co-product-title li.name-big img.million {
                width: 14.3229166667vw;
                margin: 0 0 0.2604166667vw 0; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-mipelon .co-product-title li.name-big img.million {
                width: 150px;
                margin: 0 0 0 0; } }
          #section01 .container .entrance-mipelon .co-product-title li.name-big img.mipelon,
          #section01 .container .entrance-mipelon .co-product-title li.name-big img.lubmer {
            width: 175px;
            margin: 0 0 5px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-mipelon .co-product-title li.name-big img.mipelon,
              #section01 .container .entrance-mipelon .co-product-title li.name-big img.lubmer {
                width: 9.1145833333vw;
                margin: 0 0 0.2604166667vw 0; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-mipelon .co-product-title li.name-big img.mipelon,
              #section01 .container .entrance-mipelon .co-product-title li.name-big img.lubmer {
                width: 100px;
                margin: 0 0 0 0; } }
          #section01 .container .entrance-mipelon .co-product-title li.name-big i {
            font-size: 36px;
            padding: 5px 0 0 18px; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-mipelon .co-product-title li.name-big i {
                font-size: 1.875vw;
                padding: 0.2604166667vw 0 0 0.9375vw; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-mipelon .co-product-title li.name-big i {
                font-size: 18px;
                padding: 1px 0 0 9px; } }
        #section01 .container .entrance-mipelon .co-product-title .trademark {
          font-size: 9px;
          vertical-align: top;
          padding: 0 0 0 2px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-mipelon .co-product-title .trademark {
              font-size: 0.46875vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-mipelon .co-product-title .trademark {
              font-size: 7px; } }
      #section01 .container .entrance-mipelon .co-product-features {
        display: flex;
        justify-content: center;
        margin: 25px 0 0 0; }
        #section01 .container .entrance-mipelon .co-product-features li {
          line-height: 1.4;
          text-align: center;
          width: 120px;
          height: 90px;
          border: 1px #ffffff solid;
          border-radius: 20px;
          margin: 0 15px 0 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-mipelon .co-product-features li {
              width: 120px;
              height: 60px;
              border-radius: 15px; } }
          #section01 .container .entrance-mipelon .co-product-features li span {
            display: block; }
        #section01 .container .entrance-mipelon .co-product-features li:last-child {
          margin: 0; }
      #section01 .container .entrance-mipelon:hover {
        transition: all 0.3s ease-in-out 0s;
        background-color: #752f6f;
        box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.5); }
    #section01 .container .entrance-lubmer {
      background: url("/cn/special/uhmw-pe/assets/image/top/bg_circles.png") no-repeat 95% 25%;
      background-size: 40px;
      background-color: #251c58;
      color: #ffffff;
      width: 800px;
      padding: 35px 100px;
      position: relative;
      mix-blend-mode: multiply;
      transition: all 0.5s ease-in-out 0.75s;
      transform: translateX(100px);
      opacity: 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container .entrance-lubmer {
          width: 41.6666666667vw;
          padding: 1.8229166667vw 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .container .entrance-lubmer {
          width: 315px;
          padding: 15px 25px;
          margin: 0 auto; } }
      #section01 .container .entrance-lubmer .co-product-title {
        display: flex;
        margin: 0 0 0 50px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container .entrance-lubmer .co-product-title {
            margin: 0 0 0 2.6041666667vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container .entrance-lubmer .co-product-title {
            margin: 0; } }
        #section01 .container .entrance-lubmer .co-product-title figure {
          width: 125px;
          height: auto; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-lubmer .co-product-title figure {
              width: 6.5104166667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-lubmer .co-product-title figure {
              width: 65px; } }
        #section01 .container .entrance-lubmer .co-product-title ul {
          margin: 0 0 0 20px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-lubmer .co-product-title ul {
              margin: 0 0 0 1.0416666667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-lubmer .co-product-title ul {
              margin: 0 0 0 10px; } }
        #section01 .container .entrance-lubmer .co-product-title li.name {
          font-size: 18px;
          line-height: 1.6;
          padding: 15px 0 5px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-lubmer .co-product-title li.name {
              font-size: 0.9375vw;
              padding: 0.78125vw 0 0.2604166667vw 0; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-lubmer .co-product-title li.name {
              font-size: 9px;
              padding: 7.5px 0 2.5px 0; } }
        #section01 .container .entrance-lubmer .co-product-title li.name-big {
          font-weight: 600;
          font-size: 28px;
          padding: 0 0 15px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-lubmer .co-product-title li.name-big {
              font-size: 1.4583333333vw;
              padding: 0 0 0.78125vw 0; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-lubmer .co-product-title li.name-big {
              font-size: 14px;
              padding: 0 0 5px 0; } }
          #section01 .container .entrance-lubmer .co-product-title li.name-big img.million {
            width: 275px;
            margin: 0 0 5px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-lubmer .co-product-title li.name-big img.million {
                width: 14.3229166667vw;
                margin: 0 0 0.2604166667vw 0; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-lubmer .co-product-title li.name-big img.million {
                width: 150px;
                margin: 0 0 0 0; } }
          #section01 .container .entrance-lubmer .co-product-title li.name-big img.mipelon,
          #section01 .container .entrance-lubmer .co-product-title li.name-big img.lubmer {
            width: 175px;
            margin: 0 0 5px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-lubmer .co-product-title li.name-big img.mipelon,
              #section01 .container .entrance-lubmer .co-product-title li.name-big img.lubmer {
                width: 9.1145833333vw;
                margin: 0 0 0.2604166667vw 0; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-lubmer .co-product-title li.name-big img.mipelon,
              #section01 .container .entrance-lubmer .co-product-title li.name-big img.lubmer {
                width: 100px;
                margin: 0 0 0 0; } }
          #section01 .container .entrance-lubmer .co-product-title li.name-big i {
            font-size: 36px;
            padding: 5px 0 0 18px; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section01 .container .entrance-lubmer .co-product-title li.name-big i {
                font-size: 1.875vw;
                padding: 0.2604166667vw 0 0 0.9375vw; } }
            @media only screen and (max-width: 768px) {
              #section01 .container .entrance-lubmer .co-product-title li.name-big i {
                font-size: 18px;
                padding: 1px 0 0 9px; } }
        #section01 .container .entrance-lubmer .co-product-title .trademark {
          font-size: 9px;
          vertical-align: top;
          padding: 0 0 0 2px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container .entrance-lubmer .co-product-title .trademark {
              font-size: 0.46875vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-lubmer .co-product-title .trademark {
              font-size: 7px; } }
      #section01 .container .entrance-lubmer .co-product-features {
        display: flex;
        justify-content: center;
        margin: 25px 0 0 0; }
        #section01 .container .entrance-lubmer .co-product-features li {
          line-height: 1.4;
          text-align: center;
          width: 120px;
          height: 90px;
          border: 1px #ffffff solid;
          border-radius: 20px;
          margin: 0 15px 0 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 768px) {
            #section01 .container .entrance-lubmer .co-product-features li {
              width: 120px;
              height: 60px;
              border-radius: 15px; } }
          #section01 .container .entrance-lubmer .co-product-features li span {
            display: block; }
        #section01 .container .entrance-lubmer .co-product-features li:last-child {
          margin: 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container .entrance-lubmer {
          background-size: 2.0833333333vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .container .entrance-lubmer {
          background-size: 20px; } }
      #section01 .container .entrance-lubmer:hover {
        transition: all 0.3s ease-in-out 0s;
        background-color: #382d73;
        box-shadow: 0 10px 15px 0 rgba(51, 51, 51, 0.5); }
  #section01 .movie-container {
    padding: 50px 0 0 0;
    display: flex;
    justify-content: center;
    position: relative;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (max-width: 768px) {
      #section01 .movie-container {
        padding: 30px 30px 0 30px;
        display: block; } }
    #section01 .movie-container iframe {
      width: 560px;
      height: 315px; }
      @media only screen and (max-width: 768px) {
        #section01 .movie-container iframe {
          width: 315px;
          height: 177px; } }
  #section01.is-active .title {
    opacity: 1; }
  #section01.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #section01.is-active .container .entrance-million,
  #section01.is-active .container .entrance-mipelon,
  #section01.is-active .container .entrance-lubmer {
    transform: translateX(0);
    opacity: 1; }
  #section01.is-active .movie-container {
    transform: translateY(0);
    opacity: 1; }

/*--------------------------
section02
---------------------------*/
#section02 {
  background-color: #f8f8f8;
  margin: 0;
  padding: 0 0 100px 0;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #section02 {
      padding: 0 0 5.2083333333vw 0; } }
  #section02 .title {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section02 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #section02 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #section02 .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #0081cc;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section02 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section02 .title::before {
          height: 50px; } }
    #section02 .title span {
      display: block;
      font-family: 'Noto Sans Japanese';
      font-weight: 300;
      font-size: 20px;
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section02 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #section02 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #section02 .subtitle {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3846153846;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 30px 0 60px;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section02 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #section02 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #section02 .subtitle span {
        display: block; } }
  #section02 .container {
    width: 100%;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      #section02 .container {
        display: flex; } }
    #section02 .container ul {
      width: 1000px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      position: static; }
      @media only screen and (max-width: 768px) {
        #section02 .container ul {
          width: 315px;
          justify-content: space-between; } }
      #section02 .container ul li {
        text-align: center;
        width: 225px;
        margin: 0 25px 75px 0;
        position: static; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section02 .container ul li {
            margin: 0 1.3020833333vw 3.90625vw 0; } }
        @media only screen and (max-width: 768px) {
          #section02 .container ul li {
            width: 150px;
            height: 220px;
            margin: 0 0 15px; } }
        #section02 .container ul li a figure {
          overflow: hidden; }
          #section02 .container ul li a figure img:hover {
            transition: all 0.5s ease-in-out 0s;
            transform: scale(1.05); }
          #section02 .container ul li a figure:hover {
            transition: all 0.5s ease-in-out 0s;
            box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
            filter: saturate(100%); }
        #section02 .container ul li h3 {
          font-weight: 600;
          font-size: 20px;
          margin: 25px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section02 .container ul li h3 {
              font-size: 1.0416666667vw;
              margin: 1.3020833333vw 0; } }
          @media only screen and (max-width: 768px) {
            #section02 .container ul li h3 {
              font-size: 16px;
              margin: 15px 0; } }
          #section02 .container ul li h3 br {
            display: none; }
            @media only screen and (max-width: 768px) {
              #section02 .container ul li h3 br {
                display: inline; } }
        #section02 .container ul li p {
          font-size: 15px;
          color: #ffffff;
          width: 100px;
          height: 30px;
          border-radius: 15px;
          padding: 7px 0 0 0;
          display: inline-block; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section02 .container ul li p {
              font-size: 0.78125vw;
              width: 5.2083333333vw;
              height: 1.5625vw;
              border-radius: 0.78125vw;
              padding: 0.3645833333vw 0 0 0; } }
          @media only screen and (max-width: 768px) {
            #section02 .container ul li p {
              font-size: 14px;
              width: 100px;
              height: 25px;
              border-radius: 12.5px;
              padding: 5px 0 0 0;
              margin: 0 0 5px 0; } }
        #section02 .container ul li p.million {
          background-color: #0081cc;
          transition: all 0.3s ease-in-out 0s; }
          #section02 .container ul li p.million:hover {
            background-color: #1597e3;
            box-shadow: 0 5px 5px 0 rgba(51, 51, 51, 0.25); }
        #section02 .container ul li p.mipelon {
          background-color: #5b1e56;
          transition: all 0.3s ease-in-out 0s; }
          #section02 .container ul li p.mipelon:hover {
            background-color: #752f6f;
            box-shadow: 0 5px 5px 0 rgba(51, 51, 51, 0.25); }
        #section02 .container ul li p.lubmer {
          background-color: #251c58;
          transition: all 0.3s ease-in-out 0s; }
          #section02 .container ul li p.lubmer:hover {
            background-color: #382d73;
            box-shadow: 0 5px 5px 0 rgba(51, 51, 51, 0.25); }
      #section02 .container ul li:nth-child(1),
      #section02 .container ul li:nth-child(2),
      #section02 .container ul li:nth-child(3),
      #section02 .container ul li:nth-child(4),
      #section02 .container ul li:nth-child(9),
      #section02 .container ul li:nth-child(10) {
        transform: translateX(25vw);
        opacity: 0; }
        #section02 .container ul li:nth-child(1):nth-of-type(1),
        #section02 .container ul li:nth-child(2):nth-of-type(1),
        #section02 .container ul li:nth-child(3):nth-of-type(1),
        #section02 .container ul li:nth-child(4):nth-of-type(1),
        #section02 .container ul li:nth-child(9):nth-of-type(1),
        #section02 .container ul li:nth-child(10):nth-of-type(1) {
          transition: all 0.75s ease-in-out 0.9s; }
        #section02 .container ul li:nth-child(1):nth-of-type(2),
        #section02 .container ul li:nth-child(2):nth-of-type(2),
        #section02 .container ul li:nth-child(3):nth-of-type(2),
        #section02 .container ul li:nth-child(4):nth-of-type(2),
        #section02 .container ul li:nth-child(9):nth-of-type(2),
        #section02 .container ul li:nth-child(10):nth-of-type(2) {
          transition: all 0.75s ease-in-out 1.3s; }
        #section02 .container ul li:nth-child(1):nth-of-type(3),
        #section02 .container ul li:nth-child(2):nth-of-type(3),
        #section02 .container ul li:nth-child(3):nth-of-type(3),
        #section02 .container ul li:nth-child(4):nth-of-type(3),
        #section02 .container ul li:nth-child(9):nth-of-type(3),
        #section02 .container ul li:nth-child(10):nth-of-type(3) {
          transition: all 0.75s ease-in-out 1.7s; }
        #section02 .container ul li:nth-child(1):nth-of-type(4),
        #section02 .container ul li:nth-child(2):nth-of-type(4),
        #section02 .container ul li:nth-child(3):nth-of-type(4),
        #section02 .container ul li:nth-child(4):nth-of-type(4),
        #section02 .container ul li:nth-child(9):nth-of-type(4),
        #section02 .container ul li:nth-child(10):nth-of-type(4) {
          transition: all 0.75s ease-in-out 2.1s; }
        #section02 .container ul li:nth-child(1):nth-of-type(5),
        #section02 .container ul li:nth-child(2):nth-of-type(5),
        #section02 .container ul li:nth-child(3):nth-of-type(5),
        #section02 .container ul li:nth-child(4):nth-of-type(5),
        #section02 .container ul li:nth-child(9):nth-of-type(5),
        #section02 .container ul li:nth-child(10):nth-of-type(5) {
          transition: all 0.75s ease-in-out 2.5s; }
        #section02 .container ul li:nth-child(1):nth-of-type(6),
        #section02 .container ul li:nth-child(2):nth-of-type(6),
        #section02 .container ul li:nth-child(3):nth-of-type(6),
        #section02 .container ul li:nth-child(4):nth-of-type(6),
        #section02 .container ul li:nth-child(9):nth-of-type(6),
        #section02 .container ul li:nth-child(10):nth-of-type(6) {
          transition: all 0.75s ease-in-out 2.9s; }
        #section02 .container ul li:nth-child(1):nth-of-type(7),
        #section02 .container ul li:nth-child(2):nth-of-type(7),
        #section02 .container ul li:nth-child(3):nth-of-type(7),
        #section02 .container ul li:nth-child(4):nth-of-type(7),
        #section02 .container ul li:nth-child(9):nth-of-type(7),
        #section02 .container ul li:nth-child(10):nth-of-type(7) {
          transition: all 0.75s ease-in-out 3.3s; }
        #section02 .container ul li:nth-child(1):nth-of-type(8),
        #section02 .container ul li:nth-child(2):nth-of-type(8),
        #section02 .container ul li:nth-child(3):nth-of-type(8),
        #section02 .container ul li:nth-child(4):nth-of-type(8),
        #section02 .container ul li:nth-child(9):nth-of-type(8),
        #section02 .container ul li:nth-child(10):nth-of-type(8) {
          transition: all 0.75s ease-in-out 3.7s; }
        #section02 .container ul li:nth-child(1):nth-of-type(9),
        #section02 .container ul li:nth-child(2):nth-of-type(9),
        #section02 .container ul li:nth-child(3):nth-of-type(9),
        #section02 .container ul li:nth-child(4):nth-of-type(9),
        #section02 .container ul li:nth-child(9):nth-of-type(9),
        #section02 .container ul li:nth-child(10):nth-of-type(9) {
          transition: all 0.75s ease-in-out 4.1s; }
        #section02 .container ul li:nth-child(1):nth-of-type(10),
        #section02 .container ul li:nth-child(2):nth-of-type(10),
        #section02 .container ul li:nth-child(3):nth-of-type(10),
        #section02 .container ul li:nth-child(4):nth-of-type(10),
        #section02 .container ul li:nth-child(9):nth-of-type(10),
        #section02 .container ul li:nth-child(10):nth-of-type(10) {
          transition: all 0.75s ease-in-out 4.5s; }
      #section02 .container ul li:nth-child(5),
      #section02 .container ul li:nth-child(6),
      #section02 .container ul li:nth-child(7),
      #section02 .container ul li:nth-child(8) {
        transform: translateX(-25vw);
        opacity: 0; }
        #section02 .container ul li:nth-child(5):nth-of-type(1),
        #section02 .container ul li:nth-child(6):nth-of-type(1),
        #section02 .container ul li:nth-child(7):nth-of-type(1),
        #section02 .container ul li:nth-child(8):nth-of-type(1) {
          transition: all 0.75s ease-in-out 0.9s; }
        #section02 .container ul li:nth-child(5):nth-of-type(2),
        #section02 .container ul li:nth-child(6):nth-of-type(2),
        #section02 .container ul li:nth-child(7):nth-of-type(2),
        #section02 .container ul li:nth-child(8):nth-of-type(2) {
          transition: all 0.75s ease-in-out 1.3s; }
        #section02 .container ul li:nth-child(5):nth-of-type(3),
        #section02 .container ul li:nth-child(6):nth-of-type(3),
        #section02 .container ul li:nth-child(7):nth-of-type(3),
        #section02 .container ul li:nth-child(8):nth-of-type(3) {
          transition: all 0.75s ease-in-out 1.7s; }
        #section02 .container ul li:nth-child(5):nth-of-type(4),
        #section02 .container ul li:nth-child(6):nth-of-type(4),
        #section02 .container ul li:nth-child(7):nth-of-type(4),
        #section02 .container ul li:nth-child(8):nth-of-type(4) {
          transition: all 0.75s ease-in-out 2.1s; }
        #section02 .container ul li:nth-child(5):nth-of-type(5),
        #section02 .container ul li:nth-child(6):nth-of-type(5),
        #section02 .container ul li:nth-child(7):nth-of-type(5),
        #section02 .container ul li:nth-child(8):nth-of-type(5) {
          transition: all 0.75s ease-in-out 2.5s; }
        #section02 .container ul li:nth-child(5):nth-of-type(6),
        #section02 .container ul li:nth-child(6):nth-of-type(6),
        #section02 .container ul li:nth-child(7):nth-of-type(6),
        #section02 .container ul li:nth-child(8):nth-of-type(6) {
          transition: all 0.75s ease-in-out 2.9s; }
        #section02 .container ul li:nth-child(5):nth-of-type(7),
        #section02 .container ul li:nth-child(6):nth-of-type(7),
        #section02 .container ul li:nth-child(7):nth-of-type(7),
        #section02 .container ul li:nth-child(8):nth-of-type(7) {
          transition: all 0.75s ease-in-out 3.3s; }
        #section02 .container ul li:nth-child(5):nth-of-type(8),
        #section02 .container ul li:nth-child(6):nth-of-type(8),
        #section02 .container ul li:nth-child(7):nth-of-type(8),
        #section02 .container ul li:nth-child(8):nth-of-type(8) {
          transition: all 0.75s ease-in-out 3.7s; }
        #section02 .container ul li:nth-child(5):nth-of-type(9),
        #section02 .container ul li:nth-child(6):nth-of-type(9),
        #section02 .container ul li:nth-child(7):nth-of-type(9),
        #section02 .container ul li:nth-child(8):nth-of-type(9) {
          transition: all 0.75s ease-in-out 4.1s; }
        #section02 .container ul li:nth-child(5):nth-of-type(10),
        #section02 .container ul li:nth-child(6):nth-of-type(10),
        #section02 .container ul li:nth-child(7):nth-of-type(10),
        #section02 .container ul li:nth-child(8):nth-of-type(10) {
          transition: all 0.75s ease-in-out 4.5s; }
  #section02.is-active .title {
    opacity: 1; }
  #section02.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #section02.is-active .container ul:first-child li {
    transform: translateX(0);
    opacity: 1; }
  #section02.is-active .container ul:last-child li {
    transform: translateX(0);
    opacity: 1; }

/*--------------------------
section03
---------------------------*/
#section03 {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  #section03 .title {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section03 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #section03 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #section03 .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #0081cc;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section03 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section03 .title::before {
          height: 50px; } }
    #section03 .title span {
      display: block;
      font-family: 'Noto Sans Japanese';
      font-weight: 300;
      font-size: 20px;
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section03 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #section03 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #section03 .subtitle {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3846153846;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 30px 0 60px;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section03 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #section03 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #section03 .subtitle span {
        display: block; } }
  #section03 .container {
    width: 100%;
    transition: all 1s ease-in-out 1s;
    transform: translateY(100px);
    opacity: 0; }
    #section03 .container ul li {
      width: 100%;
      height: 700px;
      filter: saturate(75%);
      position: relative;
      transition: all 0.3s ease-in-out 0s; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section03 .container ul li {
          height: 36.4583333333vw; } }
      @media only screen and (max-width: 768px) {
        #section03 .container ul li {
          height: 250px; } }
      #section03 .container ul li .number {
        font-family: "Montserrat";
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 5px;
        margin: 0 0 25px 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section03 .container ul li .number {
            font-size: 1.0416666667vw;
            letter-spacing: 0.2604166667vw;
            margin: 0 0 1.3020833333vw 0; } }
        @media only screen and (max-width: 768px) {
          #section03 .container ul li .number {
            font-size: 10px;
            letter-spacing: 2px;
            margin: 0 0 12.5px 0; } }
        #section03 .container ul li .number::before {
          content: "";
          width: 25px;
          height: 2px;
          background-color: #0081cc;
          margin: 0 10px 0 0;
          vertical-align: middle;
          display: inline-block; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section03 .container ul li .number::before {
              width: 1.3020833333vw;
              margin: 0 0.5208333333vw 0 0; } }
          @media only screen and (max-width: 768px) {
            #section03 .container ul li .number::before {
              width: 12.5px;
              margin: 0 5px 0 0; } }
      #section03 .container ul li .usecase {
        font-weight: 700;
        font-size: 40px;
        color: #310000;
        margin: 0 0 50px 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section03 .container ul li .usecase {
            font-size: 2.0833333333vw;
            margin: 0 0 2.6041666667vw 0; } }
        @media only screen and (max-width: 768px) {
          #section03 .container ul li .usecase {
            font-size: 20px;
            margin: 0 0 25px 0; } }
      #section03 .container ul li .copy {
        font-weight: 200;
        font-size: 48px;
        line-height: 1.6;
        color: #310000; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section03 .container ul li .copy {
            font-size: 2.5vw; } }
        @media only screen and (max-width: 768px) {
          #section03 .container ul li .copy {
            font-size: 12px; } }
        #section03 .container ul li .copy span {
          display: block; }
      #section03 .container ul li:hover {
        box-shadow: 0 0 15px 15px rgba(51, 51, 51, 0.15);
        filter: saturate(100%);
        z-index: 1; }
    #section03 .container ul li.case01 {
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section03_01.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 768px) {
        #section03 .container ul li.case01 {
          background-size: 750px;
          background-position: center top; } }
      #section03 .container ul li.case01 div {
        width: 100%;
        padding: 150px 0 0 55%; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section03 .container ul li.case01 div {
            padding: 7.8125vw 0 0 55%; } }
        @media only screen and (max-width: 768px) {
          #section03 .container ul li.case01 div {
            padding: 65px 0 0 55%; } }
    #section03 .container ul li.case02 {
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section03_02.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 768px) {
        #section03 .container ul li.case02 {
          background-size: 750px;
          background-position: center bottom; } }
      #section03 .container ul li.case02 div {
        width: 100%;
        padding: 150px 0 0 15%; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section03 .container ul li.case02 div {
            padding: 7.8125vw 0 0 15%; } }
        @media only screen and (max-width: 768px) {
          #section03 .container ul li.case02 div {
            padding: 65px 0 0 15%; } }
    #section03 .container ul li.case03 {
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section03_03.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 768px) {
        #section03 .container ul li.case03 {
          background-size: 750px;
          background-position: center bottom; } }
      #section03 .container ul li.case03 div {
        width: 100%;
        padding: 150px 0 0 55%; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section03 .container ul li.case03 div {
            padding: 7.8125vw 0 0 55%; } }
        @media only screen and (max-width: 768px) {
          #section03 .container ul li.case03 div {
            padding: 65px 0 0 55%; } }
  #section03.is-active .title {
    opacity: 1; }
  #section03.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #section03.is-active .container {
    transform: translateY(0);
    opacity: 1; }

/*--------------------------
section04
---------------------------*/
#section04 {
  margin: 0;
  padding: 0 0 100px 0;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #section04 {
      padding: 0 0 5.2083333333vw 0; } }
  #section04 .title {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section04 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #section04 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #section04 .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #0081cc;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section04 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section04 .title::before {
          height: 50px; } }
    #section04 .title span {
      display: block;
      font-family: 'Noto Sans Japanese';
      font-weight: 300;
      font-size: 20px;
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section04 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #section04 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #section04 .subtitle {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3846153846;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 30px 0 60px;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section04 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #section04 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #section04 .subtitle span {
        display: block; } }
  #section04 .container {
    display: flex;
    transition: all 1s ease-in-out 0s;
    transform: translateY(100px);
    opacity: 0; }
    #section04 .container ul.list {
      width: 1000px;
      margin: 0 auto;
      display: block; }
      @media only screen and (max-width: 768px) {
        #section04 .container ul.list {
          width: 85vw;
          margin: 0 auto; } }
      #section04 .container ul.list li {
        letter-spacing: -1em;
        white-space: nowrap;
        margin: 50px 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section04 .container ul.list li {
            margin: 2.6041666667vw 0; } }
        @media only screen and (max-width: 768px) {
          #section04 .container ul.list li {
            margin: 25px 0; } }
        #section04 .container ul.list li p {
          letter-spacing: normal;
          white-space: normal;
          font-weight: 200;
          line-height: 1.6;
          vertical-align: top;
          display: inline-block; }
          #section04 .container ul.list li p.date {
            width: 100px;
            margin: 0 25px 0 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #section04 .container ul.list li p.date {
                margin: 0 1.3020833333vw 0 0; } }
            @media only screen and (max-width: 768px) {
              #section04 .container ul.list li p.date {
                width: 100%; } }
          @media only screen and (max-width: 768px) {
            #section04 .container ul.list li p {
              font-size: 14px;
              padding: 0 0 15px 0;
              display: block; } }
          #section04 .container ul.list li p.text {
            width: 900px; }
            @media only screen and (max-width: 768px) {
              #section04 .container ul.list li p.text {
                width: 100%; } }
        #section04 .container ul.list li a {
          color: #010101;
          transition: all 0.3s ease-in-out 0s; }
          @media only screen and (max-width: 768px) {
            #section04 .container ul.list li a {
              color: initial; } }
          #section04 .container ul.list li a:hover {
            color: #cd1976; }
        #section04 .container ul.list li.goto-link {
          text-align: right; }
          #section04 .container ul.list li.goto-link p {
            width: 175px;
            text-align: center;
            padding: 10px 25px;
            transition: all 0.3s ease-in-out 0s; }
            @media only screen and (max-width: 768px) {
              #section04 .container ul.list li.goto-link p {
                display: inline; } }
          #section04 .container ul.list li.goto-link p:hover {
            color: #cd1976;
            box-shadow: 0 5px 5px 1px rgba(51, 51, 51, 0.25); }
  #section04.is-active .title {
    opacity: 1; }
  #section04.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #section04.is-active .container {
    transform: translateY(0);
    opacity: 1; }

/*--------------------------
section05
---------------------------*/
#section05 {
  background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section05.jpg");
  background-size: cover;
  margin: 0;
  padding: 0 0 100px 0;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #section05 {
      padding: 0 0 5.2083333333vw 0; } }
  @media only screen and (max-width: 768px) {
    #section05 {
      background-size: 1500px;
      background-position: center center; } }
  #section05 .title {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section05 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #section05 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #section05 .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #0081cc;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section05 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section05 .title::before {
          height: 50px; } }
    #section05 .title span {
      display: block;
      font-family: 'Noto Sans Japanese';
      font-weight: 300;
      font-size: 20px;
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section05 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #section05 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #section05 .subtitle {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3846153846;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 30px 0 60px;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section05 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #section05 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #section05 .subtitle span {
        display: block; } }
  #section05 .container {
    width: 100%; }
    #section05 .container ul {
      display: flex;
      justify-content: center;
      overflow: hidden; }
      #section05 .container ul li {
        font-weight: 600;
        font-size: 24px;
        color: #ffffff;
        width: 500px;
        height: 180px;
        margin: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease-in-out 0s; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section05 .container ul li {
            font-size: 1.25vw;
            width: 26.0416666667vw;
            height: 9.375vw;
            margin: 1.8229166667vw; } }
        @media only screen and (max-width: 768px) {
          #section05 .container ul li {
            font-size: 14px;
            letter-spacing: -0.65px;
            width: 150px;
            height: 200px;
            margin: 0 15px;
            padding: 0 15px; } }
        #section05 .container ul li.million_mipelon {
          background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section05_01.png");
          background-repeat: no-repeat;
          background-position: center center; }
        #section05 .container ul li.lubme {
          background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section05_02.png");
          background-repeat: no-repeat;
          background-position: center center; }
        #section05 .container ul li:hover {
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5); }
        #section05 .container ul li.million_mipelon {
          transform: translateX(-300px);
          opacity: 0; }
        #section05 .container ul li.lubme {
          transform: translateX(300px);
          opacity: 0; }
        #section05 .container ul li .trademark {
          font-size: 9px;
          vertical-align: top;
          padding: 0 0 0 2px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section05 .container ul li .trademark {
              font-size: 0.46875vw; } }
          @media only screen and (max-width: 768px) {
            #section05 .container ul li .trademark {
              font-size: 7px; } }
    #section05 .container::before {
      content: "";
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_circles.png");
      background-size: cover;
      width: 60px;
      height: 120px;
      position: absolute;
      top: 75%;
      left: 15%; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section05 .container::before {
          width: 3.125vw;
          height: 6.25vw; } }
      @media only screen and (max-width: 768px) {
        #section05 .container::before {
          top: 80%;
          width: 45px;
          height: 90px; } }
    #section05 .container::after {
      content: "";
      background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_pluses.png");
      background-size: cover;
      width: 200px;
      height: 150px;
      position: absolute;
      top: 15%;
      right: 10%; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section05 .container::after {
          width: 10.4166666667vw;
          height: 7.8125vw; } }
      @media only screen and (max-width: 768px) {
        #section05 .container::after {
          top: 85%;
          width: 100px;
          height: 75px; } }
  #section05.is-active .title {
    opacity: 1; }
  #section05.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #section05.is-active .container li.million_mipelon {
    transform: translateX(0);
    opacity: 1; }
  #section05.is-active .container li.lubme {
    transform: translateX(0);
    opacity: 1; }

/*--------------------------
section06
---------------------------*/
#section06 {
  background-image: url("/cn/special/uhmw-pe/assets/image/top/bg_section06.jpg");
  background-size: cover;
  margin: 0;
  padding: 0 0 100px 0;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #section06 {
      padding: 0 0 5.2083333333vw 0; } }
  @media only screen and (max-width: 768px) {
    #section06 {
      background-size: 1200px;
      background-position: center center; } }
  #section06 .title {
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section06 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #section06 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #section06 .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #0081cc;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section06 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section06 .title::before {
          height: 50px; } }
    #section06 .title span {
      display: block;
      font-family: 'Noto Sans Japanese';
      font-weight: 300;
      font-size: 20px;
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section06 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #section06 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #section06 .subtitle {
    color: #ffffff;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3846153846;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 30px 0 60px;
    transition: all 0.5s ease-in-out 0.5s;
    transform: translateY(100px);
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section06 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #section06 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #section06 .subtitle span {
        display: block; } }
  #section06 .container {
    width: 100%;
    overflow: hidden; }
    #section06 .container ul {
      display: flex;
      justify-content: center;
      overflow: hidden; }
      #section06 .container ul li {
        font-weight: 600;
        font-size: 24px;
        color: #ffffff;
        border: 1px #ffffff solid;
        width: 500px;
        height: 180px;
        margin: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.5s ease-in-out 0s; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section06 .container ul li {
            font-size: 1.25vw;
            width: 26.0416666667vw;
            height: 9.375vw;
            margin: 1.8229166667vw; } }
        @media only screen and (max-width: 768px) {
          #section06 .container ul li {
            font-size: 14px;
            width: 150px;
            height: 200px;
            margin: 0 15px;
            padding: 0 15px; } }
        #section06 .container ul li:hover {
          box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
          background-color: rgba(255, 255, 255, 0.1);
          text-shadow: 1px 1px 5px #232323; }
        #section06 .container ul li.japan {
          transform: translateX(-300px);
          opacity: 0; }
        #section06 .container ul li.global {
          transform: translateX(300px);
          opacity: 0; }
  #section06.is-active .title {
    opacity: 1; }
  #section06.is-active .subtitle {
    transform: translateX(0);
    opacity: 1; }
  #section06.is-active .container li.japan {
    transform: translateX(0);
    opacity: 1; }
  #section06.is-active .container li.global {
    transform: translateX(0);
    opacity: 1; }