@charset "UTF-8";
/*===============================================
 responsive setting
===============================================*/
/*===============================================
 base setting
===============================================*/
@media print, screen and (min-width: 768px) {
  .l-contents-melanoccmen .l-nav__ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.l-contents-melanoccmen .l-kv__data {
  background-image: url(/-/media/com/melanoccmen/top/202308/bg_sp01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .l-kv__data {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/kv_bg01.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%; } }

.l-contents-melanoccmen .l-truth {
  height: 35.200436vw; }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .l-truth {
      height: 189px; } }

@media print, screen and (min-width: 768px) {
  .l-contents-melanoccmen .l-feature {
    padding-top: 30px; } }

.l-contents-melanoccmen .c-bg-1 {
  background-image: url(/-/media/com/melanoccmen/top/202503/images/bg-1-sp.jpg);
  background-position: center top;
  background-size: 100% auto; }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .c-bg-1 {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/bg-1-pc.jpg);
      background-position: center top -252px;
      background-size: auto; } }

.l-contents-melanoccmen .l-kv__data h2 {
  background-image: url(/-/media/com/melanoccmen/top/202503/images/kv_txt01.svg); }

.l-contents-melanoccmen .l-feature__feature__img {
  background-image: url(/-/media/com/melanoccmen/top/202503/images/feature-sp.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .l-feature__feature__img {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/feature-pc.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain; } }

.l-contents-melanoccmen .l-product__item__info__note__li:before {
  content: "※" counter(li);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  z-index: 1; }

.l-contents-melanoccmen .n-content-202503 .l-kv02 {
  background: url(/-/media/com/melanoccmen/top/202503/images/kv02_bg01_sp.jpg) no-repeat center center;
  background-size: 100% auto;
  width: 100%;
  height: calc(100 * 1050vw / 750); }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 {
      width: 100%;
      background: url(/-/media/com/melanoccmen/top/202503/images/kv02_bg01_pc.jpg) no-repeat center center;
      background-size: cover;
      height: 680px; } }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data {
      width: 980px;
      height: 680px;
      margin: 0 auto;
      position: relative;
      background: url(/-/media/com/melanoccmen/top/202503/images/kv02_img01_pc.png) no-repeat center center;
      background-size: 100% auto; } }
  @media only screen and (max-width: 769px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data h1 {
      display: none; } }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data h1 {
      position: absolute;
      top: 45px;
      left: 339px;
      width: 464px;
      height: 83px;
      background: url(/-/media/com/melanoccmen/top/202503/images/kv02_ttl_pc.png) no-repeat center center;
      text-indent: -9999px; } }
  @media only screen and (max-width: 769px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data h2 {
      display: none; } }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data h2 {
      position: absolute;
      top: 130px;
      left: 342px;
      width: 543px;
      height: 244px;
      background: url(/-/media/com/melanoccmen/top/202503/images/kv02_txt01_pc.png) no-repeat center center;
      text-indent: -9999px; } }
  @media only screen and (max-width: 769px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data .kv02_txt {
      display: none; } }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .l-kv02 .l-kv02__data .kv02_txt {
      position: absolute;
      top: 398px;
      left: 342px;
      width: 533px;
      height: 234px;
      background: url(/-/media/com/melanoccmen/top/202503/images/kv02_txt02_pc.png) no-repeat center center;
      text-indent: -9999px; } }

.l-contents-melanoccmen .n-content-202503 .c-bg-3 {
  background: #FEFCD1;
  width: 100%;
  padding-bottom: calc(100 * 90vw / 750); }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .c-bg-3 {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 80px; } }
  .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 {
    margin-bottom: calc(100 * 50vw / 750); }
    .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 {
      padding-top: 0;
      padding-bottom: calc(100 * 50vw / 750); }
      @media print, screen and (min-width: 768px) {
        .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 {
          padding-top: 40px;
          padding-bottom: 70px; } }
      .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__img {
        background-image: url(/-/media/com/melanoccmen/top/202503/images/point4-img-sp.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: calc(100 * 617vw / 750);
        height: calc(100 * 520vw / 750);
        background-size: contain;
        display: block;
        text-indent: -9999px;
        margin: 0 auto; }
        @media print, screen and (min-width: 768px) {
          .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__img {
            background-image: url(/-/media/com/melanoccmen/top/202503/images/point4-img-pc.png);
            background-repeat: no-repeat;
            background-position: center center;
            width: 576px;
            height: 485px;
            margin: 0 auto 30px; } }
      .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info {
        width: 100%; }
        @media print, screen and (min-width: 768px) {
          .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info {
            width: 100%;
            margin: 0 auto; } }
        .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__txt {
          text-align: center;
          font-size: calc(100 * 30vw / 750);
          font-weight: 900;
          margin-bottom: calc(100 * 40vw / 750); }
          @media print, screen and (min-width: 768px) {
            .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__txt {
              font-size: 27px;
              margin-bottom: 30px; } }
        .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__note {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          gap: 0 calc(100 * 30vw / 750); }
          @media print, screen and (min-width: 768px) {
            .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__note {
              gap: 0 30px; } }
          .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__note ul {
            width: auto; }
            .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__note ul li {
              color: #949494;
              font-size: calc(100 * 11vw / 750);
              line-height: 2; }
              @media print, screen and (min-width: 768px) {
                .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point4 .l-feature__point4 .l-feature__point4__info .l-feature__point4__info__note ul li {
                  font-size: 10px; } }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point__ttl {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/point-ttl-bg-pc.png);
      background-repeat: no-repeat;
      background-position: center center;
      width: 906px;
      height: 68px;
      background-size: contain;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -34px;
      right: auto;
      bottom: auto;
      z-index: 2;
      text-indent: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; } }
  .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point__ttl .l-feature__point__ttl__txt {
    margin-bottom: calc(100 * 45vw / 750); }
    @media print, screen and (min-width: 768px) {
      .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point__ttl .l-feature__point__ttl__txt {
        margin-bottom: 0; } }
  .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point5 {
    padding-top: 0;
    padding-bottom: calc(100 * 70vw / 750); }
    @media print, screen and (min-width: 768px) {
      .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point5 {
        padding-top: 80px;
        padding-bottom: 60px; } }
    .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point5 .l-feature__point5__img {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/point5-img-pc.png);
      background-repeat: no-repeat;
      background-position: center center;
      width: calc(100 * 549vw / 750);
      height: calc(100 * 275vw / 750);
      background-size: contain;
      display: block;
      text-indent: -9999px;
      margin: 0 auto; }
      @media print, screen and (min-width: 768px) {
        .l-contents-melanoccmen .n-content-202503 .c-bg-3 .l-feature__point.point5 .l-feature__point5 .l-feature__point5__img {
          background-image: url(/-/media/com/melanoccmen/top/202503/images/point5-img-pc.png);
          background-repeat: no-repeat;
          background-position: center center;
          width: 549px;
          height: 275px; } }

.l-contents-melanoccmen .c-modal__img.product3_order {
  background-image: url(/-/media/com/melanoccmen/top/202503/images/modal/product3-order-sp.png); }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .c-modal__img.product3_order {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/modal/product3-order-pc.png); } }

.l-contents-melanoccmen .l-product__item__info__nm.product3 {
  background-image: url(/-/media/com/melanoccmen/top/202503/images/product3/nm-sp.png); }
  @media print, screen and (min-width: 768px) {
    .l-contents-melanoccmen .l-product__item__info__nm.product3 {
      background-image: url(/-/media/com/melanoccmen/top/202503/images/product3/nm-sp.png); } }