.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 .content {
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    font-size: 22px;
    line-height: 1.8;
    padding: 0 2.5%;
    margin: 25px 0 50px; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #main_entrance .content {
        font-size: 1.1458333333vw;
        margin: 1.3020833333vw 0 2.6041666667vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance .content {
        font-size: 16px; } }
    #main_entrance .content .link_txt {
      font-weight: 700;
      text-decoration: underline;
      color: #010101;
      transition: all 0.3s ease-in-out 0s; }
      @media only screen and (max-width: 768px) {
        #main_entrance .content .link_txt {
          color: initial; } }
      #main_entrance .content .link_txt:hover {
        color: #cd1976; }
  #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::after {
        content: "";
        display: block;
        width: 360px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_entrance .container ul::after {
            width: 18.75vw; } }
        @media only screen and (max-width: 768px) {
          #main_entrance .container ul::after {
            content: none; } }
      #main_entrance .container ul li {
        background-color: #f8f8f8;
        width: 360px;
        height: 430px;
        filter: saturate(75%); }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_entrance .container ul li {
            width: 18.75vw;
            height: 22.3958333333vw; } }
        @media only screen and (max-width: 768px) {
          #main_entrance .container ul li {
            width: 315px;
            height: 375px;
            margin: 0 auto 50px; } }
        #main_entrance .container ul li .product_type {
          display: block;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          padding: 10px 0;
          background-color: #ffffff; }
          @media only screen and (min-width: 769px) and (max-width: 1919px) {
            #main_entrance .container ul li .product_type {
              font-size: 0.8333333333vw; } }
          @media only screen and (max-width: 768px) {
            #main_entrance .container ul li .product_type {
              font-size: 12px; } }
        #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; }
            @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::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_small::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_small::before {
                  width: 12.5px;
                  margin: 0 5px 0 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 0 0 25px; }
            @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 0 0 1.3020833333vw; } }
            @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 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_entrance.is-active .content {
    transform: translateY(0);
    opacity: 1; }

