* {
    color: #505050;
  }
  a {
    text-decoration: none;
  }
  
  .sp {
    display: none !important;
  }
  
  .fv {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 77px;
    .fv-inner-main {
      position: relative;
      .fv-left {
        img {
        }
      }
      .fv-right {
        position: absolute;
        top: 20px;
        right: 20px;
        max-width: 603px;
        max-height: 425px;
      }
      .fv-center-div {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        .fv-center-text {
          text-align: center;
          font-weight: bold;
          .fv-center-p1 {
            text-align: center;
            margin: auto 0;
            font-size: 34px;
            color: #3c4d69 !important;
            .span-white {
              font-size: 38px;
              text-shadow: 2px 2px 0 #3c4d69;
              text-shadow: 1px 1px 0 #3c4d69, -1px -1px 0 #3c4d69,
                -1px 1px 0 #3c4d69, 1px -1px 0 #3c4d69, 0px 1px 0 #3c4d69,
                0-1px 0 #3c4d69, -1px 0 0 #3c4d69, 1px 0 0 #3c4d69;
              color: rgba(255, 255, 255, 1);
            }
          }
          .fv-center-p2 {
            font-size: 42px;
            .span-orange {
              color: rgba(247, 79, 31, 1);
            }
          }
          .fv-center-p3 {
            color: #3c4d69 !important;
          }
          .fv-center-text-hr {
            margin: 4px 0;
          }
        }
      }
      .fv-center-div2 {
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        top: 38%;
        left: 49%;
        transform: translate(-50%, -50%);
      }
    }
  }
  .section-title {
    color: #3c4d69;
    font-size: 40px;
  }
  
  .lp-content-1-container {
    padding-top: 80px;
    padding-bottom: 80px;
    .content-1-inner {
      max-width: 1120px;
      margin: 0 auto;
      text-align: center;
      .section-title-div {
        .section-subtitle {
          font-size: 24px;
          font-weight: bold;
          padding-top: 40px;
        }
      }
      .content-1-card {
        padding-top: 40px;
        ul {
          display: flex;
          justify-content: space-around;
          .content-1-card_li {
            list-style: none;
            div {
              h3 {
              }
              img {
                margin-top: 20px;
                width: 250px;
                height: 250px;
              }
              div {
                p {
                  font-weight: bold;
                }
                p:nth-child(1) {
                  padding-top: 20px;
                }
              }
            }
          }
        }
      }
    }
  }
  
  .lp-content-2-container {
    background-color: #f0f0f0;
    .lp-content-2-inner {
      max-width: 1400px;
      margin: 0 auto;
      text-align: center;
      .content-2-card {
        ul {
          display: flex;
          justify-content: space-around;
          margin-top: 40px;
          li {
            list-style: none;
            .content-2-card-common {
              width: 230px;
              border-radius: 10px;
              img {
                height: auto;
              }
              .content-2-card-text {
                margin-top: 16px;
                p {
                  color: #505050;
                  font-size: 20px;
                  font-weight: bold;
                  line-height: 30px;
                }
              }
            }
            div {
              background-color: white;
            }
          }
        }
        .campaign-banner {
          margin-top: 40px;
          display: flex;
          justify-content: center;
        }
      }
    }
  }
  
  .lp-content-3-container {
    .lp-content-3-inner {
      margin: 0 auto;
      max-width: 1400px;
      /* padding: 80px 40px; */
      .section-title-div {
        .section-title {
          text-align: center;
        }
      }
      .content-3-card {
        .content-3-card-up {
          /* margin-top: 40px; */
          ul {
            display: flex;
            li {
              list-style: none;
              width: 50%;
              div {
                div {
                  display: flex;
                  align-items: center;
                  height: 116px;
                  .content-3-card-number {
                    font-size: 40px;
                    font-weight: 900;
                    line-height: 60px;
                    margin-right: 30px;
                  }
                  .content-3-card-title {
                    font-weight: 900;
                    line-height: 60px;
                    .font-color {
                    }
                  }
                }
                .content-3-card-subtitle {
                  font-size: 20px;
                  line-height: 30px;
                  font-weight: bold;
                  margin-top: 30px;
                  height: 100px;
                  margin-bottom: 20px;
                }
                .content-3-card-img {
                  height: auto;
                }
              }
            }
            .content-3-card-left {
              .xj-graph__tab {
                overflow-x: auto;
              }
            }
            .content-3-card-right {
              /* margin-left: 80px; */
              margin-left: clamp(0px, 5vw, 80px);
              
              .xj-graph__tab {
                overflow-x: auto;
              }
            }
          }
        }
  
        .content-3-card-down {
          margin-top: 80px;
          ul {
            display: flex;
            li {
              list-style: none;
              width: 50%;
              div {
                div {
                  display: flex;
                  align-items: center;
                  height: 116px;
                  .content-3-card-number {
                    font-size: 40px;
                    font-weight: 900;
                    line-height: 60px;
                    margin-right: 30px;
                  }
                  .content-3-card-title {
                    font-weight: 900;
                    line-height: 60px;
                  }
                }
                .content-3-card-subtitle {
                  font-size: 20px;
                  line-height: 30px;
                  font-weight: bold;
                  margin-top: 16px;
                  height: 100px;
                  margin-bottom: 20px;
                }
                .content-3-card-img {
                  height: auto;
                }
              }
            }
            .content-3-card-left {
              .xj-graph__tab {
                overflow-x: auto;
              }
            }
            .content-3-card-right {
              /* margin-left: 80px; */
              margin-left: clamp(0px, 5vw, 80px);

              .xj-graph__tab {
                overflow-x: auto;
              }
            }
          }
        }
      }
    }
  }
  
  .lp-content-4-container {
    padding: 80px 0px;
    .lp-content-4-inner {
      margin: 0 auto;
      position: relative;
      height: 100%;
      z-index: 999;
      .section-title-div {
        .section-title {
          text-align: center;
        }
      }
      .caseStudy {
        text-align: left;
        margin-top: 38px;
        .casestudy-div {
          width: 380px;
          background-color: white;
          padding: 10px 10px;
          margin: 10px 10px;
          border-radius: 10px;
          overflow: hidden;
          box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.35);
          height: 500px;
          display: flex;
          flex-direction: column;
          .casestudy-a {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            .casestudy-top-img {
              max-height: 233px;
              max-width: 380px;
              margin: 0 auto;
            }
            .case-content {
              padding: 16px 16px 7px 16px;
              .case-title {
                font-size: 24px;
                font-weight: bold;
                line-height: 36px;
                margin-bottom: 20px;
              }
              .case-subtitle {
                font-size: 16px;
                font-weight: 700;
              }
            }
            .case-footer {
              margin: 16px 16px 16px 16px;
              .case-tag {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-wrap: wrap;
                flex-basis: 90%;
                .case-tag-p {
                  background-color: #f7e1be;
                  font-size: 16px;
                  font-weight: bold;
                  margin-right: 10px;
                  margin-top: 10px;
                  padding: 6px 10px;
                }
              }
              .case-link-icon {
                flex-basis: 10%;
                display: flex;
                align-items: center;
              }
              display: flex;
              justify-content: space-between;
            }
          }
        }
      }
      .campaign-banner {
        text-align: center;
        width: 940px;
        margin: 0 auto;
        .banner {
          display: block;
          margin-top: 40px;
        }
        .case-study-list-link {
          text-decoration: underline;
          font-size: 20px;
          font-weight: bold;
          margin-top: 40px;
        }
      }
    }
  }
  
  .lp-content-5-container {
    background-color: #f0f0f0;
    text-align: center;
    .lp-content-5-inner {
      padding: 80px 0;
      margin: 0 auto;
      .section-title-div {
        width: 100%;
        .section-title {
          text-align: center;
        }
      }
      .wp-list {
        margin-top: 38px;
        padding-bottom: 20px;
        .wp-list-div {
          display: flex;
          flex-direction: column;
          background-color: white;
          border-radius: 10px;
          overflow: hidden;
          width: 400px;
          height: 500px;
          margin: 0 20px;
          a {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            .wp-list-up {
              display: flex;
              flex-direction: column;
              img {
                max-height: 225px;
              }
              .wp-title {
                font-size: 20px;
                font-weight: bold;
                margin-top: 16px;
                margin-left: 20px;
                margin-right: 20px;
                padding-bottom: 16px;
                border-bottom: 2px solid #c3c3c3;
              }
              .wp-subtitle {
                font-size: 16px;
                font-weight: 600;
                margin: 16px 20px;
                text-align: left;
              }
            }
  
            .wp-list-under {
              display: flex;
              padding: 16px 20px;
              justify-content: flex-end;
              align-items: center;
              font-size: 20px;
              font-weight: bold;
              text-decoration: underline;
  
              
              div {
                padding-right: 8px;
              }
              .wp-button-icon {
                width: 32px;
                height: 32px;
                display: block;
              }
            }
          }
        }
      }
      .wp-list-link {
        display: block;
        text-align: center;
        text-decoration: underline;
        font-size: 20px;
        font-weight: bold;
        margin-top: 40px;
      }
    }
  }
  
  .lp-content-6-container {
    .lp-content-6-inner {
      text-align: center;
      max-width: 1400px;
      padding: 80px 40px;
      margin: 0 auto;
      .section-title-div {
        .section-title {
          padding: 20px 0;
        }
        .section-subtitle {
          font-weight: 900;
          font-size: 20px;
        }
      }
      .seminar {
        .seminar-card {
          margin-top: 40px;
          background-color: white;
          display: flex;
          max-width: 1120px;
          margin: 0 auto;
          border-radius: 20px;
          .seminar-img {
            padding: 32px 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 340px;
            height: 100%;
            img {
            }
          }
          .seminar-content {
            margin: 40px 24px 48px 0;
            width: 770px;
            .seminar-title {
              font-size: 24px;
              font-weight: bold;
              line-height: 36px;
            }
            .seminar-description {
              table {
                margin-top: 9px;
                tr {
                  .seminar-header {
                    padding-bottom: 12px;
                    font-size: 14px;
                    font-weight: bold;
                    text-align: left;
                    color: #3c4d69;
                  }
                  .seminar-data {
                    padding-bottom: 12px;
                    padding-left: 16px;
                    text-align: left;
                    font-weight: bold;
                    font-size: 16px;
                    line-height: 24px;
                    color: #6c6c6c;
                  }
                }
              }
            }
            .seminar-footer {
              display: flex;
              justify-content: space-between;
              align-items: center;
              width: 100%;
              padding-top: 10px;
              .seminar-tag-list {
                display: flex;
                flex-wrap: wrap;
                .seminar-tag {
                  background-color: #ffd5c1;
                  padding: 10px 10px;
                  text-align: center;
                  margin-left: 10px;
                  margin-top: 6px;
                  p {
                    font-size: 14px;
                    font-weight: bold;
                    text-align: center;
                  }
                }
              }
              .seminar-button {
                text-align: right;
                max-width: 40px;
                .seminar-link {
                }
                .seminar-button-icon {
                  display: block;
                }
              }
            }
          }
        }
      }
      .seminar-cta {
        margin-top: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        .seminar-link {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 272px;
          height: 72px;
          background-color: white;
          font-size: 18px;
          font-weight: bold;
          border-radius: 36px;
        }
      }
    }
  }
  
  .lp-content-7-container {
    background-color: #f0f0f0;
    .lp-content-7-inner {
      max-width: 1400px;
      padding: 80px 40px;
      margin: 0 auto;
      .section-title-div {
        display: flex;
        justify-content: center;
        align-items: center;
        .faq-icon {
          width: 80px;
          height: 80px;
        }
        .section-title {
        }
      }
      .question-card {
        ul {
          padding-top: 40px;
          display: flex;
          justify-content: center;
          li:nth-child(2) {
            margin-left: 32px;
          }
          li {
            list-style: none;
            display: block;
            .card {
              background-color: white;
              max-width: 544px;
              border-radius: 10px;
              padding: 20px;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              .card-inner {
                .question-div {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  border-bottom: 2px solid #c3c3c3;
                  padding-bottom: 16px;
                  .question-icon {
                  }
                  .question-title {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 20px;
                    font-weight: bold;
                    padding-left: 8px;
                  }
                }
                .question-discription {
                  .question-content {
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 24px;
                    padding-top: 16px;
                  }
                }
              }
            }
          }
        }
      }
      .contact-p {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        margin-top: 40px;
      }
      .contact-cta {
        margin-top: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        .contact-link {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 272px;
          height: 72px;
          background-color: white;
          font-size: 18px;
          font-weight: bold;
          border-radius: 36px;
        }
      }
    }
  }
  
  .lp-content-8-container {
    .lp-content-8-inner {
      max-width: 1400px;
      padding: 80px 40px;
      margin: 0 auto;
      .section-title-div {
        .section-title {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
    .news-list {
      ul {
        li {
          list-style: none;
          display: flex;
          justify-content: center;
          .news-content {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 20px 0;
            width: 922px;
            border-bottom: 1px solid #c3c3c3;
            .news-date {
              font-size: 16px;
              font-weight: bold;
              align-items: 24px;
            }
            .news-title {
              margin-left: 32px;
              font-size: 16px;
              font-weight: bold;
              align-items: auto;
            }
          }
        }
      }
      .news-list-link {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        a {
          font-size: 16px;
          color: #3c4d69;
          font-weight: bold;
          text-decoration: underline;
        }
      }
    }
  }