@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
.product-contents {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #333;
}
.product-contents * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-contents a {
  text-decoration: none;
}
.product-contents .p-brandNavi {
  --brandNavi-color: var(--c-main);
}
.product-contents .p-brandNavi__drawer {
  z-index: 5;
}
.product-contents .p-brandNavi__logo {
  display: flex;
  gap: 21px;
}
@media screen and (width > 750px) {
  .product-contents .p-brandNaviMenu .grid-col-2 {
    grid-column: span 2;
  }
}
.product-contents {
  --fontstyle-mincho: "Noto Serif JP",
  serif;
  --c-main: #009C97;
  --c-sub: #E0F1F4;
  --c-yellow: #FBF373;
  --c-red: #D00207;
  --c-fontcolor02:#009B5D;
}
@media screen and (width <= 750px) {
  .product-contents .is-pcOnly {
    display: none;
  }
}
@media screen and (width > 750px) {
  .product-contents .is-spOnly {
    display: none;
  }
}
.product-contents .u-f-style-mincho {
  font-family: var(--fontstyle-mincho);
}
.product-contents .u-f-color-red {
  color: var(--c-red);
}
.product-contents .u-f-color-yellow {
  color: var(--c-yellow);
}
.product-contents .marker {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(0%, #FBF373));
  background: linear-gradient(transparent 64%, #FBF373 0%);
}

.mv {
  background-color: var(--c-main);
  -webkit-padding-before: 24px;
          padding-block-start: 24px;
  -webkit-padding-after: 54px;
          padding-block-end: 54px;
  padding-inline: 20px;
  display: grid;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
@media screen and (width > 750px) {
  .mv {
    row-gap: 24px;
  }
}
@media screen and (width <= 750px) {
  .mv {
    row-gap: 16px;
  }
}
.mv .mv__head {
  display: grid;
  justify-items: center;
  grid-template-rows: auto auto;
  margin-inline: auto;
}
@media screen and (width > 750px) {
  .mv .mv__head {
    width: calc(100% - 100px);
    grid-template-columns: 230px 1fr;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
@media screen and (width <= 750px) {
  .mv .mv__head {
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    align-items: center;
  }
}
.mv .mv__head .mv__title {
  font-size: var(--font-size-set18);
  font-weight: 700;
  color: #fff;
  grid-area: 1/2/2/3;
  line-height: 1.4;
}
@media screen and (width > 750px) {
  .mv .mv__head .mv__title {
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
}
@media screen and (width <= 750px) {
  .mv .mv__head .mv__title {
    grid-area: 1/1/2/3;
  }
}
.mv .mv__head .mv__title span {
  font-size: var(--font-size-set26);
  color: var(--c-yellow);
  line-height: 1.4;
}
.mv .mv__head .mv__head__img {
  grid-area: 1/1/3/2;
  width: 100%;
}
.mv .mv__head .mv__head__img img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (width <= 750px) {
  .mv .mv__head .mv__head__img {
    grid-area: 2/1/3/2;
  }
}
.mv .mv__head .mv__head__detail {
  grid-area: 2/2/3/3;
  font-size: var(--font-size-set15);
  color: #fff;
  line-height: 1.8;
}
@media screen and (width > 750px) {
  .mv .mv__head .mv__head__detail {
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
}
@media screen and (width <= 750px) {
  .mv .mv__head .mv__head__detail {
    grid-area: 2/2/3/3;
  }
}
.mv .mv-inner {
  -webkit-padding-before: 30px;
          padding-block-start: 30px;
  border-radius: 20px;
  background: #fff;
}
.mv .intr {
  color: var(--c-main);
  font-size: var(--font-size-set26);
  font-weight: 700;
  font-family: var(--fontstyle-mincho);
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.mv .intr .intr__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.mv .intr .intr__head .age {
  font-size: var(--font-size-set18);
  background-color: var(--c-yellow);
  border-radius: 20px;
  padding-inline: 20px;
}
.mv .intr .intr__comment {
  text-align: center;
  line-height: 1.4;
  padding-inline: 16px;
}
.mv .before {
  padding: 20px;
  padding-inline: 30px;
  background-color: #E0F1F4;
  border-radius: 20px;
}
.mv .before .before__label {
  width: 100%;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  background-color: #fff;
  text-align: center;
  border-radius: 20px;
  border: 1px solid rgba(0, 156, 151, 0.7);
  font-size: var(--font-size-set18);
  font-weight: 700;
  font-family: var(--fontstyle-mincho);
  line-height: 1.6;
  color: var(--c-main);
}
.mv .before .c-imgbox-fl .image {
  position: relative;
}
.mv .before .c-imgbox-fl .image.is-image01 .fukidashi {
  top: 7px;
  left: -28px;
}
@media screen and (width <= 750px) {
  .mv .before .c-imgbox-fl .image.is-image01 .fukidashi {
    width: 52px;
    top: -6px;
    left: -16px;
  }
  .mv .before .c-imgbox-fl .image.is-image01 .fukidashi img {
    width: 100%;
  }
}
.mv .before .c-imgbox-fl .image.is-image02 .fukidashi {
  right: -17px;
  bottom: -22px;
}
@media screen and (width <= 750px) {
  .mv .before .c-imgbox-fl .image.is-image02 .fukidashi {
    width: 65px;
    right: -5px;
    bottom: -18px;
  }
  .mv .before .c-imgbox-fl .image.is-image02 .fukidashi img {
    width: 100%;
  }
}
.mv .before .before__list {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (width > 750px) {
  .mv .before .before__list {
    row-gap: 4px;
  }
}
@media screen and (width <= 750px) {
  .mv .before .before__list {
    row-gap: 8px;
  }
}
.mv .before .before__list .before__list__item {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
@media screen and (width > 750px) {
  .mv .before .before__list .before__list__item {
    gap: 8px;
  }
}
.mv .before .before__list .before__list__item .icon {
  width: 23px;
  height: 23px;
  background-image: url("/acne/images/lab-monitor/common/icon-check-mark.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-margin-before: 3px;
          margin-block-start: 3px;
}
@media screen and (width > 750px) {
  .mv .before .before__list .before__list__item .icon {
    -webkit-margin-before: 9px;
            margin-block-start: 9px;
  }
}
.mv .before .before__list .before__list__item .text {
  font-size: var(--font-size-set14);
  line-height: 1.4;
}
.mv .before .before__list .before__list__item .text span {
  font-size: var(--font-size-set16);
  font-family: var(--fontstyle-mincho);
  color: var(--c-main);
  font-weight: 700;
}
.mv .before .before__list .before__list__item .text a {
  text-decoration: underline;
  text-decoration-color: var(--c-main);
  text-underline-offset: 15%;
}
.mv .before .line {
  width: 100%;
  height: 1px;
  background-image: url("/acne/images/lab-monitor/common/line-bg.svg");
  background-repeat: repeat-x;
  margin-block: 16px;
}
.mv .before .before__about {
  font-size: var(--font-size-set15);
  line-height: 1.8;
}

.earlry {
  -webkit-padding-before: 30px;
          padding-block-start: 30px;
  display: grid;
  row-gap: 56px;
  -webkit-margin-after: 56px;
          margin-block-end: 56px;
}
.earlry .earlry__tile {
  font-size: var(--font-size-set20);
  color: var(--c-red);
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  font-family: var(--fontstyle-mincho);
}
.earlry .earlry__tile span {
  color: var(--c-main);
  position: relative;
  z-index: 2;
}
.earlry .earlry__tile span::after {
  content: "";
  width: calc(100% + 20px);
  height: 28px;
  background-color: #FFF362;
  clip-path: polygon(0 0, 100% 0, 100% 55%, 4% 100%);
  position: absolute;
  bottom: -16px;
  left: -10px;
  z-index: -1;
}
.earlry .earlry-inner {
  padding-block: 40px;
  padding-inline: 20px;
  background-color: #E0F1F4;
  border-radius: 20px;
  display: grid;
  row-gap: 32px;
  position: relative;
}
.earlry .earlry-inner .c-content-head {
  position: absolute;
  top: -28px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.earlry .earlry__appr .earlry__appr__head {
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set20);
  font-weight: 700;
  line-height: 1.7;
  color: var(--c-main);
  text-align: center;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}
.earlry .product-links .product-icon {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
@media screen and (width > 750px) {
  .earlry .product-links .product-icon {
    width: 100px;
    height: 100px;
    right: -42px;
    bottom: 0px;
  }
}
@media screen and (width <= 750px) {
  .earlry .product-links .product-icon {
    width: 80px;
    height: 80px;
    right: -32px;
    bottom: -10px;
  }
}
.earlry .product-links .product-icon.is-makeclear {
  background-image: url("/acne/images/lab-monitor/common/thumb-makeclear.png");
}
.earlry .product-links .product-icon.is-spots {
  background-image: url("/acne/images/lab-monitor/common/thumb-spots.png");
}

.middle {
  -webkit-margin-after: 18px;
          margin-block-end: 18px;
  padding-block: 40px;
  padding-inline: 20px;
  background-color: #E0F1F4;
  border-radius: 20px;
  display: grid;
  position: relative;
}
@media screen and (width > 750px) {
  .middle {
    row-gap: 80px;
  }
}
@media screen and (width <= 750px) {
  .middle {
    row-gap: 56px;
  }
}
.middle .c-content-head {
  position: absolute;
  top: -28px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.middle .c-textbox {
  position: relative;
}
.middle .c-textbox::after {
  content: "";
  display: block;
  width: 60px;
  aspect-ratio: 60/104;
  background-image: url("/acne/images/lab-monitor/n/middle-decoration-img.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -2px;
  bottom: -72px;
  -webkit-transform: rotate(17deg);
          transform: rotate(17deg);
}
@media screen and (width <= 750px) {
  .middle .c-textbox::after {
    width: 48px;
    right: 0px;
    bottom: -52px;
  }
}

.timeline {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-margin-after: 84px;
          margin-block-end: 84px;
}

.late {
  padding-block: 40px;
  padding-inline: 20px;
  background-color: var(--c-main);
  border-radius: 20px;
  position: relative;
}
.late .c-content-head {
  position: absolute;
  top: -28px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  background-color: var(--c-yellow);
}
.late .c-content-head::before {
  content: "";
  display: block;
  width: 87px;
  height: 49px;
  background-image: url("/acne/images/lab-monitor/common/late-head-deco.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -38px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.late .c-content-head .label {
  color: var(--c-main);
  font-weight: 700;
}
.late .c-content-head .label span {
  color: var(--c-red);
}
.late .c-textbox {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
.late .c-textbox .c-textbox__head {
  color: #fff;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.late .c-textbox .c-textbox__head::after {
  content: "";
  display: block;
  width: 70px;
  height: 77px;
  background-image: url("/acne/images/lab-monitor/common/late-deco-kirakira01.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 26%;
  left: -10%;
}
@media screen and (width <= 750px) {
  .late .c-textbox .c-textbox__head::after {
    width: 35px;
    height: 45px;
    left: -5%;
    top: 36%;
  }
}
.late .c-textbox .detail {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.late .c-textbox .detail p {
  color: #fff;
}
.late .c-imgbox-fl .is-image02:nth-child(2) {
  position: relative;
}
.late .c-imgbox-fl .is-image02:nth-child(2)::after {
  content: "";
  display: block;
  width: 70px;
  height: 76px;
  background-image: url("/acne/images/lab-monitor/common/late-deco-kirakira02.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -26px;
  bottom: -12px;
}
@media screen and (width <= 750px) {
  .late .c-imgbox-fl .is-image02:nth-child(2)::after {
    width: 34px;
    height: 43px;
    right: -11px;
    bottom: -10px;
  }
}
.late .c-message {
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
}
.late .c-qablock {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
}
.late .items {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.late .items .items__head {
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set18);
  color: var(--c-main);
  font-weight: 700;
  line-height: 1.7;
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
  text-align: center;
}
.late .items .items__img {
  display: flex;
  justify-content: center;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.late .product-links .product-icon {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
@media screen and (width > 750px) {
  .late .product-links .product-icon {
    width: 100px;
    height: 100px;
    right: -42px;
    bottom: 0px;
  }
}
@media screen and (width <= 750px) {
  .late .product-links .product-icon {
    width: 80px;
    height: 80px;
    right: -40px;
    bottom: 0px;
  }
}
.late .product-links .product-icon.is-makeclear {
  background-image: url("/acne/images/lab-monitor/common/thumb-makeclear.png");
}
.late .product-links .product-icon.is-wash {
  background-image: url("/acne/images/lab-monitor/common/thumb-wash.png");
}
.late .product-links .product-icon.is-gelcream {
  background-image: url("/acne/images/lab-monitor/common/thumb-gelcream.png");
}
@media screen and (width > 750px) {
  .late .product-links .product-icon.is-gelcream {
    bottom: -45px;
    right: -32px;
  }
}
@media screen and (width <= 750px) {
  .late .product-links .product-icon.is-gelcream {
    bottom: -6px;
    right: -32px;
  }
}
.late .late-bottom {
  display: grid;
  row-gap: 32px;
}
.late .late-bottom .late-bottom__text {
  text-align: center;
  font-size: var(--font-size-set18);
  font-family: var(--fontstyle-mincho);
  font-weight: 700;
  line-height: 1.7;
  color: #fff;
}
.late .late-bottom .late-bottom__note {
  color: #fff;
  font-size: var(--font-size-set12);
  line-height: 1.8;
}
@media screen and (width > 750px) {
  .late .late-bottom .late-bottom__note {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
}

.other {
  -webkit-padding-before: 80px;
          padding-block-start: 80px;
  -webkit-padding-after: 20px;
          padding-block-end: 20px;
  padding-inline: 60px;
  display: grid;
  row-gap: 40px;
}
@media screen and (width <= 750px) {
  .other {
    padding-inline: 20px;
  }
}
.other .other__title {
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set22);
  font-weight: 700;
  color: var(--c-main);
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 2;
}
.other .other__title::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
@media screen and (width > 750px) {
  .other .other__title::after {
    width: 563px;
    height: 42px;
    background-image: url("/acne/images/lab-monitor/common/other-title-fukidashi.svg");
    bottom: -26px;
  }
}
@media screen and (width <= 750px) {
  .other .other__title::after {
    width: 300px;
    height: 42px;
    background-image: url("/acne/images/lab-monitor/common/other-title-fukidashi-sp.svg");
    bottom: -30px;
  }
}
.other .other__links {
  display: grid;
  row-gap: 16px;
}
.other .other__links__item {
  padding: 16px;
  display: grid;
  gap: 32px;
  justify-content: center;
  align-items: center;
  grid-template-columns: 100px 1fr;
  position: relative;
  z-index: 2;
  background-color: #E0F1F4;
  border-radius: 10px;
}
@media screen and (width > 750px) {
  .other .other__links__item {
    -webkit-padding-start: 46px;
            padding-inline-start: 46px;
  }
}
@media screen and (width <= 750px) {
  .other .other__links__item {
    gap: 16px;
  }
}
.other .other__links__item::before {
  content: "";
  display: block;
  width: 67px;
  height: 56px;
  background-image: url("/acne/images/lab-monitor/common/other-link-deco-1.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.other .other__links__item::after {
  content: "";
  display: block;
  width: 65px;
  height: 56px;
  background-image: url("/acne/images/lab-monitor/common/other-link-deco-2.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}
.other .other__links__item .textbox {
  display: flex;
  gap: 8px;
}
@media screen and (width <= 750px) {
  .other .other__links__item .textbox {
    flex-direction: column;
  }
}
.other .other__links__item .textbox .profile {
  color: var(--c-main);
  font-size: var(--font-size-set15);
  font-weight: 700;
  line-height: 180%;
}
.other .other__links__item .textbox .more {
  background-color: #fff;
  width: 178px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}
.other .other__links__item .textbox .more .label {
  color: var(--c-main);
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set15);
  font-weight: 700;
  line-height: 180%;
}
.other .other__links__item .textbox .more .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: var(--c-main);
  border-radius: 12px;
}
.other .other__links__item .textbox .more .arrow::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 9px;
  background: #ffffff;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.c-imgbox-fl {
  display: flex;
  justify-content: center;
}
@media screen and (width > 750px) {
  .c-imgbox-fl {
    gap: 16px;
  }
}
@media screen and (width <= 750px) {
  .c-imgbox-fl {
    gap: 8px;
  }
}
.c-imgbox-fl .fukidashi {
  position: absolute;
}

.c-content-head {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-block: 10px;
  padding-inline: 20px;
  background-color: var(--c-main);
  border-radius: 20px;
}
@media screen and (width <= 750px) {
  .c-content-head {
    width: 220px;
  }
}
.c-content-head .label {
  text-align: center;
  font-family: var(--fontstyle-mincho);
  color: #fff;
  font-size: var(--font-size-set18);
}
.c-content-head .label span {
  color: var(--c-yellow);
}

.c-textbox .c-textbox__head {
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set26);
  color: var(--c-main);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.c-textbox .c-imgbox-fl {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
}
.c-textbox .detail {
  display: grid;
  row-gap: 16px;
}
.c-textbox .detail p {
  font-size: var(--font-size-set15);
  line-height: 1.8;
  padding-inline: 20px;
}
.c-textbox .detail a {
  text-decoration: underline;
  text-underline-offset: 15%;
}
.c-textbox .detail a.no-under {
  text-decoration: none;
}

.c-message {
  padding-inline: 30px;
  -webkit-padding-before: 16px;
          padding-block-start: 16px;
  -webkit-padding-after: 30px;
          padding-block-end: 30px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid var(--c-main);
  display: grid;
  row-gap: 16px;
}
@media screen and (width <= 750px) {
  .c-message {
    padding-inline: 20px;
  }
}
.c-message .from-user .from-user__head {
  display: flex;
  justify-content: center;
}
.c-message .from-user .from-user__head .icon {
  width: 50px;
  height: 50px;
  background-image: url("/acne/images/lab-monitor/common/icon-message.svg");
  border-image-repeat: var(--brandNavi-color);
  background-size: 100% 100%;
}
.c-message .from-user .from-user__head .name {
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set18);
  color: var(--c-main);
  font-weight: 700;
  line-height: 1.7;
  display: flex;
  align-items: center;
}
.c-message .from-user .from-user__text {
  display: grid;
  row-gap: 8px;
}
.c-message .from-user .from-user__text p {
  color: var(--c-main);
  line-height: 1.8;
}
.c-message .from-user .from-user__text p a {
  color: var(--c-main);
}
.c-message .line {
  width: 100%;
  height: 2px;
  background-image: url("/acne/images/lab-monitor/common/line-bg.svg");
  background-repeat: repeat-x;
}
.c-message .from-staff .from-staff__head {
  color: var(--c-main);
  font-family: var(--fontstyle-mincho);
  font-size: var(--font-size-set18);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
.c-message .from-staff .from-staff__text p {
  font-size: var(--font-size-set15);
}

.product-links {
  display: grid;
  row-gap: 16px;
}
.product-links .product-links__card {
  width: 100%;
  border-radius: 20px;
  border: 1px solid var(--c-main);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))), #E0F1F4;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), #E0F1F4;
  padding: 20px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 25px;
  gap: 16px;
  position: relative;
  z-index: 2;
}
@media screen and (width > 750px) {
  .product-links .product-links__card {
    padding-inline: 30px;
  }
}
@media screen and (width <= 750px) {
  .product-links .product-links__card {
    padding-inline: 16px;
    gap: 5px;
  }
}
.product-links .product-links__card::before {
  content: "";
  display: block;
  width: 120px;
  height: 87px;
  background-image: url("/acne/images/lab-monitor/common/product-links__card-deco-1.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.product-links .product-links__card::after {
  content: "";
  display: block;
  width: 110px;
  height: 96px;
  background-image: url("/acne/images/lab-monitor/common/product-links__card-deco-2.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.product-links .textbox .head {
  font-size: var(--font-size-set16);
  color: var(--c-main);
  font-weight: 700;
  font-family: var(--fontstyle-mincho);
}
.product-links .textbox .head span {
  font-size: var(--font-size-set15);
}
.product-links .textbox .detail {
  font-size: var(--font-size-set15);
  color: #333;
}
.product-links .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: var(--c-main);
  border-radius: 12px;
}
.product-links .arrow::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background: #ffffff;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.product-links .product-icon {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

.c-qablock .question {
  background-color: #E0F1F4;
  padding: 10px;
  padding-inline: 30px;
  display: grid;
  grid-template-columns: 20px 1fr;
  border-radius: 20px 20px 0 0;
}
.c-qablock .question .icon {
  width: 20px;
  height: 20px;
  background-image: url("/acne/images/lab-monitor/common/icon-q.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-margin-before: 6px;
          margin-block-start: 6px;
}
.c-qablock .question .text {
  font-weight: 700;
  font-size: var(--font-size-set15);
  color: var(--c-main);
  line-height: 1.8;
}
.c-qablock .answer {
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 0 0 20px 20px;
}
.c-qablock .answer .text {
  position: relative;
  font-weight: 700;
  font-size: var(--font-size-set26);
  color: var(--c-main);
}
.c-qablock .answer .text::before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  background-image: url("/acne/images/lab-monitor/common/a-text-decoration01.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 5px;
  left: -25px;
}
.c-qablock .answer .text::after {
  content: "";
  display: block;
  width: 27px;
  height: 28px;
  background-image: url("/acne/images/lab-monitor/common/a-text-decoration02.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 5px;
  right: -25px;
}

.link-btn {
  display: flex;
  gap: 16px;
  align-items: center;
  background-color: var(--c-main);
  width: 330px;
  margin-inline: auto;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-padding-start: 76px;
          padding-inline-start: 76px;
  padding-block: 11px;
  border-radius: 50px;
  position: relative;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
@media screen and (width > 750px) {
  .link-btn {
    padding-block: 9px;
  }
}
@media screen and (width <= 750px) {
  .link-btn {
    -webkit-padding-start: 86px;
            padding-inline-start: 86px;
  }
}
.link-btn::before {
  content: "";
  display: block;
  width: 45px;
  height: 58px;
  background-image: url(/acne/images/lab-monitor/common/acne-link-icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 18px;
  top: -20px;
}
@media screen and (width > 750px) {
  .link-btn::before {
    top: -16px;
  }
}
.link-btn .label {
  font-size: var(--font-size-set15);
  font-family: var(--fontstyle-mincho);
  color: #fff;
}
.link-btn .arrow {
  background-color: #fff;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.link-btn .arrow::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 8px;
  background: #1ba6a5;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
@media (hover: hover) and (pointer: fine) {
  .link-btn:hover {
    background-color: #0fb4af;
  }
}

.link-lab-btn {
  display: flex;
  gap: 16px;
  align-items: center;
  background-color: var(--c-main);
  width: 330px;
  padding-inline: 20px;
  margin-inline: auto;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  padding-block: 11px;
  border-radius: 50px;
  position: relative;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
@media screen and (width > 750px) {
  .link-lab-btn {
    padding-block: 9px;
    -webkit-padding-start: 70px;
            padding-inline-start: 70px;
    width: 390px;
  }
}
@media screen and (width <= 750px) {
  .link-lab-btn {
    -webkit-padding-start: 68px;
            padding-inline-start: 68px;
  }
}
.link-lab-btn::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url(/acne/images/lab-monitor/common/nav-icon-lab.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.link-lab-btn .label {
  font-size: var(--font-size-set15);
  font-family: var(--fontstyle-mincho);
  color: #fff;
}
.link-lab-btn .arrow {
  background-color: #fff;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.link-lab-btn .arrow::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 8px;
  background: #1ba6a5;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
@media (hover: hover) and (pointer: fine) {
  .link-lab-btn:hover {
    background-color: #0fb4af;
  }
}
/*# sourceMappingURL=lab-monitor.css.map */