.f-81-title {
  font-size: 4.21vw;
  font-weight: bold;
  letter-spacing: 1px;
}

.alcenter, .n-qa .n-qabox--item .n-qabox-q .n-qabox-text .n-qabox-num span {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.alcenter-x, .n-ta--table, .n-wish--content .girl-face, .n-wish--content--feature.feature-1, .n-wish--content--feature.feature-2, .n-wish--content--feature.feature-3 {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}

.alcenter-y, .n-layer--content--item:after, .n-layer--content--item:before {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.img-fit {
  display: block;
  width: 100%;
}

.for-m {
  display: none;
}
@media (max-width: 768px) {
  .for-m {
    display: block;
  }
}

.for-d {
  display: block;
}
@media (max-width: 768px) {
  .for-d {
    display: none;
  }
}

.pos-ab {
  position: absolute;
}

.n-badge {
  width: 10%;
  right: 2%;
  bottom: 6%;
  z-index: 2;
  position: fixed;
  /*<1280*/
}
@media (max-width: 1279px) {
  .n-badge {
    width: 23%;
    right: 2%;
    bottom: 2%;
  }
}
.l-wrap{
  width:100vw;
  overflow: hidden;
}
.n-hero {
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  /*<1280*/
}
.n-hero picture img{
  height:calc(100vh - 180px);
  min-height:calc(57vw - 180px);
  object-fit: cover;
}
.n-hero--banner {
  width: 100%;
}
.n-hero--title {
  width: 61.5%;
  position: absolute;
  transform: translateX(-50%);
  left: 52%;
  bottom: calc(20.37% + 50px);
  /*<1280*/
}
@media (max-width: 1279px) {
  .n-hero picture img{
    height:calc(100vh - 86px);
    object-fit: cover;
  }
  .n-hero--title {
    width: 83%;
    top: 58%;
    left: 50%;
    bottom: auto;
  }
}
.n-hero--pdname {
  position: absolute;
  width: 39.3%;
  top: 11.3%;
  left: 5.8%;
  /*<1280*/
}
.n-hero--pdname--subtitle {
  color: #12335b;
  font-size: clamp(1.2rem, 2vw, 2.5rem);
  letter-spacing: 0.25vw;
  display: block;
  margin-top: 2vw;
}
@media (max-width: 1279px) {
  .n-hero--pdname {
    width: 53%;
    top: 5%;
    transform: translateX(-50%);
    left: 50%;
  }
  .n-hero--pdname--subtitle {
    font-size: clamp(2.8vw, 2vw, 2.5rem);
    text-align: center;
    letter-spacing: 0.8vw;
  }
}
.n-hero--badge {
  width: 13.48%;
  top: 5.6%;
  right: 4.2%;
  /*<1280*/
}
@media (max-width: 1279px) {
  .n-hero--badge {
    width: 25%;
    top: 27%;
    right: 63%;
  }
}
.n-hero--pd {
  width: 16.8%;
  bottom: -10px;
  left: 3.3%;
  /*<1280*/
}
@media (max-width: 1279px) {
  .n-hero--pd {
    width: 36.3%;
    width: 36.3%;
    bottom: -4.2%;
    left: 8%;
  }
}
.n-hero--features {
  width: 21.354%;
  box-sizing: border-box;
  right: 2.8%;
  top: 74%;
  padding-left: 0.25%;
  /*<1280*/
}
.n-hero--features--title {
  width: 80%;
  color: #12335b;
  font-size: 1.5vw;
  text-align: center;
  letter-spacing: 2px;
  display: block;
  padding: 8px 0px;
  border-radius: 9999px;
  border: solid 1px #fff;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 auto 6% auto;
}
.n-hero--features--list {
  display: flex;
  width: 100%;
  gap: 24px;
}
.n-hero--features--list--item {
  position: relative;
  text-align: center;
  color: #12335b;
}
.n-hero--features--list--item span {
  display: block;
  width: 100%;
  font-size: 1.3vw;
  box-sizing: border-box;
  padding-right: 7%;
  font-weight: bold;
  position: absolute;
  bottom: 26%;
  text-align: center;
}
@media (max-width: 1279px) {
  .n-hero--features {
    width: 39%;
    right: 10%;
    top: 77%;
  }
  .n-hero--features--title {
    width: 92%;
    font-size: 3vw;
    font-weight: bold;
    letter-spacing: 0.65vw;
    margin-bottom: 8%;
  }
  .n-hero--features--list {
    gap: 4%;
  }
  .n-hero--features--list--item span {
    font-size: 2.3vw;
  }
}
.n-hero--bottom {
  width: 18.33%;
  min-width: 293px;
  right: 4.2%;
  bottom: 0.5%;
  /*<1280*/
}
@media (max-width: 1279px) {
  .n-hero--bottom {
    width: 36.9%;
    min-width: 36.9%;
    right: 11.5%;
    bottom: 0%;
  }
}
@media (max-width: 1279px) {
  .n-hero {
    padding-bottom: 7%;
  }
}

.n-treat {
  position: relative;
  width: 100vw;
  overflow: hidden;
  /*<1280*/
}
.n-treat--bg {
  width: 100%;
}
.n-treat--title {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
  top: 3%;
  color:#12335b;
  /*<1280*/
}
.n-treat--title p {
  display: flex;
  gap: 1vw;
}
@media (max-width: 1279px) {
  .n-treat--title {
    top: 4%;
    white-space: nowrap;
    width: 62%;
    text-align: center;
    line-height: 120%;
  }
  .n-treat--title p {
    font-size: 8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .n-treat--title p span {
    line-height: 140%;
    white-space: nowrap;
  }
}
.n-treat--item {
  width: 16.2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(-50%, -50%);
  top: 48.5%;
  left: 24%;
  /*<1280*/
}
.n-treat--item .title {
  padding: 0.6vw 1.7vw;
  font-size: 2vw;
  font-weight: bold;
  color: #00bfda;
  border: solid 2px #00bfda;
  position: relative;
  border-radius: 9999px;
  background: #fff;
}
.n-treat--item .title:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #fff; /* Transparent top border */
  border-right: 10px solid transparent; /* Transparent bottom border */
  border-left: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  transform: translate(-50%);
  left: 50%;
}
.n-treat--item .graph {
  width: 100%;
  margin-top: 11%;
  position: relative;
}
.n-treat--item .graph span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.8vw;
  letter-spacing: 0.15vw;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 29%;
}
.n-treat--item .brief {
  width: 100%;
  text-align: center;
  line-height: 140%;
  font-size: 1.7vw;
  margin-top: 6%;
  color: #12335b;
}
.n-treat--item .line {
  position: absolute;
  width: 128%;
  left: 7%;
  bottom: -3%;
}
.n-treat--item.n-treat--item-b .line {
  top: 16%;
  left: -41%;
  width: 142%;
}

/* Desktop Animation - n-treat--item-a from left to right */
.n-treat--item.n-treat--item-a {
  opacity: 0;
  transform: translate(calc(-50% - 50px), -50%);
  transition: all 1.2s ease-out;
}

.n-treat--item.n-treat--item-a.animate-in {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* Desktop Animation - n-treat--item-b from right to left */
.n-treat--item.n-treat--item-b {
  left: 77%;
  opacity: 0;
  transform: translate(calc(-50% + 50px), -50%);
  transition: all 1.2s ease-out;
}

.n-treat--item.n-treat--item-b.animate-in {
  opacity: 1;
  transform: translate(-50%, -50%);
}

@media (max-width: 1279px) {
  .n-treat--item {
    width: 28vw;
    left: inherit;
    right: -8vw;
    top: 36%;
  }
  .n-treat--item .title {
    font-size: 3.2vw;
    padding: 1vw 3vw;
  }
  .n-treat--item .brief {
    font-size: 3vw;
  }
  .n-treat--item .line {
    width: 180%;
    left: inherit;
    right: 0;
    top: 16%;
  }
  .n-treat--item.n-treat--item-b {
    top: 68%;
    bottom: 0%;
    left: inherit;
  }
  .n-treat--item.n-treat--item-b .title {
    order: 100;
    margin-top: 17%;
  }
  .n-treat--item.n-treat--item-b .title:after {
    border-top: none;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
  }
  .n-treat--item.n-treat--item-b .line {
    width: 180%;
    left: inherit;
    right: 0;
    top: 60%;
  }

  /* Mobile Animation - both items from right to left */
  .n-treat--item.n-treat--item-a,
  .n-treat--item.n-treat--item-b {
    opacity: 0;
    transform: translate(calc(-50% + 50px), -50%);
    transition: all 1.2s ease-out;
  }

  .n-treat--item.n-treat--item-a.animate-in,
  .n-treat--item.n-treat--item-b.animate-in {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
.n-treat--note {
  width: 38.54%;
  transform: translateX(-50%);
  left: 50%;
  bottom: 4%;
  /*<1280*/
}
.n-treat--note--content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
  font-size: 1.65vw;
  letter-spacing: 0.08vw;
  font-weight: bold;
  color: #12335b;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 2;
}
.n-treat--note--content .dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #12335b;
}
@media (max-width: 1279px) {
  .n-treat--note {
    width: 70%;
  }
  .n-treat--note--content {
    font-size: 3vw;
  }
}
@media (max-width: 1279px) {
  .n-treat {
    margin-top: 6vw;
  }
}

.n-standar {
  position: relative;
  width: 100%;
  /*<1280*/
}
.n-standar--bg {
  width: 100%;
}
.n-standar--title {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-50%);
  text-align: center;
  left: 50%;
  top: 3%;
  color: #12335b;
}
.n-standar--title p {
  display: flex;
  gap: 1vw;
}
.n-standar--title .n-subtitle {
  display: inline-block;
  font-size: 2.2vw;
  font-weight: 400;
  letter-spacing: 0.2vw;
  margin-top: 0%;
  color:#12335b;
  position:relative;
}
.n-standar--title .n-subtitle:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#12335b;
  position:absolute;
  bottom:-0.5vw;
}
.n-standar--list {
  width: 63%;
  display: flex;
  gap: 4%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 62%;
}
.n-standar--list--item {
  width: 48%;
}
.n-standar--list--item .n-item-title {
  font-size: 3.1vw;
  font-weight: bold;
  text-align: center;
  color: #12335b;
  position: absolute;
  width: 100%;
  top: -4%;
}
.n-standar--list--item .n-item-img {
  width: 67%;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 12%;
}
.n-standar--list--item .n-item-content {
  width: 100%;
  position: absolute;
  bottom: 4%;
  left: 0%;
}
.n-standar--list--item .n-item-content .n-spot {
  display: flex;
  justify-content: center;
  gap: 6%;
}
.n-standar--list--item .n-item-content .n-spot--item {
  display: inline-block;
  font-size: 1.8vw;
  position: relative;
  z-index: 0;
  color: #12335b;
  font-weight: bold;
}
.n-standar--list--item .n-item-content .n-spot--item:after {
  content: "";
  display: block;
  background: #fdeba8;
  width: 100%;
  height: 35%;
  position: absolute;
  left: 0;
  bottom: 1%;
  z-index: -1;
}
.n-standar--list--item .n-item-content--brief {
  display: block;
  font-size: 1.5vw;
  font-weight: bold;
  text-align: center;
  margin-top: 4%;
  color:#12335b;
}
.n-standar--list--item.n-item-b .n-item-title {
  font-size: 2.5vw;
  top: -6%;
}
.n-standar--list--item.n-item-b .n-item-highlight {
  font-size: 1.9vw;
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: 0.1vw;
  color:#093d61;
  padding: 0.4vw 1vw;
  display: inline-block;
  border-radius: 9999px;
  border: solid 2px #00bfda;
  background: #fff;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 16%;
}
.n-standar--list--item.n-item-b .n-item-img {
  width: 80%;
  top: 30%;
}
.n-standar--list--item.n-item-b .n-item-alert {
  width: 90%;
  transform: translateX(-50%);
  left: 50%;
  padding: 1.1vw 0.45vw 1.5vw 0.45vw;
  border: solid 1px #00bfda;
  background: #fff;
  border-radius: 12px;
  text-align: center;
  position: absolute;
  bottom: 7%;
}
.n-standar--list--item.n-item-b .n-item-alert img {
  width: 10%;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: -15%;
}
.n-standar--list--item.n-item-b .n-item-alert p.n-title {
  font-size: 2.5vw;
  font-weight: bold;
  color: #12335b;
}
.n-standar--list--item.n-item-b .n-item-alert p {
  font-size: 1.37vw;
  color: #12335b;
  font-weight: bold;
}
.n-standar--list--vs {
  transform: translateX(-50%);
  top: 40%;
  left: 50%;
  width: 7%;
}
@media (max-width: 1279px) {
  .n-standar--title {
    width: 84%;
    white-space: inherit;
    font-size: 8vw;
    line-height: 120%;
    top: 2%;
  }
  .n-standar--title p {
    flex-direction: column;
    align-items: center;
    gap: 0;
    font-size: 8vw;
  }
  .n-standar--title p span {
    line-height: 140%;
  }
  .n-standar--title .n-subtitle {
    font-size: 5vw;
    margin-top: -1vw;
  }
  .n-standar--title .n-subtitle:after{
    bottom:0;
  }
  .n-standar--list {
    width: 81%;
    flex-direction: column;
    transform: translateX(-50%);
    top: 25.3%;
    gap: 5vw;
  }
  .n-standar--list--item {
    width: 100%;
    padding: 2vw 2vw 5.5vw 2vw;
    border: solid 2px #12335b;
    border-radius: 1vw;
    background: rgba(255, 255, 255, 0.5);
  }
  .n-standar--list--item .n-item-bg, .n-standar--list--item .n-item--bg {
    display: none !important;
  }
  .n-standar--list--item .n-item-title {
    font-size: 5vw;
    position: relative;
    margin-bottom: 3vw;
  }
  .n-standar--list--item .n-item-img {
    position: relative;
    width: 31%;
    left: 36%;
    margin-top: 3%;
  }
  .n-standar--list--item .n-item-content {
    left: 56%;
    top: 24%;
    width: 30%;
  }
  .n-standar--list--item .n-item-content .n-spot {
    flex-direction: column;
    display: inline-flex;
    gap: 3.5vw;
  }
  .n-standar--list--item .n-item-content .n-spot--item {
    font-size: 4vw;
  }
  .n-standar--list--item .n-item-content--brief {
    display: inline-block;
    font-size: 2.8vw;
    margin-top: 13%;
  }
  .n-standar--list--item.n-item-b {
    padding: 2vw 2vw 2.5vw 2vw;
  }
  .n-standar--list--item.n-item-b .n-item-title {
    font-size: 4.7vw;
    padding-top: 3vw;
    letter-spacing: 0.5vw;
  }
  .n-standar--list--item.n-item-b .n-item-title br {
    display: none;
  }
  .n-standar--list--item.n-item-b .n-item-highlight {
    position: relative;
    font-size: 4vw;
    padding: 0.6vw 2vw;
    margin-top: 1vw;
  }
  .n-standar--list--item.n-item-b .n-item-img {
    left: 50%;
  }
  .n-standar--list--item.n-item-b .n-item-alert {
    position: relative;
    width: 96%;
    padding: 2.1vw 0.45vw 1.5vw 0.45vw;
  }
  .n-standar--list--item.n-item-b .n-item-alert img {
    transform: inherit;
    left: 21%;
    width: 11%;
    top: 7%;
  }
  .n-standar--list--item.n-item-b .n-item-alert p {
    width: 100%;
    font-size: 2.8vw;
    text-align: center;
  }
  .n-standar--list--item.n-item-b .n-item-alert p.n-title {
    width: 56%;
    font-size: 4vw;
    font-weight: bold;
    margin-left: 32%;
    text-align: left;
  }
  .n-standar--list--vs {
    width: 12%;
    top: 34%;
  }
}

