.v27_minisite_content {
  overflow: hidden;
  direction: ltr;
}

.v27_minisite_content h2, .v27_minisite_content p {
  direction: rtl;
}

.v27_minisite_content sup a {
  left: 0;
}

.HW-C-footer {
  direction: rtl;
}

.HW-shark-kv .txt {
  text-align: center;
  white-space: nowrap;
}

.HW-shark-p6 .p6-2-img .line-box, .HW-shark-p6 .p6-2-img .line-box .icon, .HW-shark-p6 .p6-2-img .line-box p, .HW-shark-p6 .p6-2-img.anm .round-box {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
}

.HW-shark-p9 .p-2 {
  padding: 0 !important;
}

.HW-shark-p10 .txt .icon-wrap .icon-box {
  position: relative;
  display: block;
}

.HW-shark-p10 .txt .icon-wrap .icon-box .icon-img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

@media screen and (min-width: 769px) {
  .HW-shark-p2, .HW-shark-p3 {
    text-align: right;
  }
  .HW-shark-p2 .txt p {
    float: right;
  }
  .HW-shark-p3 .txt h2 {
    width: 100%;
  }
  .HW-shark-p5 .txt {
    width: 44vw;
    left: auto;
    right: 8.59375vw;
  }
  .HW-shark-p5 .txt h2 {
    padding-left: 10vw;
  }
  .HW-shark-p6 .txt-1 h2 {
    white-space: nowrap;
  }
  .HW-shark-p6 .txt-2 {
    width: 31.25vw;
    left: auto;
    right: 8.59375vw;
  }
  .HW-shark-p6 .txt-2 h2 {
    padding-left: 15.625vw;
  }
  .HW-shark-p6 .txt-3 h2 {
    width: 17vw;
    padding-left: 14.25vw;
  }
  .HW-shark-p6 .p6-2-img.anm .round-box-1 {
    top: 4.2vw;
  }
  .HW-shark-p6 .p6-2-img.anm .round-box-2 {
    top: 3.2vw;
  }
  .HW-shark-p6 .p6-2-img.anm .line-box {
    top: 4.6vw;
    left: 21.5vw;
  }
  .HW-shark-p6 .p6-2-img.anm .line-box .icon {
    right: 6.8vw;
  }
  .HW-shark-p6 .p6-2-img.anm .line-box p {
    right: 10vw;
    white-space: nowrap;
  }
  .HW-shark-p7 .txt {
    width: 26.04167vw;
  }
  .HW-shark-p10 .txt .icon-wrap {
    width: 31.25vw;
  }
  .HW-shark-p10 .txt .icon-wrap .icon-box {
    padding-right: 6.84375vw;
  }
}

@media screen and (max-width: 768px) {
  .v27_minisite_content h2, .v27_minisite_content p {
    text-align: right;
  }
  sup.mn {
    left: 2vw;
  }
  .HW-shark-p4 .swiper-txt sup {
    left: -1vw;
  }
  .HW-shark-p6 .p6-2-img {
    left: 5vw;
    margin-bottom: 6vw;
  }
  .HW-shark-p6 .p6-2-img.anm .round-box-1 {
    top: 7.8vw;
  }
  .HW-shark-p6 .p6-2-img.anm .round-box-2 {
    top: 6.8vw;
  }
  .HW-shark-p6 .p6-2-img.anm .line-box {
    top: 8.5vw;
    left: 28.2vw;
  }
  .HW-shark-p6 .p6-2-img.anm .line-box .icon {
    right: 19vw;
  }
  .HW-shark-p6 .p6-2-img.anm .line-box p {
    right: 23.5vw;
    white-space: nowrap;
  }
  .HW-shark-p7 .p7-img-wrap {
    margin-bottom: 15vw;
  }
  .HW-shark-p8 .p8-img-wrap {
    margin-bottom: 18vw;
  }
  .HW-shark-p9 .p9-img {
    margin-bottom: 10vw;
  }
  .HW-shark-p9 .p9-img .txt1 {
    left: 22vw;
  }
  .HW-shark-p10 .txt {
    margin-top: -10vw;
  }
  .HW-shark-p10 .txt .icon-wrap {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .HW-shark-p10 .txt .icon-wrap .icon-box {
    width: 100%;
    padding: 0;
  }
  .HW-shark-p10 .txt .icon-wrap .icon-box .icon-img {
    height: 12vw;
    margin: 0;
  }
  .HW-shark-p10 .txt .icon-wrap .icon-box .icon-txt {
    margin-left: 0;
    padding-right: 16vw;
  }
}