: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
================================================ */
#contents_care_beginner .l-container {
  padding-top: 0;
  overflow: hidden;
}

/* .c-head09
================================================ */
#contents_care_beginner .c-head09 {
  background: #E376BE;
}

/* .contents_care_beginner-mainImg
================================================ */
.contents_care_beginner-mainImg__bg {
  position: relative;
}
.contents_care_beginner-mainImg__bg:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #F5F1FA;
  z-index: 1;
}
.contents_care_beginner-mainImg__bg picture {
  position: relative;
  z-index: 2;
}

/* .contents_care_beginner-intro
================================================ */
.contents_care_beginner-intro__inner {
  background: #E9E2C6;
}

/* .contents_care_beginner-pageMenu
================================================ */
.contents_care_beginner-pageMenu__img img {
  width: 100%;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-pageMenu__wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
}
.contents_care_beginner-pageMenu__trouble-head {
  color: #fff;
  background: linear-gradient(to right, #f54a93 0%, #fb75ae 50%, #f54a93 100%);
  line-height: 1.1;
  padding: 15px 1em;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-pageMenu__trouble-head {
    padding: 10px 1em;
  }
}
.contents_care_beginner-pageMenu__menu {
  padding: 4px 4px 20px 4px;
  box-shadow: inset 0px 0px 0px 1px #FEE5EE, inset 0px 0px 0px 4px #FFF;
  background: #FEE5EE;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-pageMenu__menu:nth-child(n+2) {
    margin-top: 20px;
  }
}
.contents_care_beginner-pageMenu__menu:nth-child(2) {
  box-shadow: inset 0px 0px 0px 1px #FEE5EE, inset 0px 0px 0px 4px #FFF;
  background: #E8ECF7;
}
.contents_care_beginner-pageMenu__menu:nth-child(2) a {
  border-color: #89a4ee;
}
.contents_care_beginner-pageMenu__menu:nth-child(2) a::before {
  background: url(/contents_care_beginner/img/ico_menu02.png) no-repeat;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-pageMenu__menu:nth-child(2) li:nth-child(4) a {
    padding: 0.3em 0.5em 0.1em 2.5em;
  }
}
.contents_care_beginner-pageMenu__menu:nth-child(2) .contents_care_beginner-pageMenu__trouble-head {
  background: linear-gradient(to right, #697de2 0%, #a3b1f8 50%, #697de2 100%);
}
.contents_care_beginner-pageMenu__menu:nth-child(2) .contents_care_beginner-pageMenu__menu-head {
  color: #1D2C7C;
}
.contents_care_beginner-pageMenu__menu:nth-child(3) {
  background: linear-gradient(to right, #b75bbe 0%, #d791dc 50%, #b75bbe 100%);
  background: #F1E3F0;
}
.contents_care_beginner-pageMenu__menu:nth-child(3) a {
  border-color: #d799d3;
}
.contents_care_beginner-pageMenu__menu:nth-child(3) a::before {
  background: url(/contents_care_beginner/img/ico_menu03.png) no-repeat;
}
.contents_care_beginner-pageMenu__menu:nth-child(3) .contents_care_beginner-pageMenu__trouble-head {
  background: linear-gradient(to right, #b75bbe 0%, #d791dc 50%, #b75bbe 100%);
}
.contents_care_beginner-pageMenu__menu:nth-child(3) .contents_care_beginner-pageMenu__menu-head {
  color: #401A43;
}
.contents_care_beginner-pageMenu__menu-head {
  margin-top: 15px;
  color: #D22371;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-pageMenu__menu-head {
    font-size: 2.6rem;
    margin-bottom: 10px;
  }
}
@media all and (min-width: 768px) {
  .contents_care_beginner-pageMenu__menu-head {
    font-size: 2.8rem;
  }
}
@media all and (min-width: 768px) {
  .contents_care_beginner-pageMenu__menu {
    width: 32%;
  }
  .contents_care_beginner-pageMenu__menu-head {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .contents_care_beginner-pageMenu__menu-box {
    display: flex;
    flex-direction: column-reverse;
  }
}
.contents_care_beginner-pageMenu__list {
  width: 90%;
  margin: auto;
}
.contents_care_beginner-pageMenu__list li:nth-child(n+2) {
  margin-top: 10px;
}
.contents_care_beginner-pageMenu__list li a {
  text-decoration: none;
  line-height: 1.1;
  border: 2px solid;
  border-color: #F8B9C8;
  display: block;
  border-radius: 3rem;
  padding: 0.8em 0.5em 0.7em 2.5em;
  position: relative;
  background: #fff;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-pageMenu__list li a {
    text-align: center;
  }
}
.contents_care_beginner-pageMenu__list li a::before {
  content: "";
  background: url(/contents_care_beginner/img/ico_menu01.png) no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (min-width: 768px) {
  .contents_care_beginner-pageMenu__list li a::before {
    width: 23px;
    height: 23px;
  }
}

/* .contents_care_beginner-content
================================================ */
.contents_care_beginner-content {
  background: #FBF8F1;
  padding-bottom: 50px;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-content {
    padding-bottom: 100px;
  }
}

/* .contents_care_beginner-skinList
================================================ */
.contents_care_beginner-skinList__menu {
  background: #fff;
  padding-bottom: 30px;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-skinList__menu {
    width: 100vw;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
  }
}
@media all and (min-width: 768px) {
  .contents_care_beginner-skinList__menu {
    padding-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .contents_care_beginner-skinList__head {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}
.contents_care_beginner-skinList__head-txt {
  background: linear-gradient(to right, #f54a93 0%, #fb75ae 50%, #f54a93 100%);
  line-height: 1.1;
  padding: 20px 1em;
  font-size: 3rem;
  color: #fff;
}
.contents_care_beginner-skinList__head-txt.-nikibi {
  background: linear-gradient(to right, #697de2 0%, #a3b1f8 50%, #697de2 100%);
}
.contents_care_beginner-skinList__head-txt.-shiwa {
  background: linear-gradient(to right, #b75bbe 0%, #d791dc 50%, #b75bbe 100%);
}
.contents_care_beginner-skinList__head-sub {
  display: block;
  font-size: 1.8rem;
  margin-top: 0.5em;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-skinList__head-txt {
    font-size: 2rem;
    padding: 15px 1em;
  }
  .contents_care_beginner-skinList__head-sub {
    font-size: 1.6rem;
  }
}
.contents_care_beginner-skinList__block-tag {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.contents_care_beginner-skinList__block-tag span {
  border: 1px solid #F64B93;
  background: #F64B93;
  font-size: 1.4rem;
  display: block;
  padding: 0.3em 0.5em;
  line-height: 1.1;
  border-radius: 5px;
  margin-right: 0.5em;
  color: #fff;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-skinList__block-tag span {
    font-size: 1.8rem;
  }
}
.contents_care_beginner-skinList__block-tag.-nikibi span {
  border: 1px solid #697DE2;
  background: #697DE2;
}
.contents_care_beginner-skinList__block-tag.-shiwa span {
  border: 1px solid #B75BBE;
  background: #B75BBE;
}
.contents_care_beginner-skinList__block-head {
  color: #F64B93;
}
.contents_care_beginner-skinList #nikibi .c-head03 {
  border-bottom: 1px solid #697de2;
}
.contents_care_beginner-skinList #nikibi .c-head03 span {
  background: #697de2;
}
.contents_care_beginner-skinList #shiwa .c-head03 {
  border-bottom: 1px solid #B75BBE;
}
.contents_care_beginner-skinList #shiwa .c-head03 span {
  background: #B75BBE;
}
.contents_care_beginner-skinList__btn {
  margin-left: auto;
  margin-right: auto;
}
.contents_care_beginner-skinList__btn .c-menu02__btn-txt::before {
  display: none;
}
.contents_care_beginner-skinList__btn .c-menu02__btn-link {
  position: relative;
}
.contents_care_beginner-skinList__btn .c-menu02__btn-link:before {
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center #fff;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017%2026%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23e95383%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M3.385%2C1.489%20L14.637%2C12.742%20L3.385%2C23.996%20%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e95383%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20d%3D%22M3.385%2C1.489%20L14.637%2C12.742%20L3.385%2C23.996%20%22%2F%3E%3C%2Fsvg%3E);
  background-size: 6px 9px;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media all and (max-width: 767px) {
  .contents_care_beginner-skinList__btn {
    max-width: 290px;
  }
  .contents_care_beginner-skinList__btn .c-menu02__btn-link {
    padding: 8px 20px;
  }
  .contents_care_beginner-skinList__btn .c-menu02__btn-link:before {
    right: 10px;
  }
}
@media all and (min-width: 768px) {
  .contents_care_beginner-skinList__btn {
    width: 400px;
  }
  .contents_care_beginner-skinList__btn .c-menu02__btn-link {
    padding: 0px 20px;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

/* .contents_care_beginner-recommend
================================================ */
.contents_care_beginner-recommend__inner {
  border-width: 0 3px 3px 3px;
  border-color: transparent #F54B94 #F54B94 #F54B94;
  border-style: none solid solid solid;
  background: #fff;
  padding-bottom: 15px;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-recommend__inner {
    border-width: 0 10px 10px 10px;
    border-color: transparent #F54B94 #F54B94 #F54B94;
    border-style: none solid solid solid;
    padding-bottom: 25px;
  }
}
.contents_care_beginner-recommend__head {
  background: linear-gradient(to right, #f54a93 0%, #fb75ae 50%, #f54a93 100%);
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.1;
  padding: 0.8em;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-recommend__head {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    box-sizing: border-box;
  }
}
@media all and (min-width: 768px) {
  .contents_care_beginner-recommend__head {
    font-size: 3.2rem;
  }
}

/* .contents_care_beginner-point
================================================ */
@media all and (min-width: 768px) {
  .contents_care_beginner-point__set-img {
    position: relative;
  }
  .contents_care_beginner-point__set-img:before {
    content: "";
    background: url(/contents_care_beginner/img/ico_point01.png) no-repeat;
    background-size: contain;
    width: 105px;
    height: 105px;
    position: absolute;
    top: -19px;
    right: -8px;
  }
}
.contents_care_beginner-point__box:nth-child(3) .contents_care_beginner-point__set-img:before {
  background: url(/contents_care_beginner/img/ico_point02.png) no-repeat;
}
.contents_care_beginner-point__box:nth-child(4) .contents_care_beginner-point__set-img:before {
  background: url(/contents_care_beginner/img/ico_point03.png) no-repeat;
}

/* .contents_care_beginner-sale
================================================ */
.contents_care_beginner-sale {
  background: #FBF8F1;
  padding-bottom: 15px;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-sale {
    padding-bottom: 50px;
  }
}
.contents_care_beginner-sale__inner {
  background: #fff;
  padding: 15px;
  border: solid 1px #C7AF98;
  position: relative;
}
.contents_care_beginner-sale__inner:before {
  content: "";
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  left: 3px;
  top: 3px;
  border: solid 1px #EAE1DF;
}
@media all and (min-width: 768px) {
  .contents_care_beginner-sale__inner {
    padding: 40px;
  }
}
.contents_care_beginner-sale__inner > div {
  position: relative;
}
.contents_care_beginner-sale__inner ul {
  position: relative;
}
.contents_care_beginner-sale__head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #c7af98;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-sale__head {
    justify-content: space-between;
  }
}
@media all and (max-width: 767px) {
  .contents_care_beginner-sale__head-icon {
    width: 15%;
  }
}
@media all and (max-width: 767px) {
  .contents_care_beginner-sale__head-txt {
    width: 82%;
  }
}
.contents_care_beginner-sale__head-htxt {
  color: #EA3787;
  font-size: 1.8rem;
}
@media all and (max-width: 767px) {
  .contents_care_beginner-sale__head-htxt {
    line-height: 1.4;
  }
}
@media all and (max-width: 767px) {
  .contents_care_beginner-sale__head li:nth-child(2), .contents_care_beginner-sale__head li:nth-child(3) {
    width: 48%;
  }
  .contents_care_beginner-sale__head p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 0.3em;
  }
}
@media all and (min-width: 768px) {
  .contents_care_beginner-sale__head {
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .contents_care_beginner-sale__head-icon {
    margin-right: 15px;
  }
  .contents_care_beginner-sale__head-htxt {
    font-size: 3.2rem;
  }
}