* {
  box-sizing: border-box; }

html {
  scroll-padding-top: 7.8125vw; }
  @media screen and (max-width: 750px) {
    html {
      scroll-padding-top: 20vw; } }

.container img {
  max-width: 100%; }

.fixBread {
  position: sticky;
  left: 0;
  top: 4.5vw;
  z-index: 10; }
  @media screen and (max-width: 750px) {
    .fixBread {
      top: 11.5vw; } }

.section1-pd {
  padding: 0 8.33333vw;
  margin: 0 auto;
  padding-top: 4.16666vw;
  display: flex;
  flex-direction: row;
  padding-bottom: 2.08333vw;
  background-color: #fff; }
  @media screen and (max-width: 750px) {
    .section1-pd {
      flex-direction: column;
      width: 100%;
      padding: 0;
      margin-bottom: 0; } }
  .section1-pd .imgBox {
    width: 37.5vw;
    height: 28.125vw; }
    @media screen and (max-width: 750px) {
      .section1-pd .imgBox {
        width: 100%;
        height: 75.06666vw; } }
    .section1-pd .imgBox .swiper-container {
      width: 100%;
      height: 100%; }
      .section1-pd .imgBox .swiper-container .swiper-slide img {
        width: 100%;
        height: 100%;
        transform: scale(1, 1);
        transition: all .3s linear; }
      .section1-pd .imgBox .swiper-container .swiper-slide:hover img {
        transform: scale(1.05, 1.05); }
      .section1-pd .imgBox .swiper-container .swiper-button-box {
        position: absolute;
        left: 3.64583vw;
        bottom: 2.60416vw;
        display: flex;
        flex-direction: row;
        z-index: 2; }
        @media screen and (max-width: 750px) {
          .section1-pd .imgBox .swiper-container .swiper-button-box {
            left: 4vw;
            bottom: 6.66666vw; } }
        .section1-pd .imgBox .swiper-container .swiper-button-box .arr-bannerC {
          width: 1.5625vw;
          height: 0.3125vw;
          margin-right: 1.04166vw;
          cursor: pointer; }
          @media screen and (max-width: 750px) {
            .section1-pd .imgBox .swiper-container .swiper-button-box .arr-bannerC {
              width: 4vw;
              height: 0.8vw;
              margin-right: 2.66666vw; } }
        .section1-pd .imgBox .swiper-container .swiper-button-box .bannerC-prev {
          background: url(../img/arr-left-black.png) no-repeat;
          background-size: 100% 100%; }
          @media screen and (min-width: 750px) {
            .section1-pd .imgBox .swiper-container .swiper-button-box .bannerC-prev:hover {
              background: url(../img/arr-left-active.png) no-repeat;
              background-size: 100% 100%; } }
          @media screen and (max-width: 750px) {
            .section1-pd .imgBox .swiper-container .swiper-button-box .bannerC-prev {
              background-image: url("../img/arr-left-active.png"); } }
        .section1-pd .imgBox .swiper-container .swiper-button-box .bannerC-next {
          background: url(../img/arr-right-black.png) no-repeat;
          background-size: 100% 100%; }
          @media screen and (min-width: 750px) {
            .section1-pd .imgBox .swiper-container .swiper-button-box .bannerC-next:hover {
              background: url(../img/arr-right-active.png) no-repeat;
              background-size: 100% 100%; } }
          @media screen and (max-width: 750px) {
            .section1-pd .imgBox .swiper-container .swiper-button-box .bannerC-next {
              background-image: url("../img/arr-right-active.png"); } }
  .section1-pd .infoBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 4.0625vw;
    margin-left: 4.16666vw; }
    @media screen and (max-width: 750px) {
      .section1-pd .infoBox {
        padding: 12vw 6.66666vw 10.66666vw;
        width: 100%;
        margin-left: 0; } }
    .section1-pd .infoBox h2 {
      margin-bottom: 1.45833vw; }
      .section1-pd .infoBox h2:hover {
        color: #0097e0; }
      @media screen and (max-width: 750px) {
        .section1-pd .infoBox h2 {
          margin-bottom: 4vw; } }
    .section1-pd .infoBox h3 {
      margin-bottom: 0.9375vw; }
      @media screen and (max-width: 750px) {
        .section1-pd .infoBox h3 {
          margin-bottom: 3.46666vw; } }
    .section1-pd .infoBox h4 {
      margin-bottom: 0.9375vw; }
      @media screen and (max-width: 750px) {
        .section1-pd .infoBox h4 {
          margin-bottom: 4vw; } }
    .section1-pd .infoBox p {
      margin-bottom: 3.4375vw;
      line-height: 1.7; }
      @media screen and (max-width: 750px) {
        .section1-pd .infoBox p {
          margin-bottom: 10.66666vw; } }
    .section1-pd .infoBox .btn-download {
      width: 10.41666vw;
      height: 3.33333vw;
      background: linear-gradient(90deg, #19b7ff 0%, #0097e0 100%);
      color: #fff;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 750px) {
        .section1-pd .infoBox .btn-download {
          width: 26.66666vw;
          height: 8.53333vw; } }
      .section1-pd .infoBox .btn-download img {
        width: 0.83333vw;
        height: 0.83333vw;
        margin-right: 0.41666vw; }
        @media screen and (max-width: 750px) {
          .section1-pd .infoBox .btn-download img {
            width: 2.66666vw;
            height: 2.66666vw; } }

.videoSection {
  padding: 0 8.33333vw;
  padding-top: 3.125vw;
  height: 46.875vw;
  position: relative;
  margin-bottom: 2.60416vw; }
  @media screen and (max-width: 750px) {
    .videoSection {
      padding: 0;
      height: 56.26666vw;
      margin-bottom: 5.33333vw; } }
  .videoSection .poster {
    width: 100%;
    height: 100%;
    z-index: -1; }
  .videoSection .playVideo {
    width: 5.20833vw;
    height: 5.20833vw;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer; }
    @media screen and (max-width: 750px) {
      .videoSection .playVideo {
        width: 6.4vw;
        height: 6.4vw; } }
  .videoSection video {
    width: 100%;
    height: 100%; }
  .videoSection .videoTag {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    position: absolute;
    left: 14.58333vw;
    top: 17.03125vw; }
    @media screen and (max-width: 750px) {
      .videoSection .videoTag {
        left: 8vw;
        top: 50%;
        transform: translateY(-50%); } }
    .videoSection .videoTag img {
      width: 1.66666vw;
      height: 1.66666vw;
      margin-right: 1.04166vw; }
      @media screen and (max-width: 750px) {
        .videoSection .videoTag img {
          width: 4.26666vw;
          height: 4.26666vw;
          margin-right: 2.66666vw; } }

.contentPart {
  width: 83.33333vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 4.16666vw 6.25vw;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 2.60416vw; }
  .contentPart:nth-child(1) {
    margin-top: 2.08333vw; }
  @media screen and (max-width: 750px) {
    .contentPart {
      width: 89.33333vw;
      padding: 6.66666vw 5.33333vw 6.66666vw;
      margin-bottom: 5.33333vw; } }
  .contentPart .title {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .contentPart .title img {
      width: 1.66666vw;
      height: 1.66666vw;
      margin-right: 1.04166vw; }
      @media screen and (max-width: 750px) {
        .contentPart .title img {
          width: 5.33333vw;
          height: 5.33333vw;
          margin-right: 1.33333vw; } }