@charset "UTF-8";
.d_flex {
  display: flex; }

body {
  position: relative; }

/*--------------------------
main_entrace
---------------------------*/
#main_entrance {
  margin: 0;
  padding: 0 0 200px 0;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #main_entrance {
      padding: 0 0 10.4166666667vw 0; } }
  @media only screen and (max-width: 768px) {
    #main_entrance {
      padding: 0 0 50px 0; } }
  #main_entrance .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) {
      #main_entrance .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #main_entrance .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #ffffff;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_entrance .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #main_entrance .title::before {
          height: 50px; } }
    #main_entrance .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) {
        #main_entrance .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #main_entrance .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #main_entrance .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;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #main_entrance .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance .subtitle span {
        display: block; } }
  #main_entrance .co-title {
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    margin: 0 0 100px 0;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #main_entrance .co-title {
        font-size: 1.875vw;
        margin: 0 0 5.2083333333vw 0; } }
    @media only screen and (max-width: 768px) {
      #main_entrance .co-title {
        font-size: 24px; } }
  #main_entrance .container {
    width: 60vw;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      #main_entrance .container {
        width: 100%; } }
    #main_entrance .container ul {
      width: 100%;
      margin: 0 0 50px 0;
      display: flex;
      justify-content: space-between; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_entrance .container ul {
          margin: 0 0 2.6041666667vw 0; } }
      @media only screen and (max-width: 768px) {
        #main_entrance .container ul {
          display: block; } }
      #main_entrance .container ul li {
        background-color: #f8f8f8;
        width: 360px;
        height: 390px;
        filter: saturate(75%); }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_entrance .container ul li {
            width: 18.75vw;
            height: 20.3125vw; } }
        @media only screen and (max-width: 768px) {
          #main_entrance .container ul li {
            width: 315px;
            height: 342px;
            margin: 0 auto 50px; } }
        #main_entrance .container ul li figure {
          width: 100%;
          display: block;
          overflow: hidden; }
          #main_entrance .container ul li figure img:hover {
            transition: all 0.5s ease-in-out 0s;
            transform: scale(1.05); }
        #main_entrance .container ul li div {
          width: 100%;
          height: 120px;
          padding: 25px 15px 25px 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_entrance .container ul li div {
              height: 6.25vw;
              padding: 1.3020833333vw 0.78125vw 1.3020833333vw 0; } }
          #main_entrance .container ul li div .product_name_small {
            font-family: "Montserrat";
            font-weight: 500;
            font-size: 16px;
            margin: 0 0 15px 0;
            /* &::before {
              content: "";
              width: 20px;
              height: 2px;
              background-color: $color_blue;
              margin: 0 10px 0 0;
              vertical-align: middle;
              display: inline-block;
              @include media(min-pc) {
                width: vw(20px);
                margin: 0 vw(10px) 0 0;
              }
              @include media(sp) {
                width: 12.5px;
                margin: 0 5px 0 0;
              }
            } */ }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_entrance .container ul li div .product_name_small {
                font-size: 0.8333333333vw;
                margin: 0 0 0.78125vw 0; } }
            #main_entrance .container ul li div .product_name_small span.trademark {
              font-size: 7px;
              vertical-align: top;
              padding: 0 0 0 2px; }
              @media only screen and (min-width: 769px) and (max-width: 1919px) {
                #main_entrance .container ul li div .product_name_small span.trademark {
                  font-size: 0.46875vw; } }
              @media only screen and (max-width: 768px) {
                #main_entrance .container ul li div .product_name_small span.trademark {
                  font-size: 7px; } }
          #main_entrance .container ul li div .product_name {
            font-weight: 700;
            font-size: 24px;
            color: #310000;
            padding: 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_entrance .container ul li div .product_name {
                font-size: 1.25vw;
                padding: 0; } }
            @media only screen and (max-width: 768px) {
              #main_entrance .container ul li div .product_name {
                font-size: 20px; } }
            #main_entrance .container ul li div .product_name::before {
              content: "";
              width: 20px;
              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) {
                #main_entrance .container ul li div .product_name::before {
                  width: 1.0416666667vw;
                  margin: 0 0.5208333333vw 0 0; } }
              @media only screen and (max-width: 768px) {
                #main_entrance .container ul li div .product_name::before {
                  width: 12.5px;
                  margin: 0 5px 0 0; } }
            #main_entrance .container ul li div .product_name img.million {
              width: 250px; }
              @media only screen and (min-width: 769px) and (max-width: 1919px) {
                #main_entrance .container ul li div .product_name img.million {
                  width: 13.0208333333vw; } }
              @media only screen and (max-width: 768px) {
                #main_entrance .container ul li div .product_name img.million {
                  width: 250px; } }
            #main_entrance .container ul li div .product_name img.mipelon,
            #main_entrance .container ul li div .product_name img.lubmer {
              width: 150px; }
              @media only screen and (min-width: 769px) and (max-width: 1919px) {
                #main_entrance .container ul li div .product_name img.mipelon,
                #main_entrance .container ul li div .product_name img.lubmer {
                  width: 7.8125vw; } }
              @media only screen and (max-width: 768px) {
                #main_entrance .container ul li div .product_name img.mipelon,
                #main_entrance .container ul li div .product_name img.lubmer {
                  width: 150px; } }
        #main_entrance .container ul li:hover {
          transition: all 0.5s ease-in-out 0s;
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
          filter: saturate(100%); }
      #main_entrance .container ul a {
        transform: translateY(100px);
        opacity: 0; }
        #main_entrance .container ul a:nth-of-type(1) {
          transition: all 0.75s ease-in-out 1s; }
        #main_entrance .container ul a:nth-of-type(2) {
          transition: all 0.75s ease-in-out 1.5s; }
        #main_entrance .container ul a:nth-of-type(3) {
          transition: all 0.75s ease-in-out 2s; }
    #main_entrance .container ul:nth-child(2) a:nth-of-type(1) {
      transition: all 0.75s ease-in-out 2.5s; }
    #main_entrance .container ul:nth-child(2) a:nth-of-type(2) {
      transition: all 0.75s ease-in-out 3s; }
    #main_entrance .container ul:nth-child(2) a:nth-of-type(3) {
      transition: all 0.75s ease-in-out 3.5s; }
  #main_entrance.is-active .title {
    opacity: 1; }
  #main_entrance.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #main_entrance.is-active .co-title {
    transform: translateY(0);
    opacity: 1; }
  #main_entrance.is-active .container a {
    transform: translateY(0);
    opacity: 1; }

