@charset "UTF-8";
/* =======================================
 multi-skincare-sheet
======================================= */
.multi-skincare {
  color: #333;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, sans-serif;
  font-size: 3.077vw;
  letter-spacing: 0;
  margin: auto;
  width: 100%;
  /*offer*/
  /*5in1*/
  /*howto*/
  /*.offer03*/ }
  @media screen and (min-width: 780px) {
    .multi-skincare {
      font-size: 24px;
      max-width: 780px; } }
  .multi-skincare h1, .multi-skincare h2, .multi-skincare h3, .multi-skincare h4, .multi-skincare h5, .multi-skincare dl, .multi-skincare dt, .multi-skincare dd, .multi-skincare ul, .multi-skincare ol, .multi-skincare li {
    font-size: 100%;
    line-height: 1;
    margin: 0;
    padding: 0; }
  .multi-skincare p {
    margin: 0;
    padding: 0; }
  .multi-skincare ul, .multi-skincare ol {
    list-style: none; }
  .multi-skincare .intro {
    margin-top: 0.833em; }
  .multi-skincare .ms-wrap {
    background: #fff; }
  .multi-skincare .ms-intro {
    background: #fff;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.05);
    margin: -6.833em auto 1.833em;
    padding: 0.375em 0 0.583em;
    position: relative;
    width: 95.513%;
    z-index: 1; }
  .multi-skincare .ms-intro__ttl {
    margin: 0 auto 1.125em;
    width: 97.718%; }
  .multi-skincare .ms-intro__ul {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 96.242%; }
    .multi-skincare .ms-intro__ul li {
      width: 48.257%; }
  .multi-skincare .ms-intro__txt {
    margin-bottom: 0.792em; }
  .multi-skincare .ms-twoset {
    margin-bottom: 0.917em; }
  .multi-skincare .ms-offer {
    padding: 2.917em 1.667em 2.333em; }
  .multi-skincare .ms-offer__head-ttl {
    margin-bottom: 2em; }
  .multi-skincare .ms-offer__head-lead {
    width: 9.333em; }
  .multi-skincare .ms-offer__head-logo {
    margin: 0 0.625em 0 0;
    width: 6.125em; }
  .multi-skincare .ms-offer__head-txt {
    color: #53575a;
    font-size: 158.333%;
    letter-spacing: .06em; }
  .multi-skincare .ms-offer__deco {
    width: 12em;
    margin-top: 0.5em; }
  .multi-skincare .ms-offer__prodname {
    margin-bottom: 1.667em;
    font-size: 83.333%;
    font-weight: 200; }
  .multi-skincare .ms-offer__q {
    background: url(../img/starter/offer_bg.png) 50% 0/auto 100% no-repeat;
    color: #139cff;
    font-size: 125%;
    font-weight: 600;
    letter-spacing: .16em;
    margin-bottom: .5em;
    padding: 0.533em 0 1.4em;
    text-align: center; }
  .multi-skincare .ms-offer__a {
    width: 93.59%;
    margin: 0 auto 1.125em;
    color: #000;
    font-size: 166.667%;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .06em; }
    .multi-skincare .ms-offer__a span {
      font-size: 70%; }
    .multi-skincare .ms-offer__a strong {
      color: #139cff;
      font-size: 123%; }
  .multi-skincare .ms-offer__list {
    display: flex;
    justify-content: center; }
    .multi-skincare .ms-offer__list li {
      margin: 0 0 1em; }
      .multi-skincare .ms-offer__list li:not(:last-child) {
        margin-right: 1.282%; }
  .multi-skincare .ms-offer__notes {
    margin-bottom: 1em;
    text-align: center; }
  .multi-skincare .ms-offer__buy {
    display: flex;
    align-items: center; }
    .multi-skincare .ms-offer__buy.sbsc {
      color: #53575a; }
    .multi-skincare .ms-offer__buy.single {
      color: #53575a; }
  .multi-skincare .ms-offer__buy-ttl {
    font-size: 116.667%;
    font-weight: 600;
    letter-spacing: .1em; }
  .multi-skincare .ms-offer__buy-price {
    margin: 0 1.167em 0 0;
    width: 9.583em; }
  .multi-skincare .ms-offer__buy-btn {
    width: 12.917em; }
  .multi-skincare .ms-offer__buy-btn-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 14.583em;
    height: 3.333em;
    color: #fff;
    transition: filter 0.3s; }
    .multi-skincare .ms-offer__buy-btn-link:hover {
      text-decoration: none;
      filter: brightness(1.1); }
      .multi-skincare .ms-offer__buy-btn-link:hover .ms-offer__buy-btn-icon {
        transform: translateX(0.417em); }
  .multi-skincare .ms-offer__buy-btn-icon {
    transition: transform 0.3s, opacity 0.3s;
    width: 1.333em;
    margin-right: 0.833em; }
  .multi-skincare .ms-offer__buy-btn-txt {
    font-size: 91.667%;
    font-weight: 400;
    letter-spacing: .1em; }
  .multi-skincare .ms-offer__buy.sbsc .ms-offer__buy-btn-link {
    background: #53575a; }
  .multi-skincare .ms-offer__buy.single .ms-offer__buy-btn-link {
    background: #53575a; }
  .multi-skincare .ms-trouble {
    position: relative;
    height: 26em;
    padding-top: 3.333em;
    background: url(../img/multiskin/trouble_bg.png) no-repeat;
    background-position: bottom center;
    background-size: 120%;
    font-weight: 400; }
  .multi-skincare .ms-trouble__hl {
    margin: 0 auto 1.958em;
    width: 74.359%; }
  .multi-skincare .ms-trouble__list {
    color: #fff;
    margin-left: 14.359%; }
    .multi-skincare .ms-trouble__list li {
      background: url(../img/multiskin/icon_trouble.png) 0 0 no-repeat;
      background-size: auto 1.125em;
      font-size: 133.333%;
      letter-spacing: .1em;
      line-height: 1.125;
      margin-bottom: 1.344em;
      padding-left: 1.688em; }
  .multi-skincare .ms-trouble__there {
    display: block;
    color: #fff;
    font-size: 129.167%;
    font-weight: 400;
    text-align: center; }
  .multi-skincare .ms-5in1 {
    height: 28.333em;
    margin-top: -1.75em;
    padding-top: 3.75em;
    background: url(../img/multiskin/bg_appeal.jpg) 0 0/100% 100% no-repeat;
    text-align: center; }
  .multi-skincare .ms-5in1__hl {
    font-weight: 600;
    line-height: 1.5; }
  .multi-skincare .ms-5in1__first {
    font-size: 129.167%; }
  .multi-skincare .ms-5in1__second {
    font-size: 145.833%; }
  .multi-skincare .ms-5in1__third {
    font-size: 266.667%;
    font-weight: 900; }
  .multi-skincare .ms-5in1__forth {
    font-size: 100%;
    font-weight: 300; }
  .multi-skincare .underline {
    display: inline-block;
    line-height: 1; }
    .multi-skincare .underline.blue {
      background: linear-gradient(transparent 70%, #139cff 70%); }
  .multi-skincare .ms-therefore {
    padding: 1.042em 0 2.5em; }
  .multi-skincare .ms-therefore__hl {
    color: #53575a;
    font-size: 125%;
    letter-spacing: .1em;
    margin-bottom: 0.9em;
    text-align: center; }
  .multi-skincare .ms-therefore__list {
    background: url(../img/multiskin/therefore_bg.png) 50% 0/auto 100% no-repeat;
    display: flex;
    justify-content: center;
    height: 11.333em;
    margin-bottom: 1.333em;
    padding-top: 1.583em; }
    .multi-skincare .ms-therefore__list li {
      margin: 0 2.229em;
      text-align: center;
      width: 10em; }
    .multi-skincare .ms-therefore__list dt {
      margin-bottom: 0.667em; }
    .multi-skincare .ms-therefore__list dd {
      color: #53575a;
      font-size: 206.188%;
      font-weight: bold;
      letter-spacing: .1em;
      line-height: 1.3;
      margin-bottom: 0.121em;
      position: relative; }
      .multi-skincare .ms-therefore__list dd sup {
        font-size: 34%;
        line-height: 1;
        position: absolute;
        right: 20%;
        top: 8%; }
    .multi-skincare .ms-therefore__list p {
      font-size: 66.667%;
      letter-spacing: .1em; }
  .multi-skincare .ms-therefore__txt {
    color: #1f1a1a;
    font-size: 150%;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.39;
    text-align: center; }
    .multi-skincare .ms-therefore__txt strong {
      font-size: 133.333%; }
  .multi-skincare .ms-about__desc {
    background: url(../img/multiskin/about_bg_01.jpg) 0 0/100% 100% no-repeat;
    height: 35.083em;
    margin-bottom: 2.25em;
    padding-top: 2.25em; }
  .multi-skincare .ms-about__desc-dl {
    display: flex;
    font-weight: 600;
    height: 21.833em;
    justify-content: space-between;
    margin: 0 auto 2.083em;
    text-align: center;
    width: 89.744%; }
    .multi-skincare .ms-about__desc-dl div {
      display: block;
      width: 46.857%; }
    .multi-skincare .ms-about__desc-dl dt {
      background: url(../img/multiskin/about_bg_02.png) 50% 0/auto 100% no-repeat;
      color: #139cff;
      font-size: 125%;
      height: 2.933em;
      margin-bottom: 2.167em;
      padding-top: 0.533em; }
    .multi-skincare .ms-about__desc-dl dd {
      color: #1a1a1a;
      font-size: 141.667%;
      letter-spacing: .04em;
      line-height: 1.29;
      text-indent: .4em; }
  .multi-skincare .ms-about__desc-txt {
    color: #1a1a1a;
    font-size: 116.667%;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.53;
    margin-bottom: 0.714em;
    text-align: center; }
    .multi-skincare .ms-about__desc-txt .sup-txt {
      padding-right: .3em;
      position: relative; }
    .multi-skincare .ms-about__desc-txt sup {
      display: inline-block;
      font-size: 100%;
      position: absolute;
      right: 0;
      top: .1em;
      transform: scale(0.357);
      transform-origin: 100% 0; }
    .multi-skincare .ms-about__desc-txt strong {
      font-size: 157.143%; }
  .multi-skincare .ms-about__desc-notes {
    font-size: 66.667%;
    margin: auto;
    text-align: right;
    width: 89.744%; }
  .multi-skincare .ms-about__list {
    margin-bottom: 1.083em; }
  .multi-skincare .ms-about__list-cross {
    margin: 0.833em auto;
    width: 7.179%; }
  .multi-skincare .ms-enquete {
    background: url(../img/multiskin/enquete_bg_01.jpg) 0 0/100% 100% no-repeat;
    height: 34.667em;
    padding-top: 2.583em;
    position: relative; }
  .multi-skincare .ms-enquete__hl {
    background: url(../img/multiskin/enquete_bg_02.png) 50% 100%/auto 0.2em no-repeat;
    color: #53575a;
    font-size: 125%;
    letter-spacing: .1em;
    margin-bottom: 1.133em;
    padding-bottom: 0.467em;
    text-align: center; }
  .multi-skincare .ms-enquete__txt {
    color: #53575a;
    font-size: 183.333%;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.45;
    margin-bottom: 1.5em;
    text-align: center; }
  .multi-skincare .ms-enquete__level {
    margin: 0 auto 0 6.923%;
    width: 37.179%; }
  .multi-skincare .ms-enquete__notes {
    bottom: 1.417em;
    left: 5.128%;
    position: absolute; }
    .multi-skincare .ms-enquete__notes li {
      font-size: 54.167%;
      letter-spacing: .1em;
      line-height: 1.538; }
  .multi-skincare .ms-review {
    background: url(../img/multiskin/review_bg_01.jpg) 0 0/100% auto repeat-y;
    padding: 2.5em 0 3.25em; }
  .multi-skincare .ms-review__lead {
    background: url(../img/multiskin/review_bg_02.png) 50% 100% no-repeat;
    color: #1a1a1a;
    font-size: 137.5%;
    font-weight: 600;
    letter-spacing: .1em;
    margin-bottom: 0.303em;
    padding-bottom: 0.788em;
    text-align: center; }
  .multi-skincare .ms-review__hl {
    color: #139cff;
    font-size: 183.333%;
    letter-spacing: .1em;
    margin-bottom: 1.932em;
    text-align: center; }
  .multi-skincare .ms-review__num {
    position: absolute;
    top: -0.208em;
    width: 12.917em; }
  .multi-skincare .ms-review__img {
    bottom: 0;
    position: absolute;
    width: 10.833em; }
  .multi-skincare .ms-review__txt {
    line-height: 1.75;
    width: 15.354em; }
    .multi-skincare .ms-review__txt strong {
      background: linear-gradient(to bottom, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0) 62%, #fcee21 63%, #fcee21 94%, rgba(255, 255, 0, 0) 95%, rgba(255, 255, 0, 0) 100%); }
  .multi-skincare .ms-review__card {
    background: #fff;
    border: solid #80d7f2;
    border-width: 0.208em 0;
    padding: 4.167em 0 1.667em;
    position: relative;
    width: 94.872%; }
    .multi-skincare .ms-review__card:nth-child(odd) {
      border-left-width: 0.208em;
      margin-left: auto;
      padding-left: 13.417em; }
      .multi-skincare .ms-review__card:nth-child(odd) .ms-review__num {
        right: 1.458em; }
      .multi-skincare .ms-review__card:nth-child(odd) .ms-review__img {
        left: 0; }
    .multi-skincare .ms-review__card:nth-child(even) {
      border-right-width: 0.208em;
      margin-right: auto;
      padding-left: 1.667em; }
      .multi-skincare .ms-review__card:nth-child(even) .ms-review__num {
        left: 1.667em; }
      .multi-skincare .ms-review__card:nth-child(even) .ms-review__img {
        right: 0; }
    .multi-skincare .ms-review__card.card03 {
      padding-left: 11.667em; }
      .multi-skincare .ms-review__card.card03 .ms-review__txt {
        letter-spacing: -.02em;
        width: 17.75em; }
    .multi-skincare .ms-review__card:not(:last-child) {
      margin-bottom: 3.667em; }
  .multi-skincare .ms-item__head {
    line-height: 1;
    padding-top: 2.083em;
    padding-bottom: 1.667em;
    text-align: center; }
  .multi-skincare .ms-item__lead {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 0.292em;
    color: #53575a;
    margin-bottom: 1.083em;
    padding-bottom: 0.708em; }
  .multi-skincare .ms-item__lead-logo {
    margin-right: 0.417em;
    width: 4.917em; }
  .multi-skincare .ms-item__lead-txt {
    font-size: 125%;
    font-weight: 900;
    letter-spacing: .14em; }
  .multi-skincare .ms-item__hl {
    color: #1a1a1a;
    font-size: 233.333%;
    font-weight: 900;
    letter-spacing: .14em; }
  .multi-skincare .ms-item__list {
    background: 0 0 / 100% 100% no-repeat; }
    .multi-skincare .ms-item__list ul {
      margin: 0 auto 0 52.051%;
      width: 42.051%; }
    .multi-skincare .ms-item__list li {
      align-items: center;
      color: #000;
      display: flex;
      font-size: 116.667%;
      font-weight: 600;
      height: 4.214em;
      justify-content: center;
      line-height: 1.32;
      margin-bottom: 2.214em;
      text-align: center; }
  .multi-skincare .ms-item__point {
    line-height: 1;
    padding: 2.833em 5.128% 2.167em; }
  .multi-skincare .ms-item__point-inner {
    background: #fff;
    padding: 1.333em 0 2.083em; }
  .multi-skincare .ms-item__point-sec:not(:last-child) {
    margin-bottom: 2.25em; }
  .multi-skincare .ms-item__point-hl {
    margin: 0 auto 1.25em;
    width: 22.857%; }
  .multi-skincare .ms-item__point-lead {
    color: #1a1a1a;
    font-size: 175%;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.28;
    margin-bottom: 0.476em;
    text-align: center; }
  .multi-skincare .ms-item__point-txt {
    line-height: 1.75;
    margin: 0 auto 1.5em;
    width: 85.714%; }
    .multi-skincare .ms-item__point-txt .sup-txt {
      padding-right: .45em;
      position: relative; }
    .multi-skincare .ms-item__point-txt sup {
      display: inline-block;
      font-size: 100%;
      position: absolute;
      right: 0;
      top: .1em;
      transform: scale(0.417);
      transform-origin: 100% 0; }
    .multi-skincare .ms-item__point-txt .notes {
      font-size: 66.667%;
      margin-top: 0.813em;
      text-align: right; }
  .multi-skincare .ms-item__point-img {
    margin: auto;
    text-align: center; }
    .multi-skincare .ms-item__point-img img {
      width: 25.833em; }
  .multi-skincare .ms-item__free {
    display: flex;
    justify-content: center;
    margin-bottom: 3.125em; }
    .multi-skincare .ms-item__free li {
      align-items: center;
      background: url(../img/multiskin/item01_bg_04.png) 0 0/100% 100% no-repeat;
      color: #53575a;
      display: flex;
      font-size: 83.333%;
      font-weight: 600;
      height: 5.8em;
      justify-content: center;
      line-height: 1.12;
      margin: 0 0.35em;
      text-align: center;
      width: 5.8em; }
  .multi-skincare .ms-item01 .ms-item__lead {
    background-image: url(../img/multiskin/item01_bg_01.png); }
  .multi-skincare .ms-item01 .ms-item__point-inner {
    padding-top: 2.083em;
    padding-bottom: 2.083em; }
  .multi-skincare .ms-item01 .ms-item__list {
    background-image: url(../img/multiskin/item01_bg_02.jpg);
    height: 27.583em;
    padding-top: 4.25em; }
  .multi-skincare .ms-item01 .ms-item__point {
    background-image: url(../img/multiskin/item01_bg_03.jpg);
    background-size: auto 100%; }
  .multi-skincare .ms-item01 .ms-item__point-sec:nth-of-type(3) .ms-item__point-txt {
    margin-left: 2.083em;
    width: 90%; }
  .multi-skincare .ms-item01 .ms-item__free {
    margin-bottom: 3.125em; }
    .multi-skincare .ms-item01 .ms-item__free li {
      background: url(../img/multiskin/item01_bg_04.png) 0 0/100% 100% no-repeat;
      color: #53575a;
      font-size: 83.333%;
      height: 5.8em;
      line-height: 1.12;
      margin: 0 0.35em;
      width: 5.8em; }
  .multi-skincare .ms-item__ingredient {
    color: #1a1a1a;
    font-weight: 600;
    text-align: center; }
  .multi-skincare .ms-item__amino {
    border: 0.106em solid #139cff;
    font-size: 157.083%;
    letter-spacing: .08em;
    line-height: 2.268;
    margin: 0 auto 1.538em;
    position: relative;
    width: 73.429%; }
    .multi-skincare .ms-item__amino::after {
      background: url(../img/multiskin/item02_icon.png) 0 0/100% 100% no-repeat;
      bottom: -0.955em;
      content: "";
      display: block;
      height: 1.167em;
      left: 6.207em;
      position: absolute;
      width: 1.167em; }
  .multi-skincare .ms-item__free_hl {
    font-size: 157.083%;
    letter-spacing: .08em;
    margin-bottom: 0.424em; }
  .multi-skincare .ms-item02 .ms-item__lead {
    background-image: url(../img/multiskin/item02_bg_01.png); }
  .multi-skincare .ms-item02 .ms-item__list {
    background-image: url(../img/multiskin/item02_bg_02.jpg);
    height: 29.042em;
    padding-top: 4.667em; }
  .multi-skincare .ms-item02 .ms-item__point {
    background-image: url(../img/multiskin/item02_bg_03.jpg); }
  .multi-skincare .ms-item02 .ms-item__point-sec:nth-of-type(2) {
    margin-bottom: 0; }
  .multi-skincare .ms-item02 .ms-item__point-sec:nth-of-type(3) {
    background: url(../img/multiskin/item02_bg_04.jpg) 0 100%/100% auto no-repeat;
    padding-bottom: 1.042em; }
  .multi-skincare .ms-item02 .ms-item__free {
    flex-wrap: wrap;
    margin: auto;
    width: 77.143%; }
    .multi-skincare .ms-item02 .ms-item__free li {
      background: url(../img/multiskin/item02_bg_05.png) 0 0/100% 100% no-repeat;
      font-size: 104.167%;
      height: 5.48em;
      line-height: 1.12;
      margin: 0 0.56em 0.4em;
      width: 5.48em; }
  .multi-skincare .ms-ingredient {
    position: relative;
    height: 43.25em;
    padding-top: 2.833em;
    text-align: center;
    line-height: 1;
    background: url(../img/multiskin/ingredient_bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: 0 0; }
  .multi-skincare .ms-ingredient__lead {
    width: 28.8em;
    margin: 0 auto;
    margin-bottom: 2.917em;
    padding: 1.667em 0 1.25em;
    background: url(../img/multiskin/deco_ingredient.png) no-repeat top;
    border: 4px solid #139cff;
    border-top: 0; }
  .multi-skincare .ms-ingredient__lead-logo {
    margin-right: 0.625em;
    width: 7.083em; }
  .multi-skincare .ms-ingredient__lead-txt {
    color: #53575a;
    font-size: 175%;
    font-weight: 600;
    letter-spacing: .1em; }
  .multi-skincare .ms-ingredient__hl {
    position: relative;
    display: inline-block;
    margin-top: 0.917em;
    padding-right: 0.5em;
    color: #139cff;
    font-size: 116.667%;
    letter-spacing: .1em; }
    .multi-skincare .ms-ingredient__hl sup {
      display: inline-block;
      font-size: 100%;
      position: absolute;
      right: 0;
      top: .1em;
      transform: scale(0.357);
      transform-origin: 100% 0; }
  .multi-skincare .ms-ingredient__def {
    color: #1a1a1a;
    font-weight: 600;
    left: 28.462%;
    letter-spacing: .1em;
    padding-top: 1.25em;
    position: absolute;
    top: 21.167em;
    width: 43.077%; }
    .multi-skincare .ms-ingredient__def dt {
      font-size: 83.333%;
      line-height: 1.3;
      margin-bottom: 1em; }
      .multi-skincare .ms-ingredient__def dt .sup-txt {
        position: relative; }
      .multi-skincare .ms-ingredient__def dt sup {
        bottom: .2em;
        display: inline-block;
        font-size: 100%;
        position: absolute;
        right: -1.8em;
        transform: scale(0.55);
        transform-origin: 0 100%; }
    .multi-skincare .ms-ingredient__def dd {
      font-size: 155.833%;
      line-height: 1.4;
      text-shadow: .17em .17em .27em #fff, 0 .17em .27em #fff, .17em 0 .27em #fff, 0 -.17em .27em #fff, -.17em 0 .27em #fff, -.17em -.17em .27em #fff; }
  .multi-skincare .ms-ingredient__list {
    height: 26.25em;
    margin: 0 auto 2.167em 5.641%;
    position: relative;
    width: 89.487%; }
    .multi-skincare .ms-ingredient__list li {
      align-items: center;
      color: #53575a;
      display: flex;
      font-size: 116.667%;
      font-weight: bold;
      height: 7.661em;
      justify-content: center;
      letter-spacing: .01em;
      line-height: 1.357;
      position: absolute;
      width: 7.661em; }
      .multi-skincare .ms-ingredient__list li.list01 {
        left: 8.5em;
        top: 0; }
      .multi-skincare .ms-ingredient__list li.list02 {
        right: 0;
        top: 5.714em; }
      .multi-skincare .ms-ingredient__list li.list03 {
        bottom: 0;
        right: 2.571em; }
      .multi-skincare .ms-ingredient__list li.list04 {
        bottom: 0;
        left: 2.929em; }
      .multi-skincare .ms-ingredient__list li.list05 {
        left: 0;
        top: 5.714em; }
    .multi-skincare .ms-ingredient__list .sup-txt {
      padding-right: .6em;
      position: relative; }
    .multi-skincare .ms-ingredient__list sup {
      display: inline-block;
      font-size: 100%;
      position: absolute;
      right: 0;
      top: .1em;
      transform: scale(0.357);
      transform-origin: 100% 0; }
  .multi-skincare .ms-ingredient__notes {
    font-size: 66.667%;
    margin: auto;
    text-align: right;
    width: 89.744%; }
  .multi-skincare .ms-offer03 {
    margin: 1.083em 0; }
  .multi-skincare .ms-skin {
    background: url(../img/multiskin/skin_bg_01.jpg) 0 0/100% auto no-repeat #fff;
    line-height: 1;
    padding-top: 4.833em;
    text-align: center; }
  .multi-skincare .ms-skin__hl {
    color: #c77a5b;
    font-size: 183.333%;
    font-weight: 600;
    letter-spacing: .1em;
    margin-bottom: 1.591em; }
  .multi-skincare .ms-skin__txt {
    line-height: 1.75;
    margin-bottom: 0.417em; }
  .multi-skincare .ms-skin__desc {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em; }
    .multi-skincare .ms-skin__desc dl {
      width: 39.487%; }
    .multi-skincare .ms-skin__desc dt {
      margin-bottom: 0.417em; }
    .multi-skincare .ms-skin__desc dd {
      font-size: 91.667%;
      line-height: 1.8; }
  .multi-skincare .ms-skin__desc-icon {
    display: block;
    margin: 0 auto 0.833em;
    width: 5em; }
  .multi-skincare .ms-skin__desc-hl {
    font-size: 125%;
    font-weight: 600; }
  .multi-skincare .ms-skin__t-zone .ms-skin__desc-hl {
    color: #00b3e3; }
  .multi-skincare .ms-skin__u-zone .ms-skin__desc-hl {
    color: #139cff; }
  .multi-skincare .ms-skin__summary {
    color: #53575a;
    font-size: 133.333%;
    font-weight: 600;
    line-height: 1.375; }
  .multi-skincare .ms-skin__feature {
    background: url(../img/multiskin/skin_bg_02.png) 0 0/100% 100% no-repeat;
    height: 18.542em;
    margin: -1.583em 0 -4.583em;
    padding-top: 6em;
    position: relative;
    z-index: 1; }
  .multi-skincare .ms-skin__feature-lead {
    background: #fff;
    display: inline-block;
    font-size: 95.833%;
    line-height: 1.7;
    margin-bottom: 0.957em;
    padding: 0 0.5em; }
    .multi-skincare .ms-skin__feature-lead strong {
      font-size: 121.739%;
      letter-spacing: .1em; }
  .multi-skincare .ms-skin__feature-txt {
    color: #fff;
    font-size: 125%;
    letter-spacing: .1em;
    margin-bottom: 0.333em; }
  .multi-skincare .ms-skin__feature-em {
    color: #84d7f9;
    font-size: 175%;
    font-weight: 600;
    letter-spacing: .14em;
    line-height: 1.47; }
  .multi-skincare .ms-barrier {
    background: url(../img/multiskin/barrier_bg_01.jpg) no-repeat;
    background-position: top center;
    background-size: 100% auto;
    line-height: 1;
    padding: 7.667em 0 5.167em;
    text-align: center; }
  .multi-skincare .ms-barrier__hl {
    background: url(../img/multiskin/barrier_bg_02.png) 50% 0/auto 100% no-repeat;
    color: #139cff;
    font-size: 108.333%;
    letter-spacing: .08em;
    height: 3.385em;
    margin-bottom: 0.385em;
    padding-top: 0.769em; }
  .multi-skincare .ms-barrier__catch {
    color: #53575a;
    font-size: 220.833%;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.37;
    margin-bottom: 0.83em; }
    .multi-skincare .ms-barrier__catch strong {
      display: inline-block;
      margin-right: 0.189em;
      padding: 0.189em 0 0.075em 0.075em;
      color: #42b0ff;
      background: #fff;
      box-shadow: 0.132em 0.132em 0.094em rgba(0, 0, 0, 0.1);
      line-height: 1; }
      .multi-skincare .ms-barrier__catch strong::before {
        content: "“"; }
      .multi-skincare .ms-barrier__catch strong::after {
        content: "”"; }
  .multi-skincare .ms-barrier__txt {
    font-size: 108.333%;
    letter-spacing: .08em;
    line-height: 1.65; }
  .multi-skincare .ms-important {
    position: relative;
    margin-bottom: 2.5em;
    padding-top: 3.333em;
    text-align: center;
    line-height: 1; }
    .multi-skincare .ms-important .relative {
      display: flex;
      align-items: flex-end;
      height: 17em;
      overflow: hidden; }
      .multi-skincare .ms-important .relative img {
        transform: translateY(1.667em); }
  .multi-skincare .ms-important__hl {
    position: absolute;
    top: -1.833em;
    left: 0;
    width: 100%;
    height: 3.917em;
    padding-top: 1.083em;
    color: #fff;
    font-weight: 600;
    letter-spacing: .08em; }
    .multi-skincare .ms-important__hl .txt {
      position: relative;
      z-index: 1; }
    .multi-skincare .ms-important__hl .tri {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      border-style: solid;
      border-width: 3.875em 4.667em 0 4.667em;
      border-color: #139cff transparent transparent transparent;
      transform: translateX(-50%);
      opacity: 0.8; }
  .multi-skincare .ms-important__desc {
    position: relative;
    width: 84.615%;
    margin: 0 auto 1.25em;
    padding: 0.417em 0 1.083em;
    background: url(../img/multiskin/deco_kakko.png) no-repeat;
    background-size: auto 6.708em; }
    .multi-skincare .ms-important__desc:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background: url(../img/multiskin/deco_kakko.png) no-repeat;
      background-size: auto 6.708em;
      transform: scale(-1, 1); }
    .multi-skincare .ms-important__desc dt {
      font-size: 116.667%;
      letter-spacing: .08em;
      margin-bottom: 0.143em; }
    .multi-skincare .ms-important__desc dd {
      font-size: 150%;
      font-weight: 600;
      letter-spacing: .08em;
      line-height: 1.4; }
      .multi-skincare .ms-important__desc dd span {
        letter-spacing: -1em; }
  .multi-skincare .ms-important__factor {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.143em;
    color: #53575a; }
    .multi-skincare .ms-important__factor + img {
      width: 29.292em; }
    .multi-skincare .ms-important__factor dt {
      background: #ccc;
      font-size: 91.667%;
      font-weight: 600;
      margin-right: 0.727em;
      padding: 0.3em 0.5em; }
    .multi-skincare .ms-important__factor dd {
      font-size: 83.333%; }
  .multi-skincare .ms-choise {
    background: url(../img/multiskin/choice_bg_01.jpg) 0 0/100% 100% no-repeat;
    height: 9.875em;
    line-height: 1;
    padding-top: 2.083em;
    text-align: center; }
  .multi-skincare .ms-howto {
    padding: 0 5.128%;
    padding-top: 3.333em;
    padding-bottom: 3.333em;
    background: url(../img/multiskin/bg_howto.jpg) no-repeat;
    background-size: 100% 100%; }
  .multi-skincare .ms-howto__hl {
    letter-spacing: .16em; }
  .multi-skincare .ms-howto_inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 15.417em;
    width: 100%;
    padding: 8.974% 6.41%;
    background: #fff; }
    .multi-skincare .ms-howto_inner:not(:last-child) {
      margin-bottom: 3.846%; }
    .multi-skincare .ms-howto_inner .txt + div {
      width: 28.571%; }
    .multi-skincare .ms-howto_inner .txt h3 {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      height: 1.417em;
      margin-top: 0.417em;
      margin-bottom: 1.667em;
      background: no-repeat;
      background-size: contain; }
      .multi-skincare .ms-howto_inner .txt h3.step1 {
        background-image: url(../img/multiskin/txt_howtostep1.png); }
      .multi-skincare .ms-howto_inner .txt h3.step2 {
        background-image: url(../img/multiskin/txt_howtostep2.png); }
      .multi-skincare .ms-howto_inner .txt h3.step3 {
        background-image: url(../img/multiskin/txt_howtostep3.png); }
      .multi-skincare .ms-howto_inner .txt h3.step2 + p {
        margin-right: 3.333em; }
    .multi-skincare .ms-howto_inner .txt p {
      color: #53575a;
      font-size: 104.167%;
      font-weight: 300;
      line-height: 1.8;
      white-space: nowrap; }
    .multi-skincare .ms-howto_inner .note {
      position: absolute;
      bottom: 0;
      right: 0;
      padding-right: 1.25em;
      padding-bottom: 1.25em;
      color: #139cff;
      font-size: 75%;
      font-weight: 300; }
  .multi-skincare .ms-howto__hl {
    margin-bottom: 2.083em;
    color: #53575a;
    font-size: 100%;
    font-weight: 600;
    text-align: center; }
    .multi-skincare .ms-howto__hl .ch {
      display: inline-block;
      width: 14.833em;
      height: 2.417em;
      margin-bottom: 0.833em;
      background: url(../img/multiskin/tit_howto.png) no-repeat center;
      background-size: contain;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
  .multi-skincare .ms-offer03 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-top: 3.75em;
    padding-bottom: 4.167em;
    text-align: center;
    background: url(../img/multiskin/bg_offer03.jpg) no-repeat center top;
    background-size: 100% auto;
    /*cutin*/
    /*starterset*/
    /*starterset*/
    /*otherproduts*/ }
    .multi-skincare .ms-offer03.cutin {
      background: none;
      padding: 0; }
      .multi-skincare .ms-offer03.cutin .ms-lineup__main .ms-lineup__sec {
        padding: 0; }
    .multi-skincare .ms-offer03 .ms-offer03__hl span {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      height: 2.042em;
      margin-bottom: 0.833em;
      background: url(../img/multiskin/tit_lineup.png) no-repeat center;
      background-size: contain; }
    .multi-skincare .ms-offer03 .ms-offer03__hl p {
      color: #53575a;
      font-size: 100%;
      font-weight: 600;
      text-align: center;
      letter-spacing: .06em; }
    .multi-skincare .ms-offer03 .ms-offer__list {
      margin: 0 0.625em; }
      .multi-skincare .ms-offer03 .ms-offer__list li:not(:first-child) {
        border-radius: 50%;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); }
    .multi-skincare .ms-offer03 .ms-offer03__hl {
      padding-bottom: 1.25em; }
    .multi-skincare .ms-offer03 .ms-offer__catchimg {
      margin-bottom: 0.833em; }
    .multi-skincare .ms-offer03 .ms-offer__catch {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      padding: 0.542em 1.25em;
      color: #fff;
      font-weight: 600;
      line-height: 1;
      background: #139cff;
      letter-spacing: .06em;
      transform: translateY(50%); }
      .multi-skincare .ms-offer03 .ms-offer__catch span {
        font-size: 133.333%; }
      .multi-skincare .ms-offer03 .ms-offer__catch .js-desvg {
        width: 5em; }
      .multi-skincare .ms-offer03 .ms-offer__catch .js-desvg path,
      .multi-skincare .ms-offer03 .ms-offer__catch .js-desvg polygon {
        fill: #fff; }
    .multi-skincare .ms-offer03 .ms-offer__ttl {
      display: flex;
      align-items: center;
      margin-bottom: 0.833em; }
      .multi-skincare .ms-offer03 .ms-offer__ttl .ms-offer__ttl-lead {
        width: 9.333em; }
      .multi-skincare .ms-offer03 .ms-offer__ttl .ms-offer__ttl-logo {
        width: 6.542em;
        margin: 0 0.833em; }
      .multi-skincare .ms-offer03 .ms-offer__ttl .ms-offer__ttl-txt {
        color: #53575a;
        font-size: 166.667%;
        font-weight: 600;
        line-height: 2;
        letter-spacing: .02em; }
    .multi-skincare .ms-offer03 .ms-offer__buy.sbsc {
      margin-bottom: 1.25em;
      color: #139cff; }
    .multi-skincare .ms-offer03 .ms-offer__buy.sbsc .ms-offer__buy-btn-link {
      background: #139cff; }
    .multi-skincare .ms-offer03 .ms-offer__buy-ttl {
      margin-top: 0.417em; }
    .multi-skincare .ms-offer03 .ms-offer03 .ms-offer__buy-btn {
      width: 12.917em; }
    .multi-skincare .ms-offer03 .ms-offer__buy {
      justify-content: space-between;
      margin-bottom: 3.333em;
      padding: 0 1.667em; }
    .multi-skincare .ms-offer03 .ms-offer__buy-btn-link {
      width: auto; }
    .multi-skincare .ms-offer03 .ms-offer__notes {
      padding: 0 1.25em; }
    .multi-skincare .ms-offer03 .ms-offer__lead {
      padding: 0 1.667em; }
      .multi-skincare .ms-offer03 .ms-offer__lead h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.833em;
        padding: 0.833em 0;
        background: url(../img/multiskin/deco_lineup_starter.png) no-repeat center bottom;
        background-size: 23.917em; }
        .multi-skincare .ms-offer03 .ms-offer__lead h3 span {
          padding-top: 0.167em;
          color: #000;
          font-size: 191.667%;
          font-weight: 900; }
      .multi-skincare .ms-offer03 .ms-offer__lead p .sup {
        vertical-align: super;
        font-size: 60%; }
      .multi-skincare .ms-offer03 .ms-offer__lead .js-desvg {
        width: 7.375em; }
        .multi-skincare .ms-offer03 .ms-offer__lead .js-desvg path,
        .multi-skincare .ms-offer03 .ms-offer__lead .js-desvg polygon {
          fill: #000; }
      .multi-skincare .ms-offer03 .ms-offer__lead p {
        margin-bottom: 0.583em;
        font-size: 100%;
        font-weight: 300; }
        .multi-skincare .ms-offer03 .ms-offer__lead p .sup {
          vertical-align: super;
          font-size: 60%; }
      .multi-skincare .ms-offer03 .ms-offer__lead .note {
        margin-bottom: 1.25em;
        font-size: 66.667%;
        text-align: right; }
    .multi-skincare .ms-offer03 .ms-lineup__main {
      text-align: left;
      overflow-x: hidden;
      /*lead*/
      /*----lead*/
      /*offer*/
      /*----offer*/
      /*img*/
      /*----img*/ }
      .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec {
        position: relative;
        padding-top: 3.333em; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec h3 span {
          font-size: 158.333%;
          font-weight: 600;
          line-height: 1.2;
          letter-spacing: .04em; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec .ms-lineup__desc-hl {
          margin-bottom: 0.667em;
          color: #53575a;
          font-size: 141.667%; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec .ms-lineup__sec-txt {
          margin-top: 1.25em; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec .ms-lineup__sec-txt p {
            width: 27.917em;
            margin-bottom: 0.583em;
            font-size: 100%;
            font-weight: 300;
            line-height: 1.6; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec .ms-lineup__sec-txt p .sup {
              vertical-align: super;
              font-size: 60%; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__sec .ms-lineup__sec-txt .notes {
            font-size: 66.667%;
            font-weight: 300; }
      .multi-skincare .ms-offer03 .ms-lineup__main .dismR {
        margin-left: 1.667em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .dismL {
        margin-right: 1.667em; }
        .multi-skincare .ms-offer03 .ms-lineup__main .dismL .ms-lineup__sec-hl,
        .multi-skincare .ms-offer03 .ms-lineup__main .dismL .ms-lineup__sec-txt {
          padding-left: 3.333em; }
        .multi-skincare .ms-offer03 .ms-lineup__main .dismL .ms-lineup__desc {
          padding-left: 3.167em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .QR1 .ms-lineup__desc {
        margin-top: 2.083em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc {
        margin-top: 2.917em;
        margin-bottom: 3.333em;
        padding: 1.667em;
        padding-bottom: 0;
        background: #e6ebf0; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch {
          display: flex;
          align-items: center;
          margin-bottom: 1.042em; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch .ms-lineup__desc-catch-txt {
            position: relative;
            display: inline-block;
            margin-right: 0.667em;
            padding: 0.333em 0.417em; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch .ms-lineup__desc-catch-txt > .txt {
              color: #139cff;
              font-weight: 600;
              font-size: 116.667%;
              line-height: 1; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch .ms-lineup__desc-catch-txt > .border {
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              height: 0.167em;
              background: #139cff; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch .ms-lineup__desc-catch-txt > .border:after {
              content: "";
              right: 0;
              display: block;
              width: 1.25em;
              height: 0.167em;
              margin: 0 0 0 auto;
              background: url(../img/multiskin/deco_lineupproduct.png) no-repeat;
              background-color: #e6ebf0;
              background-size: cover;
              background-position: right bottom; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch .ms-lineup__desc-catch-txt .ls {
              letter-spacing: -0.5em; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-catch .ms-lineup__desc-catch-logo {
            width: 5em; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-txt {
          margin-bottom: 0.833em;
          font-size: 83.333%;
          font-weight: 300; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-price {
          display: flex;
          align-items: flex-end; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-price dt {
            margin-right: 0.667em;
            color: #00b3e3;
            font-size: 116.667%;
            font-weight: 600;
            line-height: 1.5; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-price dd {
            height: 2.708em; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__desc-price dd img {
              width: auto;
              height: 100%; }
        .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn {
          position: relative;
          z-index: 1;
          text-align: center;
          transform: translateY(50%); }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 20.417em;
            margin: 0 auto;
            padding: 1em;
            letter-spacing: .1em;
            background: #00b3e3;
            transition: filter 0.3s; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn a:hover {
              filter: brightness(1.1);
              text-decoration: none; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn a img {
              transition: transform 0.3s, opacity 0.3s; }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn a:hover img {
              transform: translateX(30%); }
            .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn a span {
              color: #fff;
              font-size: 116.667%;
              line-height: 1; }
          .multi-skincare .ms-offer03 .ms-lineup__main .ms-lineup__desc .ms-lineup__btn .ms-lineup__btn-icon {
            width: 1.333em;
            margin-right: 0.833em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .ms-linup__img {
        position: absolute;
        bottom: 1.667em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .dismR .ms-linup__img {
        right: 0; }
      .multi-skincare .ms-offer03 .ms-lineup__main .dismL .ms-linup__img {
        right: -0.583em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .QR1 .ms-linup__img {
        right: -0.583em;
        width: 8.792em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .HN1 .ms-linup__img {
        width: 9.917em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .UVQR1 .ms-linup__img {
        right: -1.25em;
        width: 10.125em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .NC1 .ms-linup__img {
        right: 0;
        width: 10.333em; }
      .multi-skincare .ms-offer03 .ms-lineup__main .TK1 .ms-linup__img {
        width: 10.75em; }

/*# sourceMappingURL=multiskin.css.map */