/*--------------------------
main_entrace02
---------------------------*/
#main_entrance02 {
  margin: 0;
  padding: 0 0 200px 0;
  overflow: hidden; }
  @media only screen and (min-width: 769px) and (max-width: 1919px) {
    #main_entrance02 {
      padding: 0 0 10.4166666667vw 0; } }
  @media only screen and (max-width: 768px) {
    #main_entrance02 {
      padding: 0 0 50px 0; } }
  #main_entrance02 .title {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    letter-spacing: 15px;
    transition: all 0.3s ease-in-out 0s;
    line-height: 1.68;
    opacity: 0; }
    @media only screen and (min-width: 769px) and (max-width: 1919px) {
      #main_entrance02 .title {
        font-size: 2.9166666667vw;
        letter-spacing: 0.78125vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance02 .title {
        font-size: 28px;
        letter-spacing: 7.5px;
        margin: 0 auto;
        width: 85vw; } }
    #main_entrance02 .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_entrance02 .title::before {
          height: 5.2083333333vw; } }
      @media only screen and (max-width: 768px) {
        #main_entrance02 .title::before {
          height: 50px; } }
    #main_entrance02 .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_entrance02 .title span {
          height: 5.2083333333vw;
          font-size: 1.0416666667vw;
          padding: 1.0416666667vw 0 0 0; } }
      @media only screen and (max-width: 768px) {
        #main_entrance02 .title span {
          height: 50px;
          font-size: 10px;
          padding: 20px 0 0 0; } }
  #main_entrance02 .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_entrance02 .subtitle {
        font-size: 1.4583333333vw;
        margin: 1.5625vw 0 3.125vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance02 .subtitle {
        font-size: 14px;
        margin: 15px auto 30px auto;
        width: 85vw; } }
    @media only screen and (max-width: 768px) {
      #main_entrance02 .subtitle span {
        display: block; } }
  #main_entrance02 .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_entrance02 .co-title {
        font-size: 1.875vw;
        margin: 0 0 5.2083333333vw 0; } }
    @media only screen and (max-width: 768px) {
      #main_entrance02 .co-title {
        font-size: 24px; } }
  #main_entrance02 .container {
    width: 60vw;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      #main_entrance02 .container {
        width: 100%; } }
    #main_entrance02 .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_entrance02 .container ul {
          margin: 0 0 2.6041666667vw 0; } }
      @media only screen and (max-width: 768px) {
        #main_entrance02 .container ul {
          display: block; } }
      #main_entrance02 .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_entrance02 .container ul li {
            width: 18.75vw;
            height: 20.3125vw; } }
        @media only screen and (max-width: 768px) {
          #main_entrance02 .container ul li {
            width: 315px;
            height: 342px;
            margin: 0 auto 50px; } }
        #main_entrance02 .container ul li figure {
          width: 100%;
          display: block;
          overflow: hidden; }
          #main_entrance02 .container ul li figure img:hover {
            transition: all 0.5s ease-in-out 0s;
            transform: scale(1.05); }
        #main_entrance02 .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_entrance02 .container ul li div {
              height: 6.25vw;
              padding: 1.3020833333vw 0.78125vw 1.3020833333vw 0; } }
          #main_entrance02 .container ul li div .number {
            font-family: "Montserrat";
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 5px;
            margin: 0 0 15px 0; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_entrance02 .container ul li div .number {
                font-size: 0.8333333333vw;
                letter-spacing: 0.2604166667vw;
                margin: 0 0 0.78125vw 0; } }
            #main_entrance02 .container ul li div .number::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_entrance02 .container ul li div .number::before {
                  width: 1.0416666667vw;
                  margin: 0 0.5208333333vw 0 0; } }
              @media only screen and (max-width: 768px) {
                #main_entrance02 .container ul li div .number::before {
                  width: 12.5px;
                  margin: 0 5px 0 0; } }
          #main_entrance02 .container ul li div .usecase {
            font-weight: 700;
            font-size: 24px;
            color: #310000;
            padding: 0 0 0 25px; }
            @media only screen and (min-width: 769px) and (max-width: 1919px) {
              #main_entrance02 .container ul li div .usecase {
                font-size: 1.25vw;
                padding: 0 0 0 1.3020833333vw; } }
            @media only screen and (max-width: 768px) {
              #main_entrance02 .container ul li div .usecase {
                font-size: 20px; } }
        #main_entrance02 .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_entrance02 .container ul a {
        transform: translateY(100px);
        opacity: 0; }
        #main_entrance02 .container ul a:nth-of-type(1) {
          transition: all 0.75s ease-in-out 1s; }
        #main_entrance02 .container ul a:nth-of-type(2) {
          transition: all 0.75s ease-in-out 1.5s; }
        #main_entrance02 .container ul a:nth-of-type(3) {
          transition: all 0.75s ease-in-out 2s; }
    #main_entrance02 .container ul:nth-child(2) a:nth-of-type(1) {
      transition: all 0.75s ease-in-out 2.5s; }
    #main_entrance02 .container ul:nth-child(2) a:nth-of-type(2) {
      transition: all 0.75s ease-in-out 3s; }
    #main_entrance02 .container ul:nth-child(2) a:nth-of-type(3) {
      transition: all 0.75s ease-in-out 3.5s; }
    #main_entrance02 .container ul:nth-child(3) a:nth-of-type(1) {
      transition: all 0.75s ease-in-out 4.5s; }
    #main_entrance02 .container ul:nth-child(3) a:nth-of-type(2) {
      transition: all 0.75s ease-in-out 5s; }
    #main_entrance02 .container ul:nth-child(3) a:nth-of-type(3) {
      transition: all 0.75s ease-in-out 5.5s; }
  #main_entrance02.is-active .title {
    opacity: 1; }
  #main_entrance02.is-active .subtitle {
    transform: translateY(0);
    opacity: 1; }
  #main_entrance02.is-active .co-title {
    transform: translateY(0);
    opacity: 1; }
  #main_entrance02.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;
    line-height: 1.4;
    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 li {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      height: 550px;
      padding: 40px 2.5%;
      position: relative;
      background-image: url("/cn/special/uhmw-pe/assets/image/pfas_regulations/bg_main_visual_01.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
      @media only screen and (min-width: 769px) and (max-width: 1919px) {
        #main_visual .container ul li {
          height: 28.6458333333vw;
          padding: 2.0833333333vw 2.5%; } }
      @media only screen and (max-width: 768px) {
        #main_visual .container ul li {
          height: auto;
          padding: 20px 2.5%;
          background-position: center top; }
          #main_visual .container ul li::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.5); } }
      #main_visual .container ul li p {
        position: relative;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        margin: 0 0 1.3020833333vw 0;
        z-index: 1; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #main_visual .container ul li p {
            font-size: 0.9375vw;
            margin: 0 0 1.3020833333vw 0; } }
        @media only screen and (max-width: 768px) {
          #main_visual .container ul li p {
            font-size: 14px;
            margin: 0 0 12.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; }
  @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 .title {
        font-size: 28px;
        background-color: #f8f8f8;
        border-left: 4px #010101 solid;
        border-left: 4px #010101 solid;
        margin: 50px 0 25px;
        padding: 15px 25px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article .title {
            font-size: 1.4583333333vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article .title {
            font-size: 20px; } }
      #section01 .container article .content {
        font-size: 22px;
        line-height: 1.8;
        margin: 25px 0 50px; }
        #section01 .container article .content a {
          font-weight: 700;
          text-decoration: underline;
          color: #010101;
          transition: all 0.3s ease-in-out 0s; }
          @media only screen and (max-width: 768px) {
            #section01 .container article .content a {
              color: initial; } }
          #section01 .container article .content a:hover {
            color: #cd1976; }
        @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 figcaption {
          margin: 15px 0 30px;
          text-align: center; }
      #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 figure.wide figcaption {
          margin: 15px 0 30px;
          text-align: center; }
      #section01 .container article figure.full-wide {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 25px; }
        @media only screen and (min-width: 769px) and (max-width: 1919px) {
          #section01 .container article figure.full-wide {
            margin: 0 auto 1.3020833333vw; } }
        @media only screen and (max-width: 768px) {
          #section01 .container article figure.full-wide {
            width: 100%;
            height: auto;
            display: block; } }
        #section01 .container article figure.full-wide figcaption {
          margin: 15px 0 30px;
          text-align: center; }
      #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 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; }