/*--------------------------
main_visual
---------------------------*/
#main_visual {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  #main_visual .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) {
      #main_visual .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #main_visual .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #main_visual .title::before {
      content: "";
      width: 2px;
      height: 100px;
      background-color: #ffffff;
      margin: 0 auto 25px auto;
      display: block; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #main_visual .title::before {
          height: 50px; } }
    #main_visual .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) {
        #main_visual .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #main_visual .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #main_visual .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;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #main_visual .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #main_visual .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #main_visual .subtitle span {
        display: block; } }
  #main_visual .container {
    width: 100%;
    transition: all 1s ease-in-out 0.5s;
    opacity: 0; }
    #main_visual .container ul {
      color: #ffffff;
      width: 100%;
      height: 540px;
      overflow: hidden; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container ul {
          height: 28.125vw;
          min-height: 320px; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container ul {
          height: 360px; } }
      #main_visual .container ul li.figure {
        text-align: center;
        padding: 65px 0 25px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container ul li.figure {
            padding: 3.3854166667vw 0 1.3020833333vw; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul li.figure {
            padding: 25px 0 12.5px; } }
      #main_visual .container ul li.product_name_small {
        font-family: "Montserrat", Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        padding: 15px 0 5px 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container ul li.product_name_small {
            font-size: 0.9375vw;
            padding: 0.78125vw 0 0.2604166667vw 0; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul li.product_name_small {
            font-size: 12px;
            padding: 7.5px 0 2.5px 0; } }
      #main_visual .container ul li.product_name {
        font-weight: 600;
        font-size: 40px;
        text-align: center;
        padding: 0 0 10px 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container ul li.product_name {
            font-size: 2.0833333333vw;
            padding: 0 0 0.5208333333vw 0; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul li.product_name {
            font-size: 24px;
            padding: 0 0 5px 0; } }
        #main_visual .container ul li.product_name img.million {
          width: 400px;
          margin: 15px 0 0 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container ul li.product_name img.million {
              width: 20.8333333333vw;
              margin: 0.78125vw 0 0 0; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container ul li.product_name img.million {
              width: 250px;
              margin: 15px 0 0 0; } }
        #main_visual .container ul li.product_name img.mipelon,
        #main_visual .container ul li.product_name img.lubmer {
          width: 300px;
          margin: 15px 0 0 0; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_visual .container ul li.product_name img.mipelon,
            #main_visual .container ul li.product_name img.lubmer {
              width: 15.625vw;
              margin: 0.78125vw 0 0 0; } }
          @media only screen and (max-width: 768px) {
            #main_visual .container ul li.product_name img.mipelon,
            #main_visual .container ul li.product_name img.lubmer {
              width: 175px;
              margin: 10px 0 0 0; } }
      #main_visual .container ul li.copy {
        font-size: 18px;
        line-height: 1.8;
        text-align: center;
        width: 60vw;
        margin: 0 auto;
        padding: 25px 0 0 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container ul li.copy {
            font-size: 0.9375vw;
            padding: 1.3020833333vw 0 0 0; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul li.copy {
            font-size: 11px;
            text-align: left;
            width: 85vw;
            padding: 5px 0 0 0; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul li.copy br {
            line-height: 1.4;
            display: none; } }
      #main_visual .container ul .trademark {
        font-size: 9px;
        vertical-align: top;
        padding: 0 0 0 2px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container ul .trademark {
            font-size: 0.46875vw; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul .trademark {
            font-size: 7px; } }
      #main_visual .container ul.uhmw-pe {
        background-image: url("/cn/special/uhmw-pe/assets/image/features/bg_uhmw_pe.jpg");
        background-size: cover;
        color: #010101; }
      #main_visual .container ul.million {
        background-image: url("/cn/special/uhmw-pe/assets/image/features/bg_million.jpg");
        background-size: cover; }
      #main_visual .container ul.mipelon {
        background-image: url("/cn/special/uhmw-pe/assets/image/features/bg_mipelon.jpg");
        background-size: cover; }
      #main_visual .container ul.lubmer {
        background-image: url("/cn/special/uhmw-pe/assets/image/features/bg_lubmer.jpg");
        background-size: cover; }
    #main_visual .container ul.uhmw-pe li.product_name_small {
      font-size: 72px;
      padding: 150px 0 5px 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container ul.uhmw-pe li.product_name_small {
          font-size: 3.75vw;
          padding: 7.8125vw 0 0.2604166667vw 0; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container ul.uhmw-pe li.product_name_small {
          font-size: 52px;
          padding: 85px 0 2.5px 0; } }
    #main_visual .container ul.uhmw-pe li.product_name {
      font-size: 32px;
      padding: 0 0 10px 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container ul.uhmw-pe li.product_name {
          font-size: 1.6666666667vw;
          padding: 0 0 0.5208333333vw 0; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container ul.uhmw-pe li.product_name {
          font-size: 24px;
          padding: 0 0 5px 0; } }
    #main_visual .container .breadcrumb {
      font-size: 18px;
      line-height: 1.6;
      width: 100vw;
      padding: 25px 50px; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container .breadcrumb {
          font-size: 0.9375vw;
          padding: 1.3020833333vw 2.6041666667vw; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container .breadcrumb {
          font-size: 14px;
          padding: 25px 7.5vw; } }
      #main_visual .container .breadcrumb a:hover {
        color: #cd1976; }
  #main_visual.is-active .title {
    opacity: 1; }
  #main_visual.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #main_visual.is-active .container {
    transform: translateY(0);
    opacity: 1; }