.n-key {
  position: relative;
  width: 100%;
  /*<1280*/
}
.n-key--bg {
  width: 100%;
}
.n-key--title {
  display: block;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
  top: 11.2%;
  color: #12335b;
  text-align: center;
}
.n-key--title .n-img-pdname {
  width: 39.8%;
  margin: 0 auto;
}
.n-key--title .txt {
  display: block;
  width: 100%;
  letter-spacing: 0.2vw;
  text-align: center;
  margin-top: 2%;
}
.n-key--main {
  width: 40.8%;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 30%;
  align-items: center;
  gap: 4%;
}
.n-key--main--ball {
  width: 19.77%;
  height: auto;
}
.n-key--main--content {
  flex-grow: 1;
}
.n-key--main--content p {
  font-size: 1.85vw;
  text-align: center;
  color: #12335b;
}
.n-key--main--content p.n-title {
  font-size: 2.8vw;
  margin-bottom: -1vw;
}
.n-key--arrowdown {
  width: 2.3%;
  position: absolute;
  transform: translateX(-50%);
  left: 52.85%;
  top: 44.5%;
}
.n-key--subtitle {
  font-size: 3.3vw;
  color: #12335b;
  position: absolute;
  top: 57%;
  transform: translateX(-50%);
  left: 50%;
  letter-spacing: 0.3vw;
  white-space: nowrap;
}
.n-key--subtitle .highlight {
  font-weight: bold;
  font-size: 3.4vw;
  color: #00bfda;
  text-shadow: 0 0 10px #fff;
  padding-right:1vw;
}
.n-key--subtitle:after {
  content: "";
  display: block;
  background: #12335b;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1vw;
}
.n-key--list {
  width: 73%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 70%;
}
.n-key--list--item {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.n-key--list--item .title {
  font-size: 1.7vw;
  font-weight: bold;
  color: #093d61;
  text-align: center;
  position: relative;
  z-index: 2;
}
.n-key--list--item .num {
  position: relative;
  margin-top: -1vw;
}
.n-key--list--item .num img {
  width: 110%;
  margin-left: -5%;
}
.n-key--list--item .num .numtxt {
  font-size: 3.4vw;
  font-weight: bold;
  color: #00bfda;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 38%;
  left: 50%;
  display: flex;
  align-items: center;
}
.n-key--list--item .num .numtxt span {
  font-size: 2.4vw;
  font-weight: normal;
}
.n-key--list--item .num .numtxt .n-count {
  font-size: 3.4vw;
  font-weight: bold;
}
.n-key--list--item .brief {
  font-size: 2vw;
  padding: 0.5vw 1vw;
  display: inline-block;
  background: #093d61;
  border-radius: 9999px;
  position: relative;
  margin-top: -2vw;
  color: #fff;
}
@media (max-width: 1279px) {
  .n-key--title {
    top: 7.2%;
  }
  .n-key--title .n-img-pdname {
    width: 68.8%;
  }
  .n-key--title .txt {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    font-size: 8vw;
    margin-top: 6vw;
  }
  .n-key--title .txt span{
    color:093d61;
  }
  .n-key--main {
    width: 67%;
    gap: 1%;
    top: 28%;
  }
  .n-key--main .n-key--main--ball {
    width: 33%;
    flex-shrink: 0;
  }
  .n-key--main .n-key--main--content p {
    font-size: 4vw;
    width: 88%;
    margin: 0 auto;
  }
  .n-key--main .n-key--main--content .n-title {
    font-size: 5.6vw;
    width: 100%;
  }
  .n-key--arrowdown {
    width: 5.3%;
    left: 50%;
    top: 42%;
  }
  .n-key--subtitle {
    font-size: 5.3vw;
    /*width: 78.5%;*/
    top: 52%;
  }
  .n-key--subtitle .highlight {
    font-size: 6vw;
    padding-right:2vw;
  }
  .n-key--list {
    justify-content: center;
    width: 94%;
    top: 61%;
    row-gap: 6vw;
  }
  .n-key--list--item {
    width: 33.33%;
  }
  .n-key--list--item .title {
    font-size: 3.5vw;
  }
  .n-key--list--item .num {
    margin-top: -3vw;
  }
  .n-key--list--item .num .numtxt span {
    font-size: 5.4vw;
  }
  .n-key--list--item .num .numtxt .n-count {
    font-size: 8.4vw;
    font-weight: bold;
  }
  .n-key--list--item .brief {
    font-size: 4vw;
    padding: 1vw 2vw;
    margin-top: -5vw;
  }
}

.n-wish {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*<1280*/
}
.n-wish--bg {
  width: 100%;
}
.n-wish--title {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
  top: 9%;
  display: flex;
  gap: 2vw;
  color: #12335b;
}
.n-wish--content {
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
}
.n-wish--content .girl-face {
  display: block;
  height: 100%;
  width: auto;
  bottom: 0;
}
.n-wish--content--feature {
  width: 25vw;
}
.n-wish--content--feature--title img {
  width: 100%;
}
.n-wish--content--feature--content {
  width: 22vw;
  display: flex;
  flex-direction: column;
  position: absolute;
}
.n-wish--content--feature--content p {
  font-size: 1.7vw;
  color: #12335b;
}
.n-wish--content--feature--content p span {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.n-wish--content--feature--content p span:after {
  content: "";
  display: block;
  width: 100%;
  height: 20%;
  background: #fdeba8;
  position: absolute;
  bottom: 10%;
  z-index: -1;
}
.n-wish--content--feature.feature-1 {
  position: absolute;
  left: 30%;
  top: 29%;
}
.n-wish--content--feature.feature-1 .n-wish--content--feature--content {
  align-items: flex-end;
  left: -40%;
  top: 41%;
}
.n-wish--content--feature.feature-2 {
  position: absolute;
  left: 30%;
  top: 71%;
}
.n-wish--content--feature.feature-2 .n-wish--content--feature--content {
  align-items: flex-end;
  left: -40%;
  top: 68%;
}
.n-wish--content--feature.feature-3 {
  position: absolute;
  left: 70%;
  top: 40%;
}
.n-wish--content--feature.feature-3 .n-wish--content--feature--content {
  right: -39%;
  top: 53%;
}

/* Feature block animation */
.n-wish--content--feature.feature-1,
.n-wish--content--feature.feature-2 {
  opacity: 0;
  transform: translateX(calc(-50% - 50px));
  transition: all 1.2s ease-out;
}

.n-wish--content--feature.feature-1.animate-in,
.n-wish--content--feature.feature-2.animate-in {
  opacity: 1;
  transform: translateX(-50%);
}

.n-wish--content--feature.feature-3 {
  opacity: 0;
  transform: translateX(calc(-50% + 50px));
  transition: all 1.2s ease-out;
}

.n-wish--content--feature.feature-3.animate-in {
  opacity: 1;
  transform: translateX(-50%);
}

@media (max-width: 1279px) {
  .n-wish--title {
    display: flex;
    flex-direction: column;
    font-size: 8vw;
    top: 6.5%;
  }
  .n-wish--content .girl-face {
    transform: inherit;
    left: -46%;
    height: 108%;
    bottom: -7vw;
  }
  .n-wish--content--feature {
    width: 46vw;
  }
  .n-wish--content--feature--content {
    width: 38vw;
    left: 54% !important;
    top: 18% !important;
    right: inherit;
    align-items: flex-start !important;
    text-align: left;
  }
  .n-wish--content--feature--content p {
    font-size: 3vw;
  }
  .n-wish--content--feature.feature-1 {
    left: 52%;
    top: 21%;
  }
  .n-wish--content--feature.feature-2 {
    left: 50%;
    top: 70%;
  }
  .n-wish--content--feature.feature-2 .n-wish--content--feature--content {
    top: 55% !important;
  }
  .n-wish--content--feature.feature-3 {
    left: 52%;
    top: 45%;
  }
  .n-wish--content--feature.feature-3 .n-wish--content--feature--content {
    top: 33% !important;
  }
  
  /* Feature block animation - mobile */
  /*.n-wish--content--feature.feature-1,
  .n-wish--content--feature.feature-2 {
    opacity: 0;
    transform: translateX(calc(-50% - 50px));
    transition: all 1.2s ease-out;
  }

  .n-wish--content--feature.feature-1.animate-in,
  .n-wish--content--feature.feature-2.animate-in {
    opacity: 1;
    transform: translateX(-50%);
  }*/

  .n-wish--content--feature.feature-1,
  .n-wish--content--feature.feature-2,
  .n-wish--content--feature.feature-3 {
    opacity: 0;
    transform: translateX(calc(-50% + 50px));
    transition: all 1.2s ease-out;
  }

  .n-wish--content--feature.feature-1.animate-in,
  .n-wish--content--feature.feature-2.animate-in,
  .n-wish--content--feature.feature-3.animate-in {
    opacity: 1;
    transform: translateX(-50%);
  }
}

.n-layer {
  position: relative;
  width: 100%;
  /*<1280*/
}
.n-layer--bg {
  width: 100%;
}
.n-layer--title {
  display: inline-block;
  white-space: nowrap;
  left: 9%;
  top: 35%;
  color: #093d61;
}
.n-layer--title p {
  display: flex;
  gap: 2vw;
}
.n-layer--title .n-subtitle {
  display: block;
  font-size: 2vw;
  margin-top: 2%;
  font-weight:400;
}
.n-layer--content {
  position: absolute;
  top: 18%;
  left: 71%;
}
.n-layer--content--item {
  position: absolute;
  opacity: 0;
  transform: translateX(50px);
  transition: all 1.2s ease-out;
}
.n-layer--content--item.animate-in {
  opacity: 1;
  transform: translateX(0);
}
.n-layer--content--item span {
  white-space: nowrap;
  font-size: 1.7vw;
  font-weight: bold;
  padding: 0.5vw 1vw;
  background: rgba(255, 255, 255, 0.5);
  color: #12335b;
  display: inline-block;
  border-radius: 9999px;
}
.n-layer--content--item:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fff;
}
.n-layer--content--item:before {
  content: "";
  width: 10vw;
  height: 1px;
  border-top: dotted 1px #fff;
}
.n-layer--content--item.item-1:after, .n-layer--content--item.item-1:before {
  left: -10vw;
}
.n-layer--content--item.item-2 {
  top: 3.2vw;
  left: 10vw;
}
.n-layer--content--item.item-2:after, .n-layer--content--item.item-2:before {
  left: -8vw;
}
.n-layer--content--item.item-2:before {
  width: 8vw;
}
.n-layer--content--item.item-3 {
  top: 9vw;
  left: 8vw;
}
.n-layer--content--item.item-3:after, .n-layer--content--item.item-3:before {
  left: -7vw;
}
.n-layer--content--item.item-3:before {
  width: 7vw;
}
.n-layer--content--item.item-4 {
  top: 12.5vw;
  left: 11vw;
}
.n-layer--content--item.item-4:after, .n-layer--content--item.item-4:before {
  left: -6vw;
}
.n-layer--content--item.item-4:before {
  width: 6vw;
}
.n-layer--content--item.item-5 {
  top: 16vw;
  left: 3.5vw;
}
.n-layer--content--item.item-5:after, .n-layer--content--item.item-5:before {
  left: -6vw;
}
.n-layer--content--item.item-5:before {
  width: 6vw;
}
.n-layer--content--item.item-6 {
  top: 20vw;
  left: 13.5vw;
}
.n-layer--content--item.item-6:after, .n-layer--content--item.item-6:before {
  left: -10.5vw;
}
.n-layer--content--item.item-6:before {
  width: 10.5vw;
}
.n-layer--content--item.item-7 {
  top: 24.4vw;
  left: 6.5vw;
}
.n-layer--content--item.item-7:after, .n-layer--content--item.item-7:before {
  left: -8.5vw;
}
.n-layer--content--item.item-7:before {
  width: 8.5vw;
}
.n-layer--content--item.item-8 {
  top: 29.4vw;
  left: 3vw;
}
.n-layer--content--item.item-8:after, .n-layer--content--item.item-8:before {
  left: -5.5vw;
}
.n-layer--content--item.item-8:before {
  width: 5.5vw;
}
@media (max-width: 1279px) {
  .n-layer--title {
    transform: translateX(-50%);
    left: 50%;
    top: 6.5%;
  }
  .n-layer--title p {
    font-size: 8vw;
    justify-content: center;
  }
  .n-layer--title .n-subtitle {
    text-align: center;
    font-size: 4.5vw;
  }
  .n-layer--content {
    top: 43.5%;
    left: 52%;
  }
  .n-layer--content--item {
    opacity: 0;
    transform: translateX(50px);
    transition: all 1.2s ease-out;
  }
  .n-layer--content--item.animate-in {
    opacity: 1;
    transform: translateX(0);
  }
  .n-layer--content--item span {
    font-size: 3vw;
    padding: 1vw 3vw;
  }
  .n-layer--content--item:after {
    width: 8px;
    height: 8px;
  }
  .n-layer--content--item.item-1:before {
    width: 21vw;
    left: -21vw;
  }
  .n-layer--content--item.item-1:after {
    left: -21vw;
  }
  .n-layer--content--item.item-2 {
    top: 4.2vw;
    left: 14vw;
  }
  .n-layer--content--item.item-2:before {
    width: 12vw;
    left: -12vw;
  }
  .n-layer--content--item.item-2:after {
    left: -12vw;
  }
  .n-layer--content--item.item-3 {
    top: 17.2vw;
    left: 14vw;
  }
  .n-layer--content--item.item-3:before {
    width: 14vw;
    left: -14vw;
  }
  .n-layer--content--item.item-3:after {
    left: -14vw;
  }
  .n-layer--content--item.item-4 {
    top: 25.2vw;
    left: 19vw;
  }
  .n-layer--content--item.item-4:before {
    width: 11vw;
    left: -11vw;
  }
  .n-layer--content--item.item-4:after {
    left: -11vw;
  }
  .n-layer--content--item.item-5 {
    top: 32.2vw;
    left: 5vw;
  }
  .n-layer--content--item.item-5:before {
    width: 14vw;
    left: -14vw;
  }
  .n-layer--content--item.item-5:after {
    left: -14vw;
  }
  .n-layer--content--item.item-6 {
    top: 41.2vw;
    left: 20vw;
  }
  .n-layer--content--item.item-6:before {
    width: 17vw;
    left: -17vw;
  }
  .n-layer--content--item.item-6:after {
    left: -17vw;
  }
  .n-layer--content--item.item-7 {
    top: 51vw;
    left: 11vw;
  }
  .n-layer--content--item.item-7:before {
    width: 19vw;
    left: -19vw;
  }
  .n-layer--content--item.item-7:after {
    left: -19vw;
  }
  .n-layer--content--item.item-8 {
    top: 62vw;
    left: 3vw;
  }
  .n-layer--content--item.item-8:before {
    width: 12vw;
    left: -12vw;
  }
  .n-layer--content--item.item-8:after {
    left: -12vw;
  }
}

.n-point {
  position: relative;
  width: 100%;
  /*<1280*/
}
.n-point--bg {
  width: 100%;
}
.n-point--content {
  position: absolute;
  top: 6%;
  left: 50%;
}
.n-point--content--item .title {
  position: relative;
}
.n-point--content--item .title .point-item--bg {
  display: block;
  height: 7.2vw;
}
.n-point--content--item .title span {
  font-size: 2.4vw;
  font-weight: bold;
  letter-spacing: 0.1vw;
  color: #093d61;
  position: absolute;
  bottom: 2.3vw;
  left: 4.2vw;
}
.n-point--content--item p {
  font-size: 1.67vw;
  color: #093d61;
  margin-left: 5vw;
  margin-top: -1.6vw;
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.n-point--content--item p .n-block {
  width: 3.5vw;
  height: 0.35vw;
  background: #12335b;
  position: absolute;
  bottom: -0.28vw;
  right: -0.4vw;
}
.n-point--content--item p:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #12335b;
  position: absolute;
  left: -8px;
  bottom: -0.34vw;
}
.n-point--content--item p:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 100%;
  background: #12335b;
  position: absolute;
  left: 0;
  bottom: -0.14vw;
}
.n-point--content--item.item-1 {
  position: absolute;
  top: 0vw;
  left: 0vw;
}
.n-point--content--item.item-1 .point-item--bg {
  display: block;
  height: 8vw;
}
.n-point--content--item.item-2 {
  position: absolute;
  top: 11.5vw;
  left: 2vw;
}
.n-point--content--item.item-3 {
  position: absolute;
  top: 22.5vw;
  left: 4vw;
}
.n-point--content--item.item-4 {
  position: absolute;
  top: 33.5vw;
  left: 6vw;
}
@media (max-width: 1279px) {
  .n-point--content {
    left: 8%;
    top: 5.5%;
  }
  .n-point--content--item .title .point-item--bg {
    height: 13.2vw;
  }
  .n-point--content--item .title span {
    font-size: 4.4vw;
    bottom: 4.2vw;
    left: 8vw;
  }
  .n-point--content--item p {
    font-size: 3vw;
    margin-left: 9vw;
    margin-top: -3vw;
  }
  .n-point--content--item p .n-block {
    width: 6.5vw;
    height: 0.5vw;
    right: 0;
  }
  .n-point--content--item p:before {
    bottom: -0.65vw;
    width: 6px;
    height: 6px;
  }
  .n-point--content--item p:after {
    left: -1vw;
  }
  .n-point--content--item.item-1 .title .point-item--bg {
    height: 15vw;
  }
  .n-point--content--item.item-2 {
    top: 21.5vw;
    left: 21vw;
  }
  .n-point--content--item.item-3 {
    top: 105.5vw;
    left: 26vw;
  }
  .n-point--content--item.item-4 {
    top: 122.5vw;
    left: 2vw;
  }
}

