@charset "UTF-8";
:root {
  --black: 51,51,51;
  --red: 238,0,59;
  --dark_red: 207,28,85;
  --main: 171,94,173;
  --accent: 227,55,129;
  --note: 102,102,102;
  --bg: 243,243,243;
  --gray: 153,153,153;
  --dark_gray: 167,167,167;
  --border: 210,211,212;
  --light_pink: 242,238,246;
  --beige: 242,238,230;
  --green: 92,198,172;
  --blue: 16,120,237;
  --purple: 195,129,203;
  --light_purple: 250,244,255;
  --pink_purple: 203,75,138;
  --blue: 87 129 234;
  --yellow: 255 183 3;
  --beauty_main: 233,83,131;
  --beauty_light_pink: 252,229,237;
  --contents_width: 1100px;
  --body_padding_side: 60px;
  --contents_width_with_padding: 1160px;
  --sidebar_width: 250px;
  --hover_opacity: .7;
}

/* .l-container
================================================ */
#menu_duoderma .l-container {
  padding-top: 0;
}

/* 共通
================================================ */
@media all and (min-width: 768px) {
  .c-case01 + .c-note01 {
    width: 780px;
    margin-inline: auto;
  }
}

/* .menu_duoderma__head
================================================ */
.menu_duoderma__head {
  background-color: #000;
  text-align: center;
}

/* .menu_duoderma-mainimg
================================================ */
.menu_duoderma-mainimg {
  background: #f8f1d4;
  background: linear-gradient(180deg, #f8f1d4 5%, #cfc3ad 50%, #a8968a 95%);
}

/* .menu_duoderma-about
================================================ */
.menu_duoderma-about__img {
  background-color: #0d0d0d;
}
.menu_duoderma-about-flow {
  border-radius: 10px;
  padding: 30px 15px;
}
@media all and (min-width: 768px) {
  .menu_duoderma-about-flow {
    border-radius: 30px;
    padding: 60px 30px;
  }
}
.menu_duoderma-about-flow__item + .menu_duoderma-about-flow__item::before {
  content: "";
  width: 42.13vw;
  height: 9.73vw;
  display: block;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: #c3c1ca;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #c3c1ca 100%);
  margin: 10px 0;
  margin-inline: auto;
}
@media all and (min-width: 768px) {
  .menu_duoderma-about-flow__item + .menu_duoderma-about-flow__item::before {
    width: 316px;
    height: 73px;
  }
}

/* .menu_duoderma-point
================================================ */
.menu_duoderma-point__inner {
  background-color: #ffa14d;
  padding: 30px 0;
}
@media all and (min-width: 768px) {
  .menu_duoderma-point__inner {
    padding: 60px 0;
  }
}
.menu_duoderma-point__head {
  width: 41.6vw;
  margin-inline: auto;
}
@media all and (min-width: 768px) {
  .menu_duoderma-point__head {
    width: 100%;
    text-align: center;
  }
}
.menu_duoderma-point__item {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 15px;
}
@media all and (min-width: 768px) {
  .menu_duoderma-point__item {
    border-radius: 30px;
    padding: 40px 30px;
  }
}
.menu_duoderma-point__item-head {
  width: 69.33vw;
  margin-inline: auto;
}
@media all and (min-width: 768px) {
  .menu_duoderma-point__item-head {
    width: 100%;
    text-align: center;
  }
}
.menu_duoderma-point__item + .menu_duoderma-point__item {
  margin-top: 20px;
}
@media all and (min-width: 768px) {
  .menu_duoderma-point__item + .menu_duoderma-point__item {
    margin-top: 40px;
  }
}

/* .menu_duoderma-recommend
================================================ */
.menu_duoderma-recommend {
  padding-bottom: 30px;
}
@media all and (min-width: 768px) {
  .menu_duoderma-recommend {
    padding-bottom: 50px;
  }
}
.menu_duoderma-recommend__img {
  background: linear-gradient(180deg, #e1e0e6 0%, #e5e4e9 50%, #e6e6e8 75%, #fff 90%);
}