/*--------------------------
section01
---------------------------*/
#section01 {
  margin: 0;
  padding: 0 0 100px 0;
  overflow: hidden;
  /* --- READ MORE --- */ }
  @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 .container {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      #section01 .container {
        width: 85vw;
        min-width: 85vw; } }
    #section01 .container article {
      margin: 0 auto 100px;
      transition: all 0.3s ease-in-out 0s;
      transform: translateY(100px);
      opacity: 0; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #section01 .container article {
          margin: 0 auto 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #section01 .container article {
          margin: 0 auto 50px; } }
      #section01 .container article h2 {
        font-size: 28px;
        vertical-align: top;
        background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_uhmw-pe.png") no-repeat left top;
        background-color: #f8f8f8;
        margin: 50px 0 25px;
        padding: 15px 25px;
        display: flex; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article h2 {
            font-size: 1.4583333333vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article h2 {
            font-size: 18px;
            line-height: 1.2;
            background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_uhmw-pe_sp.png") no-repeat left top;
            background-color: #f8f8f8;
            background-size: 50%;
            padding: 0 15px 10px;
            display: block; } }
        #section01 .container article h2.million {
          background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_million.png") no-repeat left top;
          background-color: #f8f8f8; }
          @media only screen and (max-width: 768px) {
            #section01 .container article h2.million {
              background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_million_sp.png") no-repeat left top;
              background-color: #f8f8f8;
              background-size: 50%; } }
        #section01 .container article h2.mipelon {
          background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_mipelon.png") no-repeat left top;
          background-color: #f8f8f8; }
          @media only screen and (max-width: 768px) {
            #section01 .container article h2.mipelon {
              background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_mipelon_sp_for60.png") no-repeat left top;
              background-color: #f8f8f8;
              background-size: 60%; } }
        #section01 .container article h2.lubmer {
          background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_lubmer.png") no-repeat left top;
          background-color: #f8f8f8; }
          @media only screen and (max-width: 768px) {
            #section01 .container article h2.lubmer {
              background: url("/cn/special/uhmw-pe/assets/image/features/bg_articletitle_lubmer_sp.png") no-repeat left top;
              background-color: #f8f8f8;
              background-size: 50%; } }
        #section01 .container article h2 span:nth-child(1) {
          color: #ffffff;
          width: 250px; }
          @media only screen and (max-width: 768px) {
            #section01 .container article h2 span:nth-child(1) {
              line-height: 2.2;
              width: 200px;
              padding: 0 0 5px;
              display: block; } }
        #section01 .container article h2 span:nth-child(2) {
          margin: 0 0 0 25px; }
          @media only screen and (max-width: 768px) {
            #section01 .container article h2 span:nth-child(2) {
              margin: 0;
              display: block; } }
      #section01 .container article .content {
        font-size: 22px;
        line-height: 1.8;
        margin: 25px 0 50px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article .content {
            font-size: 1.1458333333vw;
            margin: 1.3020833333vw 0 2.6041666667vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article .content {
            font-size: 16px; } }
      #section01 .container article div.flexbox {
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 768px) {
          #section01 .container article div.flexbox {
            display: block; } }
      #section01 .container article figure {
        width: 75%;
        max-width: 600px;
        margin: 0 auto 25px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article figure {
            margin: 0 auto 1.3020833333vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article figure {
            width: 100%;
            height: auto;
            display: block; } }
      #section01 .container article figure.wide {
        width: 80%;
        max-width: 800px;
        margin: 0 auto 25px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article figure.wide {
            margin: 0 auto 1.3020833333vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article figure.wide {
            width: 100%;
            height: auto;
            display: block; } }
      #section01 .container article .caption-left {
        font-size: 14px;
        line-height: 1.6;
        width: 75%;
        max-width: 600px;
        margin: 0 auto 5px;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          #section01 .container article .caption-left {
            width: 100%; } }
      #section01 .container article .caption-center {
        font-size: 14px;
        line-height: 1.6;
        width: 75%;
        max-width: 600px;
        margin: 0 auto 5px;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          #section01 .container article .caption-center {
            width: 100%; } }
      #section01 .container article .caption-right {
        font-size: 14px;
        line-height: 1.6;
        width: 75%;
        max-width: 600px;
        margin: 0 auto 5px;
        text-align: right; }
        @media only screen and (max-width: 768px) {
          #section01 .container article .caption-right {
            width: 100%; } }
      #section01 .container article ul.feature {
        line-height: 1.6;
        text-align: center;
        margin: 50px 0 0 0; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article ul.feature {
            margin: 2.6041666667vw 0 0 0; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article ul.feature {
            font-size: 14px;
            margin: 25px 0 0 0; } }
        #section01 .container article ul.feature li {
          display: inline; }
          #section01 .container article ul.feature li::before {
            content: "｜"; }
          #section01 .container article ul.feature li:last-child::after {
            content: "｜"; }
          #section01 .container article ul.feature li a:hover {
            border-bottom: 2px #010101 solid; }
      #section01 .container article table {
        width: 100%; }
        #section01 .container article table th, #section01 .container article table td {
          font-size: 20px;
          font-weight: 600;
          text-align: center;
          vertical-align: middle;
          padding: 15px; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #section01 .container article table th, #section01 .container article table td {
              font-size: 1.0416666667vw; } }
          @media only screen and (max-width: 768px) {
            #section01 .container article table th, #section01 .container article table td {
              font-size: 12px;
              padding: 5px; } }
          #section01 .container article table th figure, #section01 .container article table td figure {
            padding: 15px 0 0 0; }
        #section01 .container article table.million {
          border: 1px #0081cc solid; }
          #section01 .container article table.million tr:first-child {
            background-color: #0081cc;
            color: #ffffff; }
          #section01 .container article table.million td {
            border-right: 1px #0081cc solid; }
        #section01 .container article table.mipelon {
          border: 1px #5b1e56 solid; }
          #section01 .container article table.mipelon tr:first-child {
            background-color: #5b1e56;
            color: #ffffff; }
          #section01 .container article table.mipelon td {
            border-right: 1px #5b1e56 solid; }
        #section01 .container article table.lubmer {
          border: 1px #251c58 solid; }
          #section01 .container article table.lubmer tr:first-child {
            background-color: #251c58;
            color: #ffffff; }
          #section01 .container article table.lubmer td {
            border-right: 1px #251c58 solid; }
        #section01 .container article table.abrasion-test {
          border: 1px #251c58 solid;
          width: 75%;
          max-width: 600px;
          margin: 0 auto; }
          @media only screen and (max-width: 768px) {
            #section01 .container article table.abrasion-test {
              width: 100%; } }
          #section01 .container article table.abrasion-test tr:first-child {
            background-color: #251c58;
            color: #ffffff; }
          #section01 .container article table.abrasion-test th, #section01 .container article table.abrasion-test td {
            line-height: 1.6;
            padding: 5px; }
            #section01 .container article table.abrasion-test th figure, #section01 .container article table.abrasion-test td figure {
              width: 150px;
              padding: 0; }
              @media only screen and (max-width: 768px) {
                #section01 .container article table.abrasion-test th figure, #section01 .container article table.abrasion-test td figure {
                  width: 75px; } }
          #section01 .container article table.abrasion-test figure {
            margin: 0; }
      #section01 .container article.is-active {
        transform: translateY(0);
        opacity: 1; }
    #section01 .container article.movie-container {
      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 .container article.movie-container {
          display: block; } }
      #section01 .container article.movie-container iframe {
        width: 560px;
        height: 315px; }
        @media only screen and (max-width: 768px) {
          #section01 .container article.movie-container iframe {
            width: 315px;
            height: 177px; } }
      #section01 .container article.movie-container.is-active {
        transform: translateY(0);
        opacity: 1; }
  #section01 .detailButton {
    font-family: "Montserrat", Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background-color: #010101;
    width: 200px;
    margin: 0 auto;
    padding: 15px 25px;
    display: block;
    cursor: pointer; }
  #section01 .detail input {
    display: none; }
    #section01 .detail input:checked + .detailCard {
      z-index: 9999;
      opacity: 100; }
      #section01 .detail input:checked + .detailCard > .detailContents {
        transform: scale(1); }
  #section01 .detail .detailCard {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s ease-in-out 0s; }
  #section01 .detail .detailCoverLayer {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  #section01 .detail .detailContents {
    background-color: #ffffff;
    width: 900px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    left: calc(50% - 450px);
    transform: scale(0.5);
    transition: all 0.5s ease-in-out 0s;
    /* --- Modal Contents --- */ }
    @media only screen and (max-width: 768px) {
      #section01 .detail .detailContents {
        width: 90%;
        left: 5%; } }
    #section01 .detail .detailContents .detailClose[for*="detailCtrl"] {
      width: 50px;
      height: 50px;
      background-color: #010101;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer; }
      #section01 .detail .detailContents .detailClose[for*="detailCtrl"]:before {
        content: "";
        background-color: #fff;
        width: 24px;
        height: 2px;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: rotate(135deg); }
      #section01 .detail .detailContents .detailClose[for*="detailCtrl"]:after {
        content: "";
        background-color: #fff;
        width: 24px;
        height: 2px;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: rotate(-135deg); }
    #section01 .detail .detailContents h3 {
      font-size: 22px;
      margin: 15px; }
      @media only screen and (max-width: 768px) {
        #section01 .detail .detailContents h3 {
          font-size: 18px; } }
    #section01 .detail .detailContents ul {
      display: flex;
      justify-content: center;
      margin: 15px; }
      @media only screen and (max-width: 768px) {
        #section01 .detail .detailContents ul {
          display: block; } }
      #section01 .detail .detailContents ul li {
        margin: 0 15px 0 0; }
        @media only screen and (max-width: 768px) {
          #section01 .detail .detailContents ul li {
            margin: 0 0 15px 0; } }
    #section01 .detail .detailContents figure {
      width: 500px; }
      @media only screen and (max-width: 768px) {
        #section01 .detail .detailContents figure {
          width: 100%; } }
    #section01 .detail .detailContents p {
      font-size: 16px;
      line-height: 1.6;
      margin: 10px 0; }
      @media only screen and (max-width: 768px) {
        #section01 .detail .detailContents p {
          font-size: 14px;
          line-height: 1.4; } }
    #section01 .detail .detailContents span {
      font-size: 14px;
      line-height: 1.4;
      display: block; }
      @media only screen and (max-width: 768px) {
        #section01 .detail .detailContents span {
          font-size: 12px;
          line-height: 1.2; } }