.n-ta {
  position: relative;
  width: 100%;
  /*<1280*/
}
.n-ta--bg {
  width: 100%;
}
.n-ta--title {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
  top: 5%;
  color: #093d61;
}
.n-ta--title .n-subtitle {
  display: inline-block;
  font-size: 2vw;
  font-weight:400;
  letter-spacing: 0.2vw;
  text-align: center;
  margin-top: 2%;
  position:relative;
  transform: translate(-50%);
  left:50%;
}
.n-ta--title .n-subtitle:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#093d61;
  position:absolute;
  bottom:-0.5vw;
}
.n-ta--table {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  padding: 2.1vw 1.3vw;
  border-radius: 1vw;
  background: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
  top: 28%;
}
.n-ta--table .n-item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1vw;
}
.n-ta--table .n-item .n-icon {
  width: 16%;
}
.n-ta--table .n-item .n-icon img {
  display: block;
  width: 100%;
}
.n-ta--table .n-item--title {
  font-size: 2.2vw;
  font-weight: bold;
  color: #093d61;
  display: inline-block;
  position: relative;
  z-index: 0;
}
.n-ta--table .n-item--title:after {
  content: "";
  display: block;
  width: 88%;
  height: 1vw;
  background: #fdeba8;
  position: absolute;
  left: 0;
  bottom: -0.1vw;
  z-index: -1;
}
.n-ta--table .n-item .brief {
  font-size: 2vw;
  letter-spacing: 0.3vw;
  color: #093d61;
}
.n-ta--table .n-item.item-1 {
  padding-bottom: 2.5vw;
  border-bottom: solid 2px #093d61;
  border-right: solid 2px #093d61;
}
.n-ta--table .n-item.item-2 {
  padding-bottom: 2.5vw;
  border-bottom: solid 2px #093d61;
  border-right: solid 2px #093d61;
}
.n-ta--table .n-item.item-3 {
  padding-bottom: 2.5vw;
  border-bottom: solid 2px #093d61;
}
.n-ta--table .n-item.item-4 {
  padding-top: 2.5vw;
  border-right: solid 2px #093d61;
}
.n-ta--table .n-item.item-5 {
  padding-top: 2.5vw;
  border-right: solid 2px #093d61;
}
.n-ta--table .n-item.item-6 {
  padding-top: 2.5vw;
}
@media (max-width: 1279px) {
  .n-ta--title {
    top: 4.6%;
  }
  .n-ta--title p {
    font-size: 8vw;
    text-align: center;
  }
  .n-ta--title .n-subtitle {
    font-size: 5vw;
    text-decoration: none;
  }
  .n-ta--title .n-subtitle:after{
    bottom:-1.5vw;
  }
  .n-ta--table {
    width: 83%;
    padding: 6.1vw 1.3vw;
    top: 22%;
  }
  .n-ta--table .n-item {
    width: 50%;
  }
  .n-ta--table .n-item .n-icon {
    width: 17%;
  }
  .n-ta--table .n-item .n-item--title {
    font-size: 4.6vw;
    margin-top: 1.7vw;
    margin-bottom: 1vw;
  }
  .n-ta--table .n-item .n-item--title:after {
    height: 2vw;
  }
  .n-ta--table .n-item .brief {
    font-size: 4.5vw;
  }
  .n-ta--table .n-item.item-1 {
    padding-bottom: 10.5vw;
  }
  .n-ta--table .n-item.item-2 {
    padding-bottom: 10.5vw;
    border-bottom: solid 2px #093d61;
    border-right: none;
  }
  .n-ta--table .n-item.item-3 {
    padding-top: 6vw;
    border-bottom: solid 2px #093d61;
    border-right: solid 2px #093d61;
    padding-bottom: 10.5vw;
  }
  .n-ta--table .n-item.item-4 {
    padding-top: 6vw;
    border-bottom: solid 2px #093d61;
    border-right: none;
    padding-bottom: 10.5vw;
  }
  .n-ta--table .n-item.item-5 {
    padding-top: 6vw;
  }
  .n-ta--table .n-item.item-6 {
    padding-top: 6vw;
  }
}

