.v27_minisite_content {
  max-width: 100vw;
  overflow: hidden; }
  .v27_minisite_content div,
  .v27_minisite_content span.swiper-pagination-bullet {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none; }
  .v27_minisite_content ::-moz-selection {
    background: #eee;
    color: #666; }
  .v27_minisite_content ::selection {
    background: #eee;
    color: #666; }
  .v27_minisite_content .hidden-lg {
    display: none; }
  .v27_minisite_content .hidden-mobi {
    display: inline-block; }
  .v27_minisite_content .nowrap {
    white-space: nowrap; }
  .v27_minisite_content sup {
    top: -.5em; }
  .v27_minisite_content sub {
    top: .5em; }
  .v27_minisite_content sub,
  .v27_minisite_content sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }
  .v27_minisite_content sup.ie {
    top: -.75em; }
  .v27_minisite_content #HW-p {
    width: 100%;
    min-width: 1px;
    margin-top: 60px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden; }
  .v27_minisite_content .HW-p-spacer {
    min-height: 0px;
    font-size: 0;
    line-height: 0; }
  .v27_minisite_content .text-bold {
    font-weight: bold; }
  .v27_minisite_content .text-normal {
    font-weight: normal; }
  .v27_minisite_content .text-size-large {
    font-size: 3.515625vw; }
  .v27_minisite_content .cpe-section {
    position: relative;
    width: 100vw;
    height: 56.25vw;
    overflow: hidden;
    background-color: #fff; }
    .v27_minisite_content .cpe-section .wrap {
      position: absolute;
      width: 62.5vw;
      left: 50%;
      margin-left: -31.25vw;
      top: 5.6640625vw;
      text-align: center; }
      .v27_minisite_content .cpe-section .wrap .title {
        font-size: 2.5vw;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 1.5625vw; }
      .v27_minisite_content .cpe-section .wrap .sub-title {
        font-size: 2.0833332031vw;
        font-weight: bold; }
      .v27_minisite_content .cpe-section .wrap .desc {
        font-size: 1.25vw;
        line-height: 1.5;
        margin-bottom: 3.125vw; }
      .v27_minisite_content .cpe-section .wrap .points .point .pTitle {
        font-weight: normal;
        font-size: 2.734375vw;
        line-height: 1; }
      .v27_minisite_content .cpe-section .wrap .points .point .pDesc {
        font-size: 1.171875vw;
        line-height: 1.2; }
  .v27_minisite_content .cpe-bg {
    width: 100%;
    margin: 0 auto; }
  .v27_minisite_content .cpe-points {
    -webkit-box-orient: horizontal;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .v27_minisite_content .cpe-kv {
    height: 50vw;
    background-color: #fff; }
    .v27_minisite_content .cpe-kv .kv-product {
      position: absolute;
      top: 3.28125vw;
      left: 13.90625vw;
      width: 32.7734375vw;
      height: 45.078125vw; }
    .v27_minisite_content .cpe-kv .kv-wrap {
      position: absolute;
      top: 20.625vw;
      left: 53.3203125vw;
      width: 39.0625vw;
      height: 8.203125vw; }
      .v27_minisite_content .cpe-kv .kv-wrap .kv-title {
        width: 39.0625vw;
        height: 2.9296875vw; }
      .v27_minisite_content .cpe-kv .kv-wrap .kv-points {
        margin-top: 2.5390625vw;
        letter-spacing: 1px;
        font-size: 1.40625vw; }
  .v27_minisite_content .cpe-p1 .bg1 {
    position: absolute;
    z-index: 5; }
  .v27_minisite_content .cpe-p1 .bg2 {
    position: absolute;
    z-index: 0; }
  .v27_minisite_content .cpe-p1 .bg3 {
    position: absolute;
    opacity: 1;
    z-index: 3; }
  .v27_minisite_content .cpe-p1 .prod {
    position: absolute;
    width: 28.984375vw;
    height: 26.1328125vw;
    left: 35.546875vw;
    bottom: -2.5390625vw;
    z-index: 10; }
  .v27_minisite_content .cpe-p1 .wrap {
    z-index: 10; }
    .v27_minisite_content .cpe-p1 .wrap .desc {
      width: 59.21875vw;
      margin: 0 auto 3.125vw; }
    .v27_minisite_content .cpe-p1 .wrap .points {
      width: 62.5vw; }
      .v27_minisite_content .cpe-p1 .wrap .points .point {
        height: 8.359375vw;
        opacity: 0; }
        .v27_minisite_content .cpe-p1 .wrap .points .point .pDesc {
          height: 3.4375vw;
          align-items: center; }
      .v27_minisite_content .cpe-p1 .wrap .points .point1 .pDesc {
        width: 13.671875vw;
        margin: 0 auto; }
      .v27_minisite_content .cpe-p1 .wrap .points .point3 .pDesc {
        width: 12.5vw;
        margin: 0 auto; }
  .v27_minisite_content .cpe-p2 .bg1 {
    position: absolute;
    z-index: 5; }
  .v27_minisite_content .cpe-p2 .bg2 {
    position: absolute;
    opacity: 0;
    z-index: 0; }
  .v27_minisite_content .cpe-p2 .wrap {
    width: 41.9921875vw;
    top: 13.671875vw;
    left: 0;
    margin-left: 38.28125vw;
    text-align: right;
    z-index: 10; }
    .v27_minisite_content .cpe-p2 .wrap .desc {
      width: 41.9921875vw; }
    .v27_minisite_content .cpe-p2 .wrap .points {
      flex-wrap: wrap;
      right: 0;
      text-align: center; }
      .v27_minisite_content .cpe-p2 .wrap .points .point {
        margin-left: 1.171875vw;
        text-align: center;
        opacity: 0; }
        .v27_minisite_content .cpe-p2 .wrap .points .point .pDesc {
          height: 1.953125vw;
          align-items: center; }
      .v27_minisite_content .cpe-p2 .wrap .points img {
        width: 1.3671875vw;
        margin-top: -0.5859375vw; }
      .v27_minisite_content .cpe-p2 .wrap .points .empty-point {
        width: 23.4375vw; }
      .v27_minisite_content .cpe-p2 .wrap .points .point3 {
        margin: 1.5625vw auto; }
  .v27_minisite_content .cpe-p3 .wrap {
    top: 20.5078125vw;
    color: #fff; }
    .v27_minisite_content .cpe-p3 .wrap a {
      color: #fff; }
    .v27_minisite_content .cpe-p3 .wrap .desc {
      width: 53.7890625vw;
      margin: 0 auto; }
  .v27_minisite_content .cpe-p4 .wrap {
    color: #fff; }
    .v27_minisite_content .cpe-p4 .wrap a {
      color: #fff; }
    .v27_minisite_content .cpe-p4 .wrap .desc {
      width: 57.5390625vw;
      margin: 0 auto; }
    .v27_minisite_content .cpe-p4 .wrap .points {
      width: 42.96875vw;
      margin: 1.5625vw auto; }
      .v27_minisite_content .cpe-p4 .wrap .points .point {
        width: 33%; }
      .v27_minisite_content .cpe-p4 .wrap .points .point1 .pDesc {
        width: 13.671875vw;
        margin: 0 auto; }
      .v27_minisite_content .cpe-p4 .wrap .points .point2 .pDesc {
        width: 11.71875vw;
        margin: 0 auto; }
  .v27_minisite_content .cpe-p5 {
    height: 53.90625vw; }
    .v27_minisite_content .cpe-p5 .cpe-bg {
      width: 86.25vw;
      height: 53.90625vw;
      left: 6.875vw; }
    .v27_minisite_content .cpe-p5 .bg1 {
      position: absolute; }
    .v27_minisite_content .cpe-p5 .bg2 {
      position: absolute;
      opacity: 0; }
    .v27_minisite_content .cpe-p5 .bg3 {
      position: absolute;
      z-index: 3; }
    .v27_minisite_content .cpe-p5 .wrap {
      z-index: 10; }
      .v27_minisite_content .cpe-p5 .wrap .desc {
        width: 57.34375vw;
        margin: 0 auto; }
    .v27_minisite_content .cpe-p5 .dialog {
      position: absolute;
      width: 44.921875vw;
      height: 31.25vw;
      top: 19.921875vw;
      left: 18.75vw;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      opacity: 0;
      z-index: 5; }
      .v27_minisite_content .cpe-p5 .dialog .line1 {
        margin-top: 2.734375vw;
        margin-left: 3.90625vw;
        font-size: 1.25vw;
        color: #027ef1; }
      .v27_minisite_content .cpe-p5 .dialog .line2 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        font-size: 1.09375vw;
        color: #027ef1; }
      .v27_minisite_content .cpe-p5 .dialog .column1 {
        width: 35.9375vw;
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        padding: 0;
        background-color: rgba(0, 0, 0, 0) !important; }
      .v27_minisite_content .cpe-p5 .dialog .line3 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        font-size: 1.09375vw;
        color: #9c9d9d; }
      .v27_minisite_content .cpe-p5 .dialog .column2 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        width: 31.4453125vw; }
      .v27_minisite_content .cpe-p5 .dialog .line4 {
        margin-top: 3.515625vw;
        margin-left: 3.90625vw;
        font-size: 1.25vw;
        color: #027ef1; }
      .v27_minisite_content .cpe-p5 .dialog .line5 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        font-size: 1.09375vw;
        color: #027ef1; }
      .v27_minisite_content .cpe-p5 .dialog .column3 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        width: 19.21875vw; }
      .v27_minisite_content .cpe-p5 .dialog .line6 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        font-size: 1.09375vw;
        color: #9c9d9d; }
      .v27_minisite_content .cpe-p5 .dialog .column4 {
        margin-top: 0.390625vw;
        margin-left: 3.90625vw;
        width: 12.3046875vw; }
      .v27_minisite_content .cpe-p5 .dialog .line7 {
        margin-top: 6.25vw;
        margin-left: 3.90625vw;
        font-size: 1.09375vw;
        color: #9c9d9d; }
      .v27_minisite_content .cpe-p5 .dialog .small {
        font-size: 0.78125vw; }
  .v27_minisite_content .cpe-p6 .bg1 {
    position: absolute; }
  .v27_minisite_content .cpe-p6 .bg2 {
    position: absolute;
    z-index: 3; }
  .v27_minisite_content .cpe-p6 .wrap {
    z-index: 10; }
    .v27_minisite_content .cpe-p6 .wrap .desc {
      width: 61.0546875vw; }
  .v27_minisite_content .cpe-p6 .waves {
    position: absolute;
    top: 26.5625vw;
    left: 36.328125vw;
    width: 27.34375vw;
    height: 27.34375vw; }
    .v27_minisite_content .cpe-p6 .waves .wave {
      opacity: 0;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 2px solid #fff;
      background-color: rgba(200, 225, 255, 0.5); }
  .v27_minisite_content .cpe-p7 {
    height: 62.5vw; }
    .v27_minisite_content .cpe-p7 .bg1 {
      position: absolute; }
    .v27_minisite_content .cpe-p7 .bg3 {
      position: absolute;
      scale: 0;
      opacity: 0;
      z-index: 3; }
    .v27_minisite_content .cpe-p7 .wrap {
      text-align: left;
      color: #fff;
      z-index: 10; }
      .v27_minisite_content .cpe-p7 .wrap .desc {
        width: 38.0859375vw;
        letter-spacing: -1px; }
  .v27_minisite_content .cpe-p8 {
    height: 53.125vw; }
    .v27_minisite_content .cpe-p8 .cpe-bg {
      position: absolute;
      margin-top: -3.125vw; }
    .v27_minisite_content .cpe-p8 .bg1 {
      position: absolute; }
    .v27_minisite_content .cpe-p8 .bg2 {
      position: absolute;
      opacity: 0;
      z-index: 5; }
    .v27_minisite_content .cpe-p8 .bg3 {
      position: absolute;
      opacity: 0;
      z-index: 3; }
    .v27_minisite_content .cpe-p8 .bg4 {
      position: absolute;
      opacity: 0; }
    .v27_minisite_content .cpe-p8 .wrap {
      position: absolute;
      width: 70.3125vw;
      left: 50%;
      margin-left: -35.15625vw;
      top: 0;
      z-index: 10; }
      .v27_minisite_content .cpe-p8 .wrap .desc {
        width: 58.59375vw;
        margin: 0 auto; }
    .v27_minisite_content .cpe-p8 .left-content {
      position: absolute;
      width: 11.71875vw;
      top: 44.53125vw;
      left: 20.703125vw;
      font-size: 1.09375vw;
      line-height: 1.2;
      text-align: center; }
    .v27_minisite_content .cpe-p8 .right-content {
      position: absolute;
      width: 17.96875vw;
      top: 44.53125vw;
      left: 48.046875vw;
      opacity: 0;
      font-size: 1.09375vw;
      line-height: 1.2;
      text-align: center; }
  .v27_minisite_content .cpe-p9 .wrap {
    top: 10.9375vw; }
    .v27_minisite_content .cpe-p9 .wrap .desc {
      width: 55.7421875vw;
      margin: 0 auto; }
  .v27_minisite_content .cpe-p10 .wrap {
    width: 43.6328125vw;
    left: 0;
    margin-left: 35.9375vw;
    top: 10.9375vw; }
  .v27_minisite_content .cpe-p11 {
    overflow: hidden; }
    .v27_minisite_content .cpe-p11 .cpe-bg {
      position: absolute;
      top: 5.078125vw;
      opacity: 0; }
    .v27_minisite_content .cpe-p11 .wrap {
      top: 10.9375vw; }
      .v27_minisite_content .cpe-p11 .wrap .points {
        position: absolute;
        width: 60.546875vw;
        top: 16.796875vw;
        left: 0.78125vw; }
        .v27_minisite_content .cpe-p11 .wrap .points .point {
          position: absolute;
          opacity: 0;
          display: none; }
          .v27_minisite_content .cpe-p11 .wrap .points .point .pTitle {
            height: 4.140625vw;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.7578125vw;
            font-weight: bold; }
          .v27_minisite_content .cpe-p11 .wrap .points .point .pDesc {
            font-size: 1.171875vw; }
        .v27_minisite_content .cpe-p11 .wrap .points .point1 {
          display: block;
          top: 0vw;
          left: 0.1953125vw;
          width: 16.640625vw; }
        .v27_minisite_content .cpe-p11 .wrap .points .point2 {
          display: block;
          top: 0vw;
          left: 20.703125vw;
          width: 17.3828125vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point2 .pTitle {
            width: 8.984375vw;
            margin: 0 auto; }
        .v27_minisite_content .cpe-p11 .wrap .points .point3 {
          display: block;
          top: 0vw;
          left: 41.796875vw;
          width: 18.75vw; }
        .v27_minisite_content .cpe-p11 .wrap .points .point4 {
          display: block;
          top: 18.75vw;
          left: 1.171875vw;
          width: 15.2734375vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point4 .pTitle {
            height: 2.34375vw; }
        .v27_minisite_content .cpe-p11 .wrap .points .point5 {
          display: block;
          top: 18.75vw;
          left: 21.484375vw;
          width: 16.4453125vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point5 .pTitle {
            height: 2.34375vw; }
        .v27_minisite_content .cpe-p11 .wrap .points .point6 {
          display: block;
          top: 18.75vw;
          left: 42.578125vw;
          width: 18.046875vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point6 .pTitle {
            height: 2.34375vw; }
  .v27_minisite_content .cpe-p12 .wrap {
    top: 10.9375vw; }
  .v27_minisite_content .cpe-p12 .swiper-img {
    width: 100vw;
    margin: 0 auto;
    position: absolute !important;
    overflow: visible !important;
    list-style: none;
    top: 19.53125vw;
    padding: 0;
    z-index: 1; }
    .v27_minisite_content .cpe-p12 .swiper-img img {
      width: 90%; }
  .v27_minisite_content .cpe-p12 .swiper-img .swiper-slide-prev,
  .v27_minisite_content .cpe-p12 .swiper-img .swiper-slide-next {
    z-index: 1;
    opacity: 0.6; }
  .v27_minisite_content .cpe-p12 .swiper-slide {
    text-align: center !important;
    font-size: 18px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: 300ms !important; }
  .v27_minisite_content .cpe-p12 .swiper-img .swiper-slide-active {
    transform: scale(1.15) !important;
    z-index: 2 !important; }
  .v27_minisite_content .cpe-p12 .swiper-pagination-bullets {
    bottom: -6.640625vw !important; }
  .v27_minisite_content .cpe-p12 .swiper-pagination-bullet {
    position: relative !important;
    width: 4.609375vw !important;
    height: 0.234375vw !important;
    display: inline-block !important;
    border-radius: 0 !important;
    background: #e3e3e3 !important;
    border-color: #e3e3e3 !important;
    opacity: 1 !important;
    margin: 0 0.78125vw !important; }
  .v27_minisite_content .cpe-p12 .swiper-pagination-bullet i {
    background: #a7a7a7 !important;
    width: 0px !important;
    display: inline-block !important;
    height: 0.234375vw !important;
    position: absolute !important;
    left: 0 !important; }
  .v27_minisite_content .cpe-p12 .swiper-pagination-bullet-active {
    border-color: #a7a7a7 !important; }
  .v27_minisite_content .cpe-p12 .swiper-pagination-bullet-active i {
    background: #a7a7a7 !important;
    width: 4.609375vw !important; }
  .v27_minisite_content .cpe-comment {
    position: relative;
    width: 58.59375vw;
    display: block;
    margin: 5.859375vw auto 5.859375vw; }
    .v27_minisite_content .cpe-comment .footer-comment {
      list-style: decimal;
      padding: 0 1.5625vw;
      color: #c2c0c0;
      font-size: 0.7291666667vw; }
      .v27_minisite_content .cpe-comment .footer-comment li {
        line-height: 1.5; }
      .v27_minisite_content .cpe-comment .footer-comment li.current {
        color: #1e1e1e; }

@media screen and (max-width: 1024px) and (orientation: portrait) {
  body {
    background-color: #fff; }

  .v27_minisite_content {
    max-width: 100vw;
    overflow: hidden; }
    .v27_minisite_content .hidden-mobi {
      display: none !important; }
    .v27_minisite_content .hidden-lg {
      display: block; }
    .v27_minisite_content .cpe-section {
      position: relative;
      width: 100vw;
      min-height: 80vw;
      background-color: #fff; }
      .v27_minisite_content .cpe-section .wrap {
        position: absolute;
        width: 92vw;
        left: 50%;
        margin-left: -46vw;
        top: 16vw;
        text-align: center; }
        .v27_minisite_content .cpe-section .wrap .title {
          font-size: 32px;
          font-weight: bold;
          line-height: 1.2;
          margin-bottom: 4vw;
          letter-spacing: -1px;
          white-space: nowrap; }
        .v27_minisite_content .cpe-section .wrap .sub-title {
          font-size: 7.1111106667vw;
          font-weight: bold; }
        .v27_minisite_content .cpe-section .wrap .desc {
          font-size: 4.8vw;
          line-height: 1.5;
          margin-bottom: 4vw; }
        .v27_minisite_content .cpe-section .wrap .points .point .pTitle {
          font-weight: normal;
          font-size: 10vw;
          line-height: 1; }
        .v27_minisite_content .cpe-section .wrap .points .point .pDesc {
          display: block;
          margin-top: 0vw;
          font-size: 4.2666666667vw;
          line-height: 1.2; }
    .v27_minisite_content .cpe-bg {
      width: 100%;
      margin: 0 auto; }
    .v27_minisite_content .cpe-points {
      -webkit-box-orient: horizontal;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .v27_minisite_content .cpe-kv {
      height: 136.9333333333vw;
      z-index: 50; }
      .v27_minisite_content .cpe-kv .kv-product {
        position: absolute;
        top: 30.6666666667vw;
        left: 14.9333333333vw;
        width: 66.6666666667vw;
        height: 90.6666666667vw; }
      .v27_minisite_content .cpe-kv .kv-wrap {
        position: absolute;
        top: 6.6666666667vw;
        left: 14.6666666667vw;
        width: 72vw;
        height: 28vw; }
        .v27_minisite_content .cpe-kv .kv-wrap .kv-title {
          width: 72vw; }
        .v27_minisite_content .cpe-kv .kv-wrap .kv-points {
          letter-spacing: 1px;
          font-size: 2.4vw;
          margin-top: 5.3333333333vw; }
    .v27_minisite_content .cpe-p1 {
      height: 287.3333333333vw;
      z-index: 49; }
      .v27_minisite_content .cpe-p1 .bg1 {
        position: absolute;
        top: 0vw;
        width: 100vw;
        height: 287.3333333333vw;
        z-index: 5; }
      .v27_minisite_content .cpe-p1 .bg3 {
        position: absolute;
        top: 0vw;
        width: 100vw;
        height: 287.3333333333vw;
        opacity: 1;
        z-index: 3; }
      .v27_minisite_content .cpe-p1 .prod {
        position: absolute;
        top: 0vw;
        width: 100vw;
        height: 287.3333333333vw;
        left: 0;
        z-index: 10; }
      .v27_minisite_content .cpe-p1 .wrap {
        position: absolute;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        z-index: 10; }
        .v27_minisite_content .cpe-p1 .wrap .desc {
          width: 86.6666666667vw;
          margin: 0 auto; }
        .v27_minisite_content .cpe-p1 .wrap .points {
          width: 90.6666666667vw;
          margin: 4vw auto;
          flex-wrap: wrap; }
          .v27_minisite_content .cpe-p1 .wrap .points .point1 .pDesc {
            width: 48.4vw;
            margin: 0 auto; }
          .v27_minisite_content .cpe-p1 .wrap .points .point2 .pDesc {
            width: 33.3333333333vw;
            margin: 0 auto; }
          .v27_minisite_content .cpe-p1 .wrap .points .point3 {
            width: 90.6666666667vw;
            margin-top: 18.6666666667vw; }
            .v27_minisite_content .cpe-p1 .wrap .points .point3 .pDesc {
              width: 40vw;
              margin: 0 auto; }
    .v27_minisite_content .cpe-p2 {
      height: 298.8vw;
      z-index: 48; }
      .v27_minisite_content .cpe-p2 .cpe-bg {
        margin-top: 40vw; }
      .v27_minisite_content .cpe-p2 .bg1 {
        position: absolute;
        width: 100vw;
        height: 258.8vw;
        z-index: 5; }
      .v27_minisite_content .cpe-p2 .bg2 {
        position: absolute;
        width: 100vw;
        height: 258.8vw;
        opacity: 0;
        z-index: 3; }
      .v27_minisite_content .cpe-p2 .wrap {
        position: absolute;
        width: 100vw;
        left: 50%;
        margin-left: -50vw; }
        .v27_minisite_content .cpe-p2 .wrap .desc {
          width: 92vw;
          margin: 0 auto 8vw; }
        .v27_minisite_content .cpe-p2 .wrap .points {
          width: 96vw;
          margin: 0 auto;
          flex-wrap: wrap; }
          .v27_minisite_content .cpe-p2 .wrap .points .point .pDesc {
            width: 96vw;
            margin: 1.3333333333vw auto 8vw;
            font-size: 3.2vw; }
          .v27_minisite_content .cpe-p2 .wrap .points .point img {
            width: 5.3333333333vw;
            margin: -1.3333333333vw 0 0 0.6666666667vw; }
    .v27_minisite_content .cpe-p3 {
      height: 135.7333333333vw;
      z-index: 47; }
      .v27_minisite_content .cpe-p3 .wrap {
        color: #fff; }
        .v27_minisite_content .cpe-p3 .wrap .desc {
          width: 92vw; }
    .v27_minisite_content .cpe-p4 {
      height: 254.1333333333vw;
      z-index: 45; }
      .v27_minisite_content .cpe-p4 .bg1 {
        position: absolute;
        margin-top: -8vw;
        width: 100vw;
        height: 262.1333333333vw; }
      .v27_minisite_content .cpe-p4 .wrap {
        position: absolute;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        color: #fff; }
        .v27_minisite_content .cpe-p4 .wrap .desc {
          width: 90vw;
          margin: 0 auto; }
        .v27_minisite_content .cpe-p4 .wrap .points {
          width: 87.3333333333vw;
          margin: 8vw auto;
          flex-wrap: wrap; }
          .v27_minisite_content .cpe-p4 .wrap .points .point .pDesc {
            font-size: 3.2vw; }
          .v27_minisite_content .cpe-p4 .wrap .points .point1 {
            width: 37.3333333333vw; }
            .v27_minisite_content .cpe-p4 .wrap .points .point1 .pDesc {
              width: 37.3333333333vw;
              margin: 0 auto; }
          .v27_minisite_content .cpe-p4 .wrap .points .point2 {
            width: 32vw; }
            .v27_minisite_content .cpe-p4 .wrap .points .point2 .pDesc {
              width: 32vw;
              margin: 0 auto; }
          .v27_minisite_content .cpe-p4 .wrap .points .point3 {
            width: 96vw;
            margin-top: 6.6666666667vw; }
            .v27_minisite_content .cpe-p4 .wrap .points .point3 .pDesc {
              width: 32vw;
              margin: 0 auto; }
    .v27_minisite_content .cpe-p5 {
      height: 156.9333333333vw;
      z-index: 44; }
      .v27_minisite_content .cpe-p5 .cpe-bg {
        position: absolute;
        margin-top: 29.3333333333vw;
        width: 100vw;
        height: 135.6vw;
        left: 0; }
      .v27_minisite_content .cpe-p5 .bg1 {
        position: absolute; }
      .v27_minisite_content .cpe-p5 .bg2 {
        position: absolute; }
      .v27_minisite_content .cpe-p5 .bg3 {
        position: absolute;
        opacity: 1;
        z-index: 3; }
      .v27_minisite_content .cpe-p5 .wrap .desc {
        width: 88vw;
        margin: 0 auto; }
      .v27_minisite_content .cpe-p5 .dialog {
        position: absolute;
        width: 73.3333333333vw;
        height: 46.6666666667vw;
        top: 117.3333333333vw;
        left: 0vw;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        opacity: 0;
        z-index: 5;
        line-height: 1.2; }
        .v27_minisite_content .cpe-p5 .dialog .line1 {
          width: 64vw;
          margin-top: 2vw;
          margin-left: 9.3333333333vw;
          font-size: 1.8666666667vw;
          color: #027ef1; }
        .v27_minisite_content .cpe-p5 .dialog .line2 {
          margin-left: 9.3333333333vw;
          font-size: 1.3333333333vw;
          color: #027ef1; }
        .v27_minisite_content .cpe-p5 .dialog .column1 {
          margin-left: 9.3333333333vw;
          padding: 0;
          width: 55.3333333333vw; }
        .v27_minisite_content .cpe-p5 .dialog .line3 {
          margin-left: 9.3333333333vw;
          font-size: 1.3333333333vw;
          color: #9c9d9d; }
        .v27_minisite_content .cpe-p5 .dialog .column2 {
          margin-left: 9.3333333333vw;
          width: 48.4vw; }
        .v27_minisite_content .cpe-p5 .dialog .line4 {
          margin-top: 2.8vw;
          margin-left: 9.3333333333vw;
          font-size: 1.8666666667vw;
          color: #027ef1; }
        .v27_minisite_content .cpe-p5 .dialog .line5 {
          margin-left: 9.3333333333vw;
          font-size: 1.3333333333vw;
          color: #027ef1; }
        .v27_minisite_content .cpe-p5 .dialog .column3 {
          margin-left: 9.3333333333vw;
          width: 29.4666666667vw; }
        .v27_minisite_content .cpe-p5 .dialog .line6 {
          margin-left: 9.3333333333vw;
          font-size: 1.3333333333vw;
          color: #9c9d9d; }
        .v27_minisite_content .cpe-p5 .dialog .column4 {
          margin-left: 9.3333333333vw;
          width: 18.9333333333vw; }
        .v27_minisite_content .cpe-p5 .dialog .line7 {
          margin-top: 4vw;
          margin-left: 9.3333333333vw;
          font-size: 1.3333333333vw;
          color: #9c9d9d; }
    .v27_minisite_content .cpe-p6 {
      height: 213.4666666667vw;
      z-index: 43; }
      .v27_minisite_content .cpe-p6 .cpe-bg {
        position: absolute;
        width: 90.6666666667vw;
        height: 189.4666666667vw;
        margin-top: 13.3333333333vw;
        margin-left: 4.6666666667vw; }
      .v27_minisite_content .cpe-p6 .bg1 {
        position: absolute; }
      .v27_minisite_content .cpe-p6 .bg2 {
        position: absolute;
        z-index: 3; }
      .v27_minisite_content .cpe-p6 .wrap .desc {
        width: 92vw; }
      .v27_minisite_content .cpe-p6 .waves {
        position: absolute;
        top: 157.3333333333vw;
        left: 30vw;
        width: 40vw;
        height: 40vw; }
        .v27_minisite_content .cpe-p6 .waves .wave {
          opacity: 0;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          border: 2px solid #fff;
          background-color: rgba(200, 225, 255, 0.5); }
    .v27_minisite_content .cpe-p7 {
      height: 224.5333333333vw;
      z-index: 42; }
      .v27_minisite_content .cpe-p7 .cpe-bg {
        position: absolute; }
      .v27_minisite_content .cpe-p7 .bg1 {
        position: absolute;
        height: 224.5333333333vw; }
      .v27_minisite_content .cpe-p7 .bg3 {
        position: absolute;
        bottom: 0;
        scale: 0;
        opacity: 0;
        z-index: 3; }
      .v27_minisite_content .cpe-p7 .wrap {
        color: #fff;
        position: absolute;
        width: 98.6666666667vw;
        left: 50%;
        margin-left: -49.3333333333vw;
        z-index: 10; }
        .v27_minisite_content .cpe-p7 .wrap .desc {
          width: 82.6666666667vw;
          margin: 0 auto; }
    .v27_minisite_content .cpe-p8 {
      height: 210.9333333333vw; }
      .v27_minisite_content .cpe-p8 .cpe-bg {
        margin-top: 16vw; }
      .v27_minisite_content .cpe-p8 .bg1 {
        position: absolute; }
      .v27_minisite_content .cpe-p8 .bg2 {
        position: absolute;
        opacity: 0;
        z-index: 1; }
      .v27_minisite_content .cpe-p8 .bg3 {
        position: absolute;
        opacity: 0;
        z-index: 3; }
      .v27_minisite_content .cpe-p8 .wrap {
        position: absolute;
        width: 96vw;
        left: 50%;
        margin-left: -48vw;
        z-index: 10; }
        .v27_minisite_content .cpe-p8 .wrap .desc {
          width: 92vw;
          margin: 0 auto; }
      .v27_minisite_content .cpe-p8 .left-content {
        position: absolute;
        width: 23.7333333333vw;
        top: 186.6666666667vw;
        left: 5.3333333333vw;
        font-size: 3.2vw;
        line-height: 1.2;
        text-align: center; }
      .v27_minisite_content .cpe-p8 .right-content {
        position: absolute;
        width: 27.7333333333vw;
        top: 186.6666666667vw;
        left: 46.6666666667vw;
        font-size: 3.2vw;
        line-height: 1.2;
        text-align: center; }
    .v27_minisite_content .cpe-p9 {
      height: 189.8666666667vw; }
      .v27_minisite_content .cpe-p9 .wrap {
        position: absolute;
        width: 100vw;
        left: 50%;
        margin-left: -50vw; }
        .v27_minisite_content .cpe-p9 .wrap .desc {
          width: 89.0666666667vw;
          margin: 0  auto; }
    .v27_minisite_content .cpe-p10 {
      height: 216.9333333333vw; }
      .v27_minisite_content .cpe-p10 .wrap .desc {
        width: 90.4vw;
        margin: 0  auto; }
    .v27_minisite_content .cpe-p11 {
      height: 228vw; }
      .v27_minisite_content .cpe-p11 .cpe-bg {
        position: absolute;
        width: 90.8vw;
        height: 193.3333333333vw;
        margin-top: 12vw;
        margin-left: 4.6666666667vw;
        opacity: 0; }
      .v27_minisite_content .cpe-p11 .wrap {
        position: absolute;
        width: 96vw;
        left: 50%;
        margin-left: -48vw; }
        .v27_minisite_content .cpe-p11 .wrap .points {
          width: 92vw;
          top: 42.6666666667vw;
          left: 8vw;
          margin: 13.3333333333vw auto 0; }
          .v27_minisite_content .cpe-p11 .wrap .points .point {
            opacity: 0;
            display: none; }
            .v27_minisite_content .cpe-p11 .wrap .points .point .pTitle {
              height: 10.6666666667vw;
              font-size: 4vw;
              font-weight: bold; }
            .v27_minisite_content .cpe-p11 .wrap .points .point .pDesc {
              font-size: 3.3333333333vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point1 {
            display: block;
            top: 2.6666666667vw;
            left: 1.3333333333vw;
            width: 29.4666666667vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point2 {
            display: block;
            width: 39.0666666667vw;
            top: 2.6666666667vw;
            left: 45.3333333333vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point3 {
            display: block;
            width: 36.6666666667vw;
            top: 58.6666666667vw;
            left: -1.3333333333vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point4 {
            display: block;
            width: 34.5333333333vw;
            top: 58.6666666667vw;
            left: 48vw; }
            .v27_minisite_content .cpe-p11 .wrap .points .point4 .pTitle {
              width: 13.3333333333vw;
              margin: 0 auto; }
          .v27_minisite_content .cpe-p11 .wrap .points .point5 {
            display: block;
            width: 45.4666666667vw;
            top: 116vw;
            left: -6.6666666667vw; }
            .v27_minisite_content .cpe-p11 .wrap .points .point5 .pTitle {
              height: 6vw; }
          .v27_minisite_content .cpe-p11 .wrap .points .point6 {
            display: block;
            width: 42.9333333333vw;
            top: 116vw;
            left: 44vw; }
            .v27_minisite_content .cpe-p11 .wrap .points .point6 .pTitle {
              height: 6vw; }
    .v27_minisite_content .cpe-p12 {
      height: 114.6666666667vw;
      background-color: #f5f5f5; }
      .v27_minisite_content .cpe-p12 .wrap {
        position: absolute;
        width: 96vw;
        left: 50%;
        margin-left: -48vw; }
      .v27_minisite_content .cpe-p12 .swiper-img {
        width: 153.3333333333vw;
        margin: 0 auto;
        position: absolute !important;
        overflow: visible !important;
        list-style: none;
        top: 45.3333333333vw;
        left: -26.6666666667vw;
        padding: 0;
        z-index: 1; }
        .v27_minisite_content .cpe-p12 .swiper-img img {
          width: 90%; }
      .v27_minisite_content .cpe-p12 .swiper-img .swiper-slide-prev,
      .v27_minisite_content .cpe-p12 .swiper-img .swiper-slide-next {
        z-index: 1;
        opacity: 0.6; }
      .v27_minisite_content .cpe-p12 .swiper-slide {
        text-align: center !important;
        font-size: 18px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transition: 300ms !important; }
      .v27_minisite_content .cpe-p12 .swiper-img .swiper-slide-active {
        transform: scale(1.1) !important;
        z-index: 2 !important; }
      .v27_minisite_content .cpe-p12 .swiper-pagination-bullets {
        bottom: -14.6666666667vw !important; }
      .v27_minisite_content .cpe-p12 .swiper-pagination-bullet {
        position: relative !important;
        width: 10.4vw !important;
        height: 0.5333333333vw !important;
        display: inline-block !important;
        border-radius: 0 !important;
        background: #e3e3e3 !important;
        border-color: #e3e3e3 !important;
        opacity: 1 !important;
        margin: 0 1.3333333333vw !important; }
      .v27_minisite_content .cpe-p12 .swiper-pagination-bullet i {
        background: #a7a7a7 !important;
        width: 0px !important;
        display: inline-block !important;
        height: 0.5333333333vw !important;
        position: absolute !important;
        left: 0 !important; }
      .v27_minisite_content .cpe-p12 .swiper-pagination-bullet-active {
        border-color: #a7a7a7 !important; }
      .v27_minisite_content .cpe-p12 .swiper-pagination-bullet-active i {
        background: #a7a7a7 !important;
        width: 10.4vw !important; }
    .v27_minisite_content .cpe-comment {
      position: relative;
      width: 90.6666666667vw;
      display: block;
      margin: 16vw auto; }
      .v27_minisite_content .cpe-comment .footer-comment {
        list-style: decimal;
        padding: 0 0 0 5.3333333333vw;
        color: #666;
        font-size: 3.7333333333vw; }
        .v27_minisite_content .cpe-comment .footer-comment li {
          line-height: 1.5; }
        .v27_minisite_content .cpe-comment .footer-comment li.current {
          color: #1e1e1e; } }
@media screen and (max-width: 1923px) and (orientation: landscape) {
  .v27_minisite_content .cpe-comment .footer-comment {
    font-size: 14px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .v27_minisite_content .cpe-section .wrap .title {
    font-size: 7.4666666667vw; } }

/*# sourceMappingURL=style.css.map */