@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

body {
  overscroll-behavior-y: none;
  overscroll-behavior: none;
}
body * {
  box-sizing: border-box;
}
body a {
  text-decoration: none;
  color: inherit;
}

@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .pc-only {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .pc-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .pc-non {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .pc-non {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .sp-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .sp-only {
    display: block;
  }
}
.l-contents-melanoccmen .l-nav {
  position: sticky;
  z-index: 901;
  background-color: #ffffff;
  color: #2e3993;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .l-nav {
    height: 60px;
    top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .l-nav {
    top: 9.3333333333vw;
  }
  .l-contents-melanoccmen .l-nav {
    height: 13.3333333333vw;
  }
  .l-contents-melanoccmen .l-nav {
    box-shadow: none;
  }
}
.l-contents-melanoccmen .l-nav .l-nav__ul {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 562px;
    font-size: 12px;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul {
    display: flex;
    padding-top: 0;
    align-items: center;
    justify-content: space-between;
  }
  .l-contents-melanoccmen .l-nav .l-nav__ul {
    width: 95.3333333333vw;
  }
  .l-contents-melanoccmen .l-nav .l-nav__ul {
    font-size: 4.2666666667vw;
  }
  .l-contents-melanoccmen .l-nav .l-nav__ul {
    padding-top: 4vw;
  }
  .l-contents-melanoccmen .l-nav .l-nav__ul {
    padding-bottom: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li:not(:last-child) {
    padding-right: 7.467057101vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li:not(:last-child) {
    padding-right: 102px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li:not(:last-child) {
    padding-right: 56.0029282577px;
  }
}
.l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li__item {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #2e3993;
  text-decoration: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li__item {
    font-size: 12px;
  }
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li__item {
    height: 4.39238653vw;
  }
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li__item {
    transition: opacity 0.2s;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li__item {
    height: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .l-nav .l-nav__ul .l-nav__ul__li__item {
    height: 32.9428989751px;
  }
}
.l-contents-melanoccmen .kv__block-section {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .kv__block-section {
    height: 170.6666666667vw;
  }
}
.l-contents-melanoccmen .kv__block-section .kv__block-img {
  background-image: url(/-/Media/com/melanoccmen/20260202/mv.pc.jpg);
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .kv__block-section .kv__block-img {
    background-image: url(/-/Media/com/melanoccmen/20260202/mv.sp.jpg);
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 1921px) {
  .l-contents-melanoccmen .kv__block-section {
    background-size: cover;
  }
  .l-contents-melanoccmen .kv__block-section {
    height: 26.0416666667vw;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .l-contents-melanoccmen .kv__block-section {
    background-size: auto 100%;
    height: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1365px) {
  .l-contents-melanoccmen .kv__block-section {
    background-size: cover;
  }
  .l-contents-melanoccmen .kv__block-section {
    height: 36.6032210835vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section {
  background: #ffffff;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section {
    padding-bottom: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section {
    padding-bottom: 43.9238653001px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section {
    scroll-margin-top: 8.1991215227vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section {
    scroll-margin-top: 112px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section {
    scroll-margin-top: 61.4934114202px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section {
    padding-bottom: 18.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section {
    scroll-margin-top: 18.6666666667vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section.lineUp__block-bottom {
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section.lineUp__block-bottom {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section.yellow__gradient-bg {
    background: linear-gradient(to bottom, #ffffff 14%, #fffd79 40%, #fff18f 100%);
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section.yellow__gradient-bg {
    background: linear-gradient(to bottom, #ffffff 15%, #fffd79 40%, #fff18f 100%);
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section.yellow__gradient-bg03 {
    background: linear-gradient(to bottom, #ffffff 27%, #fffd79 40%, #fff18f 100%);
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section.yellow__gradient-bg03 {
    background: linear-gradient(to bottom, #ffffff 30%, #fffd79 40%, #fff18f 100%);
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
  background-color: #2e3993;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-top: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-top: 21.9619326501px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-bottom: 1.9765739385vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-bottom: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-bottom: 14.8243045388px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-top: 6.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block {
    padding-bottom: 6vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block .lineUp__image-block {
    width: 3.3333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(98%);
  width: 0;
  height: 0;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-top-width: 3.6603221083vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-bottom-width: 0;
    border-color: #2e3993 transparent transparent transparent;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-top-width: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-top-width: 27.4524158126px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-right-width: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-right-width: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-right-width: 43.9238653001px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-left-width: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-left-width: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-left-width: 43.9238653001px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-top-width: 5.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-right-width: 10.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-bottom-width: 0;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-left-width: 10.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-block::after {
    border-color: #2e3993 transparent transparent transparent;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__text-subTitle,
.l-contents-melanoccmen .lineUp__block-section .lineUp__text-title {
  font-weight: bold;
  color: #fffd59;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-subTitle {
    font-size: 2.3426061493vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-subTitle {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-subTitle {
    font-size: 17.5695461201px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-subTitle {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-title {
    font-size: 3.074670571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-title {
    font-size: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-title {
    font-size: 23.0600292826px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__text-title {
    font-size: 5.6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-block {
    padding-top: 7.3206442167vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-block {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-block {
    padding-top: 54.9048316252px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-block {
    padding-top: 16.9333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
    gap: 2.9282576867vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
    align-items: baseline;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
    gap: 21.9619326501px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
    flex-direction: row;
    align-items: center;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUP__products-list {
    gap: 5.3333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__product-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__products-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-link:hover {
    opacity: 0.7;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__product-item picture {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__product-item picture img {
    width: 13.17715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__product-item picture img {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__product-item picture img {
    width: 98.8286969253px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__product-item picture img {
    width: 27.3333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
  font-weight: bold;
  color: #2e3993;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    font-size: 1.6105417277vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    font-size: 12.0790629575px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    margin-top: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    font-size: 3.7333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name {
    margin-top: 2.6666666667vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
  content: "";
  display: block;
  margin: 10px auto 0;
  border-style: solid;
  border-color: #2e3993;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    width: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    width: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    width: 7.6866764275px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    height: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    height: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    height: 7.6866764275px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-right-width: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-right-width: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-right-width: 1.6471449488px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-bottom-width: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-bottom-width: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-bottom-width: 1.6471449488px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(100%) rotate(45deg);
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    top: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    width: 2.4vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    height: 2.4vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-right-width: 0.5333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__products-name::after {
    border-bottom-width: 0.5333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
  background-color: #ffffff;
  text-align: center;
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    max-width: 940px;
    border: 8px solid #2e3993;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    margin-top: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    margin-top: 43.9238653001px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-top: 4.9048316252vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-top: 67px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-top: 36.7862371889px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-right: 9.8828696925vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-right: 135px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-right: 74.121522694px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-bottom: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-bottom: 38.4333821376px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-left: 9.8828696925vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-left: 135px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-left: 74.121522694px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    border-width: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    border-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    border-width: 4.39238653px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    border: 4px solid #2e3993;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-top: 8.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-right: 8vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-bottom: 9.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    padding-left: 8vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    margin-top: 18vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    margin-right: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    margin-left: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block {
    border-width: 0.5333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-block.has-gradient-border {
  -o-border-image: linear-gradient(to right, #1a1f6e, #4a6cc7 50%, #2a3a9e) 1;
     border-image: linear-gradient(to right, #1a1f6e, #4a6cc7 50%, #2a3a9e) 1;
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-subTitle,
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
  color: #082b7c;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-subTitle {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-subTitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-subTitle {
    font-size: 9.8828696925px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-subTitle {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    font-size: 2.0497803807vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    font-size: 15.3733528551px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    margin-top: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    margin-top: 2.7452415813px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    font-size: 6.4vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-title {
    margin-top: 0vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    font-size: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    margin-top: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    margin-top: 19.2166910688px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    gap: 0.5124450952vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    gap: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    gap: 3.8433382138px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    font-size: 3.7333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    margin-top: 5.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing img {
    width: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing img {
    width: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing img {
    width: 32.9428989751px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-timing img {
    width: 11.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-flow {
    margin-top: 2.7086383602vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-flow {
    margin-top: 37px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-flow {
    margin-top: 20.3147877013px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-flow {
    margin-top: 5.3333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
  background-color: #fffd59;
  color: #2e3993;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    font-size: 10.980966325px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-top: 0.6588579795vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-top: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-top: 4.9414348463px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-bottom: 0.6588579795vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-bottom: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-bottom: 4.9414348463px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    width: 27.8184480234vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    width: 208.6383601757px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    font-size: 3.4666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-top: 1.6vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    padding-bottom: 1.6vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow {
    width: 38vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child) {
    margin-bottom: 3.8799414348vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child) {
    margin-bottom: 53px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child) {
    margin-bottom: 29.0995607613px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child) {
    margin-bottom: 7.3333333333vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #2e3993 transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    bottom: -2.9282576867vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-bottom-width: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    bottom: -40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    bottom: -21.9619326501px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-top-width: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-top-width: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-top-width: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-right-width: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-right-width: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-right-width: 8.2357247438px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-left-width: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-left-width: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-left-width: 8.2357247438px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    bottom: -4.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-top-width: 2.4vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-right-width: 2vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-bottom-width: 0;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-yellow:not(:last-child)::after {
    border-left-width: 2vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
  background-color: #fffde6;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    border: 8px solid #2e3993;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    padding: 0vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    padding: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    padding: 0px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-top: 5.4904831625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-top: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-top: 41.1786237189px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-bottom: 4.0263543192vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-bottom: 30.1976573939px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    border-width: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    border-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    border-width: 4.39238653px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    width: 49.0483162518vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    width: 670px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    width: 367.8623718887px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    border-width: 0.5333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    border: 4px solid #2e3993;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-top: 11.0666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    margin-bottom: 7.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.gel__howto-blue-box {
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.gel__howto-blue-box {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.gel__howto-blue-box {
    margin-bottom: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.gel__howto-blue-box {
    margin-top: 12vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.gel__howto-blue-box {
    margin-bottom: 6.6666666667vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
  position: absolute;
  content: "";
  display: none;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #2e3993 transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    bottom: -3.2942898975vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-bottom-width: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    bottom: -45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    bottom: -24.7071742313px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-top-width: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-top-width: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-top-width: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-right-width: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-right-width: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-right-width: 8.2357247438px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-left-width: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-left-width: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-left-width: 8.2357247438px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    bottom: -6vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-top-width: 2.4vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-right-width: 2vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-bottom-width: 0;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box::after {
    border-left-width: 2vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.has-arrow::after {
  display: block;
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howto-blue-box.lineUp__bluebox-arrow::after {
  display: block;
  left: 49%;
  transform: translateX(-50%);
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
  position: absolute;
  background-color: #2e3993;
  color: #ffffff;
  font-weight: bold;
  left: 49%;
  transform: translateX(-49%);
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    font-size: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-top: 0.8052708638vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-top: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-top: 6.0395314788px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-bottom: 0.8052708638vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-bottom: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-bottom: 6.0395314788px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    width: 27.8184480234vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    width: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    width: 208.6383601757px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    top: -2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    top: -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    top: -16.4714494876px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    font-size: 3.4666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    width: 38vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-top: 1.6vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    padding-bottom: 1.6vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtolabel-blue {
    top: -4.6666666667vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
  display: flex;
  justify-content: space-between;
  background-color: #fffde6;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    align-items: center;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-top: 3.1478770132vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-top: 43px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-top: 23.6090775988px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-bottom: 2.635431918vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-bottom: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-bottom: 19.7657393851px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    width: 28.5505124451vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    width: 390px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    width: 214.1288433382px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    align-items: flex-end;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-top: 7.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-right: 8vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-left: 9.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block {
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block.gel__howtoProducts-block {
    width: 33.3089311859vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block.gel__howtoProducts-block {
    width: 455px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block.gel__howtoProducts-block {
    width: 249.8169838946px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block.gel__howtoProducts-block {
    align-items: center;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block.gel__howtoProducts-block {
    padding-left: 5.3333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block.gel__howtoProducts-block {
    padding-right: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture {
    width: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    margin-top: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    margin-top: 8.2357247438px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    width: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    width: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    width: 21.9619326501px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lotion__howtoProducts-image {
    width: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    margin-top: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    margin-top: 8.2357247438px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    width: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    width: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    width: 38.4333821376px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.lineUp__howtoserum-image {
    width: 12.4vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    margin-top: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    margin-top: 5.4904831625px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    width: 9.8828696925vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    width: 135px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    width: 74.121522694px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-block picture.gel__accordion-img {
    width: 24vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-block {
  text-align: left;
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name {
  color: #2e3993;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name {
    font-size: 13.17715959px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name {
    font-size: 4.2666666667vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name sup {
  vertical-align: sub;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name sup {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name sup {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name sup {
    font-size: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoProducts-name sup {
    font-size: 2.6666666667vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
  display: inline-block;
  border: 2px solid #082b7c;
  color: #082b7c;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    font-size: 0.878477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    font-size: 6.588579795px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding: 0.2928257687vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding: 2.196193265px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding-left: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding-left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding-left: 4.39238653px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding-right: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding-right: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    padding-right: 4.39238653px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    margin-top: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    margin-top: 8.2357247438px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    font-size: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    width: 17.7333333333vw;
  }
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText-box {
    margin-top: 2.4vw;
  }
}
.l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
  color: #082b7c;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    font-size: 8.78477306px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    margin-top: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    margin-top: 5.4904831625px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lineUp__block-section .lineUp__howtoText {
    font-size: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block,
  .l-contents-melanoccmen .serum__block,
  .l-contents-melanoccmen .gel__block {
    padding-top: 6.2225475842vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block,
  .l-contents-melanoccmen .serum__block,
  .l-contents-melanoccmen .gel__block {
    padding-top: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block,
  .l-contents-melanoccmen .serum__block,
  .l-contents-melanoccmen .gel__block {
    padding-top: 46.6691068814px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block,
  .l-contents-melanoccmen .serum__block,
  .l-contents-melanoccmen .gel__block {
    padding-top: 5.3333333333vw;
  }
}
.l-contents-melanoccmen .lotion__block-inner,
.l-contents-melanoccmen .serum__block-inner,
.l-contents-melanoccmen .gel__block-inner {
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    max-width: 36.6032210835vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    max-width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    max-width: 274.5241581259px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    padding: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    padding: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    padding: 21.9619326501px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    padding: 4vw;
  }
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    margin-left: 4vw;
  }
  .l-contents-melanoccmen .lotion__block-inner,
  .l-contents-melanoccmen .serum__block-inner,
  .l-contents-melanoccmen .gel__block-inner {
    margin-right: 4vw;
  }
}
.l-contents-melanoccmen .lotion__block-title,
.l-contents-melanoccmen .serum__block-title,
.l-contents-melanoccmen .gel__block-title {
  color: #000000;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-title,
  .l-contents-melanoccmen .serum__block-title,
  .l-contents-melanoccmen .gel__block-title {
    font-size: 2.0497803807vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-title,
  .l-contents-melanoccmen .serum__block-title,
  .l-contents-melanoccmen .gel__block-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-title,
  .l-contents-melanoccmen .serum__block-title,
  .l-contents-melanoccmen .gel__block-title {
    font-size: 15.3733528551px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-title,
  .l-contents-melanoccmen .serum__block-title,
  .l-contents-melanoccmen .gel__block-title {
    font-size: 4.8vw;
  }
}
.l-contents-melanoccmen .lotion__block-inner picture {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-inner picture {
    margin-top: 4.0263543192vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-inner picture {
    margin-top: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-inner picture {
    margin-top: 30.1976573939px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-inner picture {
    margin-top: 6.6666666667vw;
  }
}
.l-contents-melanoccmen .lotion__block-inner picture img {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-inner picture img {
    width: 8.0527086384vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-inner picture img {
    width: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-inner picture img {
    width: 60.3953147877px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-inner picture img {
    width: 16.6666666667vw;
  }
}
.l-contents-melanoccmen .serum__block-image img {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .serum__block-image img {
    width: 13.9092240117vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .serum__block-image img {
    width: 190px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .serum__block-image img {
    width: 104.3191800878px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .serum__block-image img {
    margin-top: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .serum__block-image img {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .serum__block-image img {
    margin-top: 32.9428989751px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .serum__block-image img {
    width: 29.3333333333vw;
  }
  .l-contents-melanoccmen .serum__block-image img {
    margin-top: 6.6666666667vw;
  }
}
.l-contents-melanoccmen .gel__block-image img {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .gel__block-image img {
    width: 27.0863836018vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .gel__block-image img {
    width: 370px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .gel__block-image img {
    width: 203.1478770132px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .gel__block-image img {
    margin-top: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .gel__block-image img {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .gel__block-image img {
    margin-top: 32.9428989751px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .gel__block-image img {
    width: 57.3333333333vw;
  }
  .l-contents-melanoccmen .gel__block-image img {
    margin-top: 6.6666666667vw;
  }
}
.l-contents-melanoccmen .lotion__block-text,
.l-contents-melanoccmen .serum__block-text,
.l-contents-melanoccmen .gel__block-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #424242;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    margin-top: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    margin-top: 19.2166910688px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    gap: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    gap: 5.4904831625px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    margin-top: 4vw;
  }
  .l-contents-melanoccmen .lotion__block-text,
  .l-contents-melanoccmen .serum__block-text,
  .l-contents-melanoccmen .gel__block-text {
    gap: 1.3333333333vw;
  }
}
.l-contents-melanoccmen .lotion__block-text span:first-child,
.l-contents-melanoccmen .serum__block-text span:first-child,
.l-contents-melanoccmen .gel__block-text span:first-child {
  display: inline-block;
  border: 2px solid #424242;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    font-size: 0.9516837482vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    font-size: 7.1376281113px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-left: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-left: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-left: 1.6471449488px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-right: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-right: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-right: 1.6471449488px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    font-size: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-top: 0.5333333333vw;
  }
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-bottom: 0.5333333333vw;
  }
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-left: 1.8666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-text span:first-child,
  .l-contents-melanoccmen .serum__block-text span:first-child,
  .l-contents-melanoccmen .gel__block-text span:first-child {
    padding-right: 1.8666666667vw;
  }
}
.l-contents-melanoccmen .lotion__block-text span:last-child,
.l-contents-melanoccmen .serum__block-text span:last-child,
.l-contents-melanoccmen .gel__block-text span:last-child {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-text span:last-child,
  .l-contents-melanoccmen .serum__block-text span:last-child,
  .l-contents-melanoccmen .gel__block-text span:last-child {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-text span:last-child,
  .l-contents-melanoccmen .serum__block-text span:last-child,
  .l-contents-melanoccmen .gel__block-text span:last-child {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-text span:last-child,
  .l-contents-melanoccmen .serum__block-text span:last-child,
  .l-contents-melanoccmen .gel__block-text span:last-child {
    font-size: 8.78477306px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-text span:last-child,
  .l-contents-melanoccmen .serum__block-text span:last-child,
  .l-contents-melanoccmen .gel__block-text span:last-child {
    font-size: 2.6666666667vw;
  }
}
.l-contents-melanoccmen .lotion__block-link,
.l-contents-melanoccmen .serum__block-link,
.l-contents-melanoccmen .gel__block-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #082b7c;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
  position: relative;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    border: 2px solid #082b7c;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    margin-top: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    margin-top: 19.2166910688px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-top: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-top: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-top: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-bottom: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-bottom: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    width: 23.4260614934vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    width: 175.6954612006px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    font-size: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    border-width: 0.1464128843vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    border-width: 1.0980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    border: 2px solid #082b7c;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    margin-top: 4.6666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    width: 78.6666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-top: 3.4666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    padding-bottom: 3.4666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    font-size: 3.7333333333vw;
  }
  .l-contents-melanoccmen .lotion__block-link,
  .l-contents-melanoccmen .serum__block-link,
  .l-contents-melanoccmen .gel__block-link {
    border-width: 0.5333333333vw;
  }
}
.l-contents-melanoccmen .lotion__block-link:hover,
.l-contents-melanoccmen .serum__block-link:hover,
.l-contents-melanoccmen .gel__block-link:hover {
  opacity: 0.7;
}
.l-contents-melanoccmen .lotion__block-link::after,
.l-contents-melanoccmen .serum__block-link::after,
.l-contents-melanoccmen .gel__block-link::after {
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-color: #082b7c;
  border-left: none;
  border-bottom: none;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    right: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    right: 10.980966325px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    width: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    width: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    width: 5.4904831625px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    height: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    height: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    height: 5.4904831625px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-top-width: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-top-width: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-top-width: 1.6471449488px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-right-width: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-right-width: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-right-width: 1.6471449488px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    right: 7.2vw;
  }
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    width: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    height: 2.6666666667vw;
  }
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-top-width: 0.4vw;
  }
  .l-contents-melanoccmen .lotion__block-link::after,
  .l-contents-melanoccmen .serum__block-link::after,
  .l-contents-melanoccmen .gel__block-link::after {
    border-right-width: 0.4vw;
  }
}
.l-contents-melanoccmen .points__block {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__block {
    max-width: 68.8140556369vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__block {
    max-width: 940px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__block {
    max-width: 516.1054172767px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__block {
    margin-top: 2.7818448023vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__block {
    margin-top: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__block {
    margin-top: 20.8638360176px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__block {
    margin-top: 15.3333333333vw;
  }
  .l-contents-melanoccmen .points__block {
    max-width: 94.6666666667vw;
  }
  .l-contents-melanoccmen .points__block {
    margin-left: 2.6666666667vw;
  }
  .l-contents-melanoccmen .points__block {
    margin-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__block.gel__points-block {
    margin-top: 14.6666666667vw;
  }
}
.l-contents-melanoccmen .points__block > picture {
  display: block;
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__block > picture {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__block > picture {
    position: absolute;
  }
  .l-contents-melanoccmen .points__block > picture {
    top: -5.3333333333vw;
  }
  .l-contents-melanoccmen .points__block > picture {
    left: 50%;
    transform: translateX(-50%);
  }
}
.l-contents-melanoccmen .points__block > picture img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__block > picture img {
    width: 13.17715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__block > picture img {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__block > picture img {
    width: 98.8286969253px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__block > picture img {
    width: 46.6666666667vw;
  }
}
.l-contents-melanoccmen .points__block > picture img {
  height: auto;
}
.l-contents-melanoccmen .points__contents-block {
  background-color: #ffffff;
  text-align: center;
  position: relative;
  -o-border-image: linear-gradient(to right, #f7931e, #ffc107) 1;
     border-image: linear-gradient(to right, #f7931e, #ffc107) 1;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block {
    border: 8px solid transparent;
  }
  .l-contents-melanoccmen .points__contents-block {
    margin-top: -1.8301610542vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block {
    margin-top: -25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block {
    margin-top: -13.7262079063px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-top: 5.4904831625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-top: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-top: 41.1786237189px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-right: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-right: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-bottom: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-bottom: 38.4333821376px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-left: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block {
    padding-left: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block {
    border-width: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block {
    border-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block {
    border-width: 4.39238653px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__contents-block {
    border: 4px solid transparent;
  }
  .l-contents-melanoccmen .points__contents-block {
    margin-top: -3.3333333333vw;
  }
  .l-contents-melanoccmen .points__contents-block {
    padding-top: 14.6666666667vw;
  }
  .l-contents-melanoccmen .points__contents-block {
    padding-bottom: 9.3333333333vw;
  }
  .l-contents-melanoccmen .points__contents-block {
    border-width: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint02__contents-block {
    padding-bottom: 4.6852122987vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint02__contents-block {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint02__contents-block {
    padding-bottom: 35.1390922401px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint02__contents-block {
    padding-top: 11.6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-top: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-top: 38.4333821376px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-bottom: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-bottom: 38.4333821376px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__contents-block.Lotionpoint03__contents-block {
    padding-top: 11.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-top: 5.270863836vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-top: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-top: 39.5314787701px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-bottom: 5.270863836vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-bottom: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-bottom: 39.5314787701px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-top: 13.3333333333vw;
  }
  .l-contents-melanoccmen .points__contents-block.serum__poin03-block {
    padding-bottom: 9.6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__contents-block.gel__contents-block {
    padding-bottom: 5.270863836vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__contents-block.gel__contents-block {
    padding-bottom: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__contents-block.gel__contents-block {
    padding-bottom: 39.5314787701px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__contents-block.gel__contents-block {
    padding-top: 11.3333333333vw;
  }
  .l-contents-melanoccmen .points__contents-block.gel__contents-block {
    padding-bottom: 8.8vw;
  }
}
.l-contents-melanoccmen .point__contents-subTitle,
.l-contents-melanoccmen .point__contents-title,
.l-contents-melanoccmen .point__contents-parenttheses {
  color: #04287e;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-subTitle {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-subTitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-subTitle {
    font-size: 9.8828696925px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-subTitle {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-title {
    font-size: 2.0497803807vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-title {
    font-size: 15.3733528551px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-title {
    font-size: 5.8666666667vw;
  }
}
.l-contents-melanoccmen .point__contents-title .point__contents-sup {
  vertical-align: super;
  font-size: 0.6em;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    font-size: 10.980966325px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    margin-top: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    margin-top: 2.7452415813px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-parenttheses {
    font-size: 3.2vw;
  }
}
.l-contents-melanoccmen .point__contents-wave {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-wave {
    width: 7.3206442167vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-wave {
    width: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-wave {
    width: 54.9048316252px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-wave {
    margin-top: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-wave {
    margin-top: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-wave {
    margin-top: 9.8828696925px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-wave {
    width: 13.3333333333vw;
  }
  .l-contents-melanoccmen .point__contents-wave {
    margin-top: 5.3333333333vw;
  }
}
.l-contents-melanoccmen .point__contents-image {
  display: block;
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-image {
    margin-top: 3.3333333333vw;
  }
}
.l-contents-melanoccmen .point__contents-image img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-image img {
    width: 43.9238653001vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-image img {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-image img {
    width: 329.4289897511px;
  }
}
.l-contents-melanoccmen .point__contents-image.lotion__poin02-image, .l-contents-melanoccmen .point__contents-image.serum__poin01-img, .l-contents-melanoccmen .point__contents-image.serum__poin02-img, .l-contents-melanoccmen .point__contents-image.gel__contents-image {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-image.lotion__poin02-image {
    width: 32.8696925329vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-image.lotion__poin02-image {
    width: 449px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-image.lotion__poin02-image {
    width: 246.5226939971px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-image.lotion__poin02-image {
    margin-top: 2.6666666667vw;
  }
  .l-contents-melanoccmen .point__contents-image.lotion__poin02-image {
    width: 78.8vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    margin-top: 10.980966325px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    width: 29.2825768668vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    width: 400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    width: 219.6193265007px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    margin-top: 6.6666666667vw;
  }
  .l-contents-melanoccmen .point__contents-image.serum__poin01-img {
    width: 74.4vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin02-img {
    width: 23.7920937042vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin02-img {
    width: 325px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin02-img {
    width: 178.4407027818px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-image.serum__poin02-img {
    width: 92vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-image.gel__contents-image {
    width: 24.8901903367vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-image.gel__contents-image {
    width: 340px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-image.gel__contents-image {
    width: 186.6764275256px;
  }
}
.l-contents-melanoccmen .serum__block + .points__block + .points__block .point__contents-text {
  margin-top: 0;
}
.l-contents-melanoccmen .point__contents-text {
  color: #333333;
  line-height: 1.8;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-text {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-text {
    font-size: 9.8828696925px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-text {
    font-size: 3.7333333333vw;
  }
  .l-contents-melanoccmen .point__contents-text {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-text.Lotionpoint03__contents-text, .l-contents-melanoccmen .point__contents-text.serum__poin01-text, .l-contents-melanoccmen .point__contents-text.serum__poin03-text {
    margin-top: 2.0497803807vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-text.Lotionpoint03__contents-text, .l-contents-melanoccmen .point__contents-text.serum__poin01-text, .l-contents-melanoccmen .point__contents-text.serum__poin03-text {
    margin-top: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-text.Lotionpoint03__contents-text, .l-contents-melanoccmen .point__contents-text.serum__poin01-text, .l-contents-melanoccmen .point__contents-text.serum__poin03-text {
    margin-top: 15.3733528551px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-text.Lotionpoint03__contents-text {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-text.serum__poin01-text {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-text.gel__point01-text {
    margin-top: 0vw;
  }
}
.l-contents-melanoccmen .point__contents-text .point__contents-mark {
  vertical-align: super;
  font-size: 0.6em;
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-text.serum__poin03-text {
    margin-top: 5.0666666667vw;
  }
}
.l-contents-melanoccmen .point__contents-text .point__contents-text-bold {
  font-weight: bold;
}
.l-contents-melanoccmen .point__contents-notes {
  text-align: center;
  color: #999999;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-notes {
    font-size: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-notes {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-notes {
    font-size: 5.4904831625px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-notes {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-notes {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-notes {
    margin-top: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-notes {
    font-size: 2.6666666667vw;
  }
  .l-contents-melanoccmen .point__contents-notes {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .point__contents-notes.Lotionpoint03__contents-notes, .l-contents-melanoccmen .point__contents-notes.serum__poin02-notes, .l-contents-melanoccmen .point__contents-notes.serum__poin03-notes, .l-contents-melanoccmen .point__contents-notes.gel__point01-notes {
    margin-top: 0.878477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .point__contents-notes.Lotionpoint03__contents-notes, .l-contents-melanoccmen .point__contents-notes.serum__poin02-notes, .l-contents-melanoccmen .point__contents-notes.serum__poin03-notes, .l-contents-melanoccmen .point__contents-notes.gel__point01-notes {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .point__contents-notes.Lotionpoint03__contents-notes, .l-contents-melanoccmen .point__contents-notes.serum__poin02-notes, .l-contents-melanoccmen .point__contents-notes.serum__poin03-notes, .l-contents-melanoccmen .point__contents-notes.gel__point01-notes {
    margin-top: 6.588579795px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-notes.lotion__poin02-notes {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-notes.serum__poin02-notes {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-notes.serum__poin03-notes {
    margin-top: 2.8vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .point__contents-notes.gel__point01-notes {
    margin-top: 1.6vw;
  }
}
.l-contents-melanoccmen .points__list {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__list {
    display: flex;
  }
  .l-contents-melanoccmen .points__list {
    gap: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__list {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__list {
    gap: 10.980966325px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__list {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__list {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__list {
    margin-top: 21.9619326501px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__list {
    margin-bottom: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__list {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__list {
    margin-bottom: 16.4714494876px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    margin-inline: auto;
  }
  .l-contents-melanoccmen .points__list {
    -moz-column-gap: 2.6666666667vw;
         column-gap: 2.6666666667vw;
  }
  .l-contents-melanoccmen .points__list {
    row-gap: 2.6666666667vw;
  }
  .l-contents-melanoccmen .points__list {
    margin-top: 7.3333333333vw;
  }
  .l-contents-melanoccmen .points__list {
    width: 78.6666666667vw;
  }
}
.l-contents-melanoccmen .points__list-item picture {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .points__list-item picture img {
    width: 11.7130307467vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .points__list-item picture img {
    width: 160px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .points__list-item picture img {
    width: 87.8477306003px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .points__list-item picture img {
    width: 38vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__block {
    margin-top: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__block {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__block {
    margin-top: 43.9238653001px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__block {
    margin-top: 8vw;
  }
  .l-contents-melanoccmen .howto__block {
    padding-left: 2.6666666667vw;
  }
  .l-contents-melanoccmen .howto__block {
    padding-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__block.Lotionhowto__block, .l-contents-melanoccmen .howto__block.serum__howto-block, .l-contents-melanoccmen .howto__block.gel__howto-container {
    padding-top: 2.6666666667vw;
  }
}
.l-contents-melanoccmen .howto__contents-block {
  background-color: #ffffff;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block {
    border: 8px solid #2e3993;
  }
  .l-contents-melanoccmen .howto__contents-block {
    max-width: 68.8140556369vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block {
    max-width: 940px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block {
    max-width: 516.1054172767px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-top: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-top: 27.4524158126px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-right: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-right: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-bottom: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-bottom: 27.4524158126px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-left: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block {
    padding-left: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block {
    border-width: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block {
    border-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block {
    border-width: 4.39238653px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-block {
    border: 4px solid #2e3993;
  }
  .l-contents-melanoccmen .howto__contents-block {
    padding-top: 10.6666666667vw;
  }
  .l-contents-melanoccmen .howto__contents-block {
    padding-bottom: 10.6666666667vw;
  }
  .l-contents-melanoccmen .howto__contents-block {
    border-width: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-top: 4.831625183vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-top: 66px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-top: 36.2371888726px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-bottom: 4.831625183vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-bottom: 66px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-bottom: 36.2371888726px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-top: 8.8vw;
  }
  .l-contents-melanoccmen .howto__contents-block.Lotionhowto__contents-block, .l-contents-melanoccmen .howto__contents-block.serum__howto-block {
    padding-bottom: 8.8vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-top: 4.831625183vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-top: 66px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-top: 36.2371888726px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-bottom: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-bottom: 38.4333821376px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-top: 8.8vw;
  }
  .l-contents-melanoccmen .howto__contents-block.gel__howto-block {
    padding-bottom: 9.3333333333vw;
  }
}
.l-contents-melanoccmen .howto__contents-subTitle,
.l-contents-melanoccmen .howto__contents-title {
  color: #2e3993;
  font-weight: bold;
  text-align: center;
}
.l-contents-melanoccmen .howto__contents-subTitle {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-subTitle {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-subTitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-subTitle {
    font-size: 8.78477306px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-subTitle {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-title {
    font-size: 2.3426061493vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-title {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-title {
    font-size: 17.5695461201px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-title {
    font-size: 6.9333333333vw;
  }
}
.l-contents-melanoccmen .howto__contents-text {
  color: #424242;
  line-height: 1.8;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-text {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-text {
    font-size: 9.8828696925px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-text {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-text {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-text {
    margin-top: 21.9619326501px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-text {
    font-size: 3.7333333333vw;
  }
  .l-contents-melanoccmen .howto__contents-text {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-text.lotion__howto-text, .l-contents-melanoccmen .howto__contents-text.serum__howto-text, .l-contents-melanoccmen .howto__contents-text.gel__howto-text {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-text.lotion__howto-text, .l-contents-melanoccmen .howto__contents-text.serum__howto-text, .l-contents-melanoccmen .howto__contents-text.gel__howto-text {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-text.lotion__howto-text, .l-contents-melanoccmen .howto__contents-text.serum__howto-text, .l-contents-melanoccmen .howto__contents-text.gel__howto-text {
    margin-top: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-text.lotion__howto-text {
    margin-top: 2vw;
  }
}
.l-contents-melanoccmen .howto__contents-image {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-image {
    margin-top: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-image {
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-image {
    margin-top: 19.2166910688px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-image {
    margin-top: 4vw;
  }
}
.l-contents-melanoccmen .howto__contents-image img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-image img {
    width: 28.1844802343vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-image img {
    width: 385px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-image img {
    width: 211.383601757px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-image img {
    width: 76vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__contents-image.serum__howto-img {
    margin-top: 1.8301610542vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__contents-image.serum__howto-img {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__contents-image.serum__howto-img {
    margin-top: 13.7262079063px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__contents-image.serum__howto-img {
    margin-top: 4vw;
  }
}
.l-contents-melanoccmen .howto__description {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__description {
    gap: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__description {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__description {
    gap: 21.9619326501px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__description {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__description {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__description {
    margin-top: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__description {
    gap: 4vw;
  }
  .l-contents-melanoccmen .howto__description {
    margin-top: 2vw;
  }
}
.l-contents-melanoccmen .howto__description-text {
  font-weight: bold;
  color: #2e3993;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .howto__description-text {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .howto__description-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .howto__description-text {
    font-size: 8.78477306px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .howto__description-text {
    font-size: 3.2vw;
  }
}
.l-contents-melanoccmen .accordion__block {
  background-color: #ffffff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__block {
    border: 8px solid #2e3993;
  }
  .l-contents-melanoccmen .accordion__block {
    max-width: 68.8140556369vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__block {
    max-width: 940px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__block {
    max-width: 516.1054172767px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__block {
    margin-top: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__block {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__block {
    margin-top: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__block {
    border-width: 0.5856515373vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__block {
    border-width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__block {
    border-width: 4.39238653px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__block {
    border: 4px solid #2e3993;
  }
  .l-contents-melanoccmen .accordion__block {
    margin-top: 5.3333333333vw;
  }
  .l-contents-melanoccmen .accordion__block {
    margin-left: 5.3333333333vw;
  }
  .l-contents-melanoccmen .accordion__block {
    margin-right: 5.3333333333vw;
  }
  .l-contents-melanoccmen .accordion__block {
    border-width: 0.5333333333vw;
  }
  .l-contents-melanoccmen .accordion__block {
    width: 94.6666666667vw;
  }
  .l-contents-melanoccmen .accordion__block {
    display: block;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__block.lotion__accordion-block, .l-contents-melanoccmen .accordion__block.serum__accordion-block, .l-contents-melanoccmen .accordion__block.gel__accordion-block {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__block.lotion__accordion-block, .l-contents-melanoccmen .accordion__block.serum__accordion-block, .l-contents-melanoccmen .accordion__block.gel__accordion-block {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__block.lotion__accordion-block, .l-contents-melanoccmen .accordion__block.serum__accordion-block, .l-contents-melanoccmen .accordion__block.gel__accordion-block {
    margin-top: 21.9619326501px;
  }
}
.l-contents-melanoccmen .accordion__header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__header {
    padding: 1.8301610542vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__header {
    padding: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__header {
    padding: 13.7262079063px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__header {
    padding: 2.6666666667vw;
  }
}
.l-contents-melanoccmen .accordion__header::-webkit-details-marker {
  display: none;
}
.l-contents-melanoccmen .accordion__header::marker {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__header.lotion__accordion-header, .l-contents-melanoccmen .accordion__header.serum__accordion-header, .l-contents-melanoccmen .accordion__header.gel__accordion-header {
    padding-top: 3.2942898975vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__header.lotion__accordion-header, .l-contents-melanoccmen .accordion__header.serum__accordion-header, .l-contents-melanoccmen .accordion__header.gel__accordion-header {
    padding-top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__header.lotion__accordion-header, .l-contents-melanoccmen .accordion__header.serum__accordion-header, .l-contents-melanoccmen .accordion__header.gel__accordion-header {
    padding-top: 24.7071742313px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__header.lotion__accordion-header, .l-contents-melanoccmen .accordion__header.serum__accordion-header, .l-contents-melanoccmen .accordion__header.gel__accordion-header {
    padding-bottom: 3.2942898975vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__header.lotion__accordion-header, .l-contents-melanoccmen .accordion__header.serum__accordion-header, .l-contents-melanoccmen .accordion__header.gel__accordion-header {
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__header.lotion__accordion-header, .l-contents-melanoccmen .accordion__header.serum__accordion-header, .l-contents-melanoccmen .accordion__header.gel__accordion-header {
    padding-bottom: 24.7071742313px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen details[open] > .accordion__header.lotion__accordion-header, .l-contents-melanoccmen details[open] > .accordion__header.serum__accordion-header, .l-contents-melanoccmen details[open] > .accordion__header.gel__accordion-header {
    padding-bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen details[open] > .accordion__header.lotion__accordion-header, .l-contents-melanoccmen details[open] > .accordion__header.serum__accordion-header, .l-contents-melanoccmen details[open] > .accordion__header.gel__accordion-header {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen details[open] > .accordion__header.lotion__accordion-header, .l-contents-melanoccmen details[open] > .accordion__header.serum__accordion-header, .l-contents-melanoccmen details[open] > .accordion__header.gel__accordion-header {
    padding-bottom: 0px;
  }
}
.l-contents-melanoccmen .accordion__title {
  color: #2e3993;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__title {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__title {
    font-size: 13.17715959px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__title {
    font-size: 5.3333333333vw;
  }
}
.l-contents-melanoccmen .accordion__icon {
  position: absolute;
  width: 1em;
  height: 1em;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__icon {
    right: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__icon {
    right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__icon {
    right: 16.4714494876px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__icon {
    font-size: 2.0497803807vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__icon {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__icon {
    font-size: 15.3733528551px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__icon {
    right: 8.6666666667vw;
  }
  .l-contents-melanoccmen .accordion__icon {
    font-size: 5.3333333333vw;
  }
}
.l-contents-melanoccmen .accordion__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2e3993;
  transform: translateY(-50%);
}
.l-contents-melanoccmen .accordion__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #2e3993;
  transform: translateX(-50%);
  transition: transform 0.3s ease;
}
.l-contents-melanoccmen .accordion__block[open] .accordion__icon::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}
.l-contents-melanoccmen .accordion__content {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content {
    padding-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content {
    padding-top: 10.980966325px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content {
    padding-right: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content {
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content {
    padding-right: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content {
    padding-bottom: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content {
    padding-bottom: 32.9428989751px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content {
    padding-left: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content {
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content {
    padding-left: 32.9428989751px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__content {
    padding: 2.6666666667vw;
  }
  .l-contents-melanoccmen .accordion__content {
    padding-top: 8.6666666667vw;
  }
  .l-contents-melanoccmen .accordion__content {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-top: 2.635431918vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-top: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-top: 19.7657393851px;
  }
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-bottom: 4.0263543192vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-bottom: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-bottom: 30.1976573939px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-top: 2.9333333333vw;
  }
  .l-contents-melanoccmen .accordion__content.lotion__accordion-content, .l-contents-melanoccmen .accordion__content.serum__accordion-content, .l-contents-melanoccmen .accordion__content.gel__accordion-content {
    padding-bottom: 6.6666666667vw;
  }
}
.l-contents-melanoccmen .accordion__content .lineUp__howto-timing {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .l-contents-melanoccmen .accordion__content .lineUp__howto-flow > .lineUp__howtolabel-yellow:last-child {
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .l-contents-melanoccmen .accordion__content .lineUp__howto-flow > .lineUp__howtolabel-yellow:last-child {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 750px) {
  .l-contents-melanoccmen .accordion__content .lineUp__howto-flow > .lineUp__howtolabel-yellow:last-child {
    margin-bottom: 10.980966325px;
  }
}
@media screen and (max-width: 767px) {
  .l-contents-melanoccmen .accordion__content .lineUp__howto-flow > .lineUp__howtolabel-yellow:last-child {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 1366px) {
  .l-contents-melanoccmen .kv__block-section {
    background-image: url(/-/Media/com/melanoccmen/20260202/mv.pc.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .l-contents-melanoccmen .kv__block-section img {
    width: 100%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .l-contents-melanoccmen .kv__block-section {
    background-image: url(/-/Media/com/melanoccmen/20260202/mv.pc.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 500px;
  }
  .l-contents-melanoccmen .kv__block-section img {
    width: 100%;
  }
}