.n-video {
  position: relative;
  display: flex;
  padding: 10vw 7vw;
  width: 100%;
  box-sizing: border-box;
  background: #093d61;
  align-items: center;
  justify-content: center;
  gap: 3%;
  /*<1280*/
}
.n-video--title {
  width: 39%;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  color: #fff;
}
.n-video--title .n-title {
  text-align: center;
  font-size: 4.5vw;
  font-weight: bold;
  margin-top: 0vw;
  margin-bottom: -1vw;
}
.n-video--title .n-subtitle {
  display: block;
  width: 100%;
  font-size: 3vw;
  letter-spacing: 0.2vw;
  text-align: center;
  margin-top: 3%;
  font-weight: normal;
}
.n-video--videobox {
  width: 58%;
}
.n-video--videobox .ytbox {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  border-radius: 1vw;
  overflow: hidden;
}
.n-video--videobox .ytbox iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
@media (max-width: 1279px) {
  .n-video {
    flex-direction: column;
    align-items: center;
    padding: 20vw 0vw 10vw 0vw;
  }
  .n-video--title {
    width: 100%;
  }
  .n-video--title--logo {
    width: 40vw;
    max-width: 327px;
  }
  .n-video--title--logo img {
    display: block;
    width: 100%;
  }
  .n-video--title .n-title {
    font-size: 8vw;
    margin-top: 9.5vw;
  }
  .n-video--title .n-subtitle {
    font-size: 7vw;
  }
  .n-video--videobox {
    width: 80%;
    margin-top: 13vw;
  }
}