/*--------------------------
 table
---------------------------*/
#section01 .container article .propertiesTable {
  text-align: center;
  width: 100% !important;
  max-width: 100% !important; }
  @media only screen and (max-width: 768px) {
    #section01 .container article .propertiesTable {
      display: none !important; } }
#section01 .container article .propertiesTable01_sp {
  display: none; }
  @media only screen and (max-width: 768px) {
    #section01 .container article .propertiesTable01_sp {
      width: 100%;
      height: 459px;
      display: block;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch; } }
#section01 .container article .propertiesTable02_sp {
  display: none; }
  @media only screen and (max-width: 768px) {
    #section01 .container article .propertiesTable02_sp {
      width: 100%;
      height: 558px;
      display: block;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch; } }
#section01 .container article .tableNote {
  font-size: 18px;
  line-height: 1.6; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #section01 .container article .tableNote {
      font-size: 0.9375vw; } }
  @media only screen and (max-width: 768px) {
    #section01 .container article .tableNote {
      font-size: 14px;
      line-height: 1.4; } }
  #section01 .container article .tableNote p {
    font-size: 24px;
    line-height: 1.6;
    margin: 15px 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section01 .container article .tableNote p {
        font-size: 1.25vw; } }
    @media only screen and (max-width: 768px) {
      #section01 .container article .tableNote p {
        font-size: 16px;
        line-height: 1.4; } }
  #section01 .container article .tableNote li {
    margin: 0 0 0 24px;
    list-style-type: disc; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #section01 .container article .tableNote li {
        margin: 0 0 0 1.25vw; } }
    @media only screen and (max-width: 768px) {
      #section01 .container article .tableNote li {
        margin: 0 0 0 20px; } }