/**
 * Custom CSS for Mass Theme
*/

/* -------------------------------------------------------------------------------- */
/* サービス */
.post-name-service {
  --mh: 1600;
}

.post-name-service .container1 {
  max-height: calc(var(--mh) * 1px);
}

.post-name-service .service-base1 {
  top: 0;
  left: 0;
  width: calc(1120 / 1280 * 100%);
  z-index: -1
}

.post-name-service .service-base2 {
  top: calc(1206 / var(--mh) * 100%);
  left: 0;
  width: calc(800 / 1280 * 100%);
  z-index: -1
}

.post-name-service .service-text1 {
  top: calc(184 / var(--mh) * 100%);
  left: calc(105 / 1280 * 100%);
  width: calc(730 / 1280 * 100%);

  @media (width <=600px) {
    top: calc(304 / var(--mh) * 100%);
  }
}
.post-name-service .service-text1-en {
    width: calc(722 / 1280 * 100%);
}
.post-name-service .service-text1-zh {
    width: calc(638 / 1280 * 100%);
}

.post-name-service .service-pict1 {
  top: calc(102 / var(--mh) * 100%);
  right: 0;
  width: calc(502 / 1280 * 100%);

  @media (width <=600px) {
    top: calc(202 / var(--mh) * 100%);
  }
}

.post-name-service .service-img1 {
  top: calc(386 / var(--mh) * 100%);
  left: calc(124 / 1280 * 100%);
  width: calc(875 / 1280 * 100%);

  @media (width <=600px) {
    top: calc(486 / var(--mh) * 100%);
  }
}

.post-name-service .service-text2 {
  top: calc(946 / var(--mh) * 100%);
  left: calc(94 / 1280 * 100%);
  width: calc(726 / 1280 * 100%);
  @media (width <=600px) {
    top: calc(1046 / var(--mh) * 100%);
  }
}

.post-name-service .service-pict2 {
  top: calc(1050 / var(--mh) * 100%);
  right: 0;
  width: calc(780 / 1280 * 100%);
  @media (width <=600px) {
    top: calc(1150 / var(--mh) * 100%);
  }
}

.post-name-service .service-text3 {
  top: calc(1357 / var(--mh) * 100%);
  left: calc(104 / 1280 * 100%);
  width: calc(456 / 1280 * 100%);
  @media (width <=600px) {
    top: calc(1557 / var(--mh) * 100%);
  }
}
.post-name-service .service-text3-en {
  width: calc(921 / 1280 * 100%);
}
.post-name-service .service-text3-zh {
  width: calc(507 / 1280 * 100%);
}

.post-name-service .service-text4 {
  top: calc(1520 / var(--mh) * 100%);
  left: calc(694 / 1280 * 100%);
  width: calc(480 / 1280 * 100%);
}

.post-name-service .service-number {
  bottom: 0;
  left: -7.5%;
}