.n-qa {
  position: relative;
  width: 100%;
  background: #093d61;
  padding-top: 2vw;
  padding-bottom: 5vw;
  /*<1280*/
}
.n-qa--title {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
  top: 5%;
  color: #fff;
}
.n-qa .n-qabox {
  width: 93%;
  margin: 0 auto;
  padding-top: 2vw;
  margin-top: 0.5vw;
  border-top: solid 1vw #00bfda;
  background: #fff;
}
.n-qa .n-qabox--item {
  padding: 0 0 2vw 0;
  margin: 0 2vw 2vw 2vw;
  border-bottom: solid 1px #12335b;
}
.n-qa .n-qabox--item:last-child {
  border: none;
}
.n-qa .n-qabox--item .n-qabox-q {
  display: flex;
  padding-right: 1.4vw;
  align-items: center;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-text {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1%;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-text .n-qabox-num {
  width: 2.3vw;
  position: relative;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-text .n-qabox-num--icon {
  width: 100%;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-text .n-qabox-num span {
  color: #fff;
  font-size: 1.3vw;
  font-weight: 500;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-text p {
  font-size: 2vw;
  font-weight: bold;
  color: #12335b;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-arrow {
  width: 1.8vw;
  display: flex;
  height: 2vw;
  align-items: center;
}
.n-qa .n-qabox--item .n-qabox-q .n-qabox-arrow img {
  display: block;
  width: 100%;
}
.n-qa .n-qabox--item .n-qabox-a {
  display: none;
  opacity: 0;
  transition: 0.3s;
}
.n-qa .n-qabox--item .n-qabox-a .n-qabox-text {
  padding-left: calc(2.5vw + 1%);
  padding-top: 2vw;
}
.n-qa .n-qabox--item .n-qabox-a .n-qabox-text p {
  font-size: 1.2vw;
  line-height: 150%;
  letter-spacing: 0.1vw;
  color: #093d61;
}
.n-qa .n-qabox--item.active .n-qabox-q .n-qabox-arrow {
  transform: rotate(180deg);
  transition: 0.3s;
}
.n-qa .n-qabox--item.active .n-qabox-a {
  display: block;
  opacity: 1;
}
@media (max-width: 1279px) {
  .n-qa {
    padding-top: 4vw;
  }
  .n-qa--title p {
    font-size: 8vw;
  }
  .n-qa .n-qabox {
    width: 80%;
    margin-top: 4vw;
    border-top: solid 2.7vw #00bfda;
    padding-top: 6vw;
    border-radius: 2vw;
  }
  .n-qa .n-qabox--item {
    margin: 0 2vw 5vw 4vw;
    padding: 3px 0 5vw 0;
  }
  .n-qa .n-qabox--item .n-qabox-q .n-qabox-text .n-qabox-num {
    width: 5.3vw;
  }
  .n-qa .n-qabox--item .n-qabox-q .n-qabox-text .n-qabox-num span {
    font-size: 3vw;
  }
  .n-qa .n-qabox--item .n-qabox-q .n-qabox-text p {
    font-size: 4.2vw;
  }
  .n-qa .n-qabox--item .n-qabox-q .n-qabox-arrow {
    width: 4vw;
  }
  .n-qa .n-qabox--item .n-qabox-a .n-qabox-text {
    padding-left: 0;
  }
  .n-qa .n-qabox--item .n-qabox-a .n-qabox-text p {
    font-size: 3vw;
  }
}

.n-search{
  background:#093d61;
}
.n-search .e-block_w{
  max-width: 100%;
}
.n-search .e-title{
  color:#fff;
  text-align: center;
  margin-bottom:24px;
  font-size: 4.21vw;
}
.n-search form{
  background:#fff;
  padding:8px 24px 12px 24px;
  border-top:solid 1vw #00bfda;
}
.n-search .l-toolbar_list{
  background:#fff;
  padding:0 24px;
}
.n-search .l-pageGroup{
  background:#fff;
  margin-top:0;
  padding:24px 0;
}
.n-search .l-pageGroup a{
  
}
@media (max-width: 1279px) {
    .n-search{
      padding:0;
      padding-top:10vw;
    }
    .n-search .e-title{
      font-size: 8vw;;
    }
    .n-search .e-block_w{
      padding:0 0;
      width:80%;
      margin:0 auto;
    }
}
/*# sourceMappingURL=new-radiesse.css.map */