@charset "UTF-8";
/*============================

Mixin PC

============================*/
/*================================

add02.css

================================*/
/*----------------------------
    L&W_about
----------------------------*/
.min {
  /* font-family: "メイリオ",Meiryo,Osaka,sans-serif; */
  font-family: 'Noto Sans JP', sans-serif;
 }

.l_a_w_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #fbe1e4;
  border-radius: 10px;
  padding: 40px 20px 20px; }
  .l_a_w_about .cf {
    display: block; }
    .l_a_w_about .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .l_a_w_about .fl {
    float: left; }
  .l_a_w_about .fr {
    float: right; }
  .l_a_w_about * {
    box-sizing: border-box; }
  .l_a_w_about a:hover img {
    opacity: 0.7; }
  .l_a_w_about p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  .l_a_w_about p.att {
    line-height: 1.2; }
  .l_a_w_about h2 {
    position: absolute;
    left: -16px;
    top: -40px;
    background: url(/img/Nov/law/about_bg.png);
    width: 333px;
    height: 82px;
    font-family: "メイリオ",Meiryo,Osaka,sans-serif;
    text-align:center;
    }
    .l_a_w_about h2 span.txt {
      display: block;
      transform: rotate(-2deg);
      padding-top: 33px;
      padding-left: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
    .l_a_w_about h2 span.txt span {
    font-size: 24px;
    line-height: 1px;
    color: #fff;
    }
      .l_a_w_about h2 span.txt rt {
        font-size: 9px;
        letter-spacing: -3px; }
.l_a_w_about h2 p {
        position: absolute;
        top: 22px;
        left: 90px;
        transform: rotate(-2deg);
        color: #fff;
        font-size: 10px;
}


  .l_a_w_about p.copy {
    font-size: 18px;
    color: #642221;
    font-weight: bold;
    margin-bottom: 10px; }
    .l_a_w_about p.copy sup {
      font-size: 11px; }
  .l_a_w_about img.ob {
    position: absolute;
    right: 5px;
    top: -40px; }
  .l_a_w_about div.box_wrap {
    background: url(/img/Nov/law/about_box_bg.png) left top no-repeat #fff;
    padding: 30px 20px 20px;
    border-radius: 10px;
    color: #595757; }
    .l_a_w_about div.box_wrap div.h3_box.min {
      margin-bottom: 40px; }
      .l_a_w_about div.box_wrap div.h3_box.min p {
        font-size: 18px;
        text-align: center;
        color: #642221;
        font-weight: bold;
        margin-bottom: 15px; }
        .l_a_w_about div.box_wrap div.h3_box.min p sup {
          font-size: 12px; }
      .l_a_w_about div.box_wrap div.h3_box.min h3 {
        text-align: center;
        color: #642221;
        font-weight: bold;
        font-size: 34px; }
    .l_a_w_about div.box_wrap div.cf div.box {
      width: 310px;
      float: left;
      margin-right: 30px;
      margin-bottom: 20px; }
      .l_a_w_about div.box_wrap div.cf div.box:nth-child(even) {
        margin-right: 0; }
      .l_a_w_about div.box_wrap div.cf div.box h4.min {
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
        color: #652221;
        line-height: 1;
        margin-bottom: 20px; }
      @media all and (-ms-high-contrast: none) {
        .l_a_w_about div.box_wrap div.cf div.box h4.min {
          padding-top: 9px;
          padding-bottom: 4px; } }
      .l_a_w_about div.box_wrap div.cf div.box p.copy {
        color: #652221;
        font-size: 13px;
        font-weight: bold;
        line-height: 21px; }
      .l_a_w_about div.box_wrap div.cf div.box div.seibun ul li {
        font-size: 11px;
        margin-bottom: 5px;
        position: relative;
        line-height: 1;
        padding-left: 10px;
        margin-bottom: 3px; }
        .l_a_w_about div.box_wrap div.cf div.box div.seibun ul li:before {
          position: absolute;
          left: 0;
          top: 3px;
          margin: 0;
          content: "";
          width: 5px;
          height: 5px;
          display: inline-block;
          background: #717071;
          border-radius: 20px; }
    .l_a_w_about div.box_wrap div.cf div.box.hadaare h4.min {
      background: #d3ebf3; }
    .l_a_w_about div.box_wrap div.cf div.box.hadaare div.seibun {
      float: left;
      width: 92px; }
      .l_a_w_about div.box_wrap div.cf div.box.hadaare div.seibun + div.seibun {
        margin-left: 10px; }
      .l_a_w_about div.box_wrap div.cf div.box.hadaare div.seibun:first-child p {
        padding-top: 15px; }
      .l_a_w_about div.box_wrap div.cf div.box.hadaare div.seibun p {
        width: 85px;
        margin: 0 auto 15px;
        height: 50px;
        color: #00aecb;
        box-shadow: 0 0 3px 3px #d3ebf3;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        background: #d3ebf3;
        border-radius: 100px;
        padding-top: 5px; }
    .l_a_w_about div.box_wrap div.cf div.box.bihaku h4.min {
      background: #e4d2e0; }
    .l_a_w_about div.box_wrap div.cf div.box.bihaku div.seibun .fl p {
      width: 85px;
      margin: 0 auto 15px;
      height: 50px;
      color: #b4799f;
      box-shadow: 0 0 3px 3px #e4d2e0;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      background: #e4d2e0;
      border-radius: 100px;
      padding-top: 5px; }
    .l_a_w_about div.box_wrap div.cf div.box.hari h4.min {
      background: #fff0c6;
      margin-bottom: 0; }
    .l_a_w_about div.box_wrap div.cf div.box.hari p.att {
      margin-top: 5px;
      text-align: right;
      margin-bottom: 5px; }
    .l_a_w_about div.box_wrap div.cf div.box.hari div.seibun.cf p.fl {
      width: 85px;
      margin: 0 auto 15px;
      height: 50px;
      color: #f7b400;
      box-shadow: 0 0 3px 3px #fff0c6;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      background: #fff0c6;
      border-radius: 100px;
      padding-top: 15px; }
    .l_a_w_about div.box_wrap div.cf div.box.hari div.seibun.cf ul.fl {
      margin-left: 15px; }
    .l_a_w_about div.box_wrap div.cf div.box.shigeki h4.min {
      background: #fadbde; }
    .l_a_w_about div.box_wrap div.cf div.box.shigeki ul {
      text-align: center; }
      .l_a_w_about div.box_wrap div.cf div.box.shigeki ul li {
        display: inline-block;
        background: #fcebec;
        border-radius: 100px;
        text-align: center;
        width: 74px;
        height: 74px;
        margin: 0 5px;
        font-size: 16px;
        color: #652221;
        font-weight: bold;
        line-height: 74px; }
    .l_a_w_about div.box_wrap div.sign {
      border: 1px solid  #f4b3c2;
      background: #fef4f5;
      padding: 5px;
      line-height: 1; }
      .l_a_w_about div.box_wrap div.sign p span {
        color: #e95377;
        font-weight: bold; }

@media all and (-ms-high-contrast: none) {
  .l_a_w_about h2 span.txt {
    padding-top: 42px; } }
/*----------------------------
    l_a_w_step
----------------------------*/
div.l_a_w_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }
  div.l_a_w_step .cf {
    display: block; }
    div.l_a_w_step .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.l_a_w_step .fl {
    float: left; }
  div.l_a_w_step .fr {
    float: right; }
  div.l_a_w_step * {
    box-sizing: border-box; }
  div.l_a_w_step a:hover img {
    opacity: 0.7; }
  div.l_a_w_step p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.l_a_w_step div.cf h3.fl {
    margin-top: 20px;
    border: 2px solid #00ac9c;
    border-radius: 50%;
    text-align: center;
    color: #00ac9c;
    font-size: 20px;
    padding-top: 25px;
    width: 110px;
    height: 110px;
    font-weight: bold;
    line-height: 28px; }
  div.l_a_w_step div.cf div.fr dl {
    float: left; }
    div.l_a_w_step div.cf div.fr dl dt {
      height: 33px;
      color: #00ac9c;
      font-size: 11px;
      text-align: center;
      line-height: 1;
      padding-top: 5px;
      padding-right: 5px; }
      div.l_a_w_step div.cf div.fr dl dt span {
        line-height: 1;
        margin-bottom: 2px;
        color: #727171;
        display: block;
        text-align: center; }
    div.l_a_w_step div.cf div.fr dl dd {
      margin-top: 17px;
      text-align: center; }
      div.l_a_w_step div.cf div.fr dl dd img {
        vertical-align: bottom; }
  div.l_a_w_step div.cf div.fr {
    width: 610px; }
    div.l_a_w_step div.cf div.fr dl dt {
      line-height: 1.2;
      /* padding-top: 0; */
      height: 52px;
      font-size: 12px;
      /* font-weight: bold; */
      background: url(/img/Nov/law/step01_bg.png) right center no-repeat #e5f3ed; }
    div.l_a_w_step div.cf div.fr dl.step01, div.l_a_w_step div.cf div.fr dl.step02, div.l_a_w_step div.cf div.fr dl.step05, div.l_a_w_step div.cf div.fr dl.step06 {
      width: 62px; }
    div.l_a_w_step div.cf div.fr dl.step03, div.l_a_w_step div.cf div.fr dl.step04, div.l_a_w_step div.cf div.fr dl.step07 {
      width: 120px; }

/*----------------------------
    law_feature
----------------------------*/
div.law_feature {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  border: 2px solid  #ef6079;
  padding: 0px; }
  div.law_feature .cf {
    display: block; }
    div.law_feature .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.law_feature .fl {
    float: left; }
  div.law_feature .fr {
    float: right; }
  div.law_feature * {
    box-sizing: border-box; }
  div.law_feature a:hover img {
    opacity: 0.7; }
  div.law_feature p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.law_feature h2 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
    height: 102px;
    width: 742px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    padding-top: 43px;
    padding-right: 15px;
    font-weight: bold;
    color: #fff; }
  div.law_feature h3 {
    color: #e5006a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    div.law_feature h3 span {
      font-size: 30px; }
    div.law_feature h3 sup {
      font-size: 13px; }
  div.law_feature p {
    color: #717071;
    line-height: 20px;
    margin-bottom: 18px;
    font-size: 14px;
   }
    div.law_feature p span {
      background: #f8d2e2; }
  div.law_feature p.att {
    text-align: right;
    padding: 0 20px 10px; }
  div.law_feature h2 {
    background: url(/img/Nov/law/feature_ttl_bg.png);
    height: 60px;
    padding-top: 4px;
    margin-right: -8px;
    top: -40px;
    /*font-family: 'Noto Serif JP', serif;*/
    }
  div.law_feature .cont {
    margin-top: 20px;
    padding: 40px; }
    div.law_feature .cont h3 {
      font-weight: bold;
      /*font-family: 'Noto Serif JP', serif;*/
      position: relative;
      color: #e00068;
      line-height: 24px;
      padding-left: 50px; }
      div.law_feature .cont h3 span {
        position: absolute;
        left: 0;
        top: 0; }
      div.law_feature .cont h3.one {
        padding-top: 15px;
        padding-bottom: 10px; }
  div.law_feature div.point {
    margin-top: 40px;
    background: #b2e2e9;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin: 20px 20px 0;
    background: #642221; }
    div.law_feature div.point h3 {
      font-size: 15px;
      position: absolute;
      left: -10px;
      top: -10px;
      display: inline-block;
      color: #fff;
      background: #e5006a;
      padding: 3px 5px;
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
    div.law_feature div.point div.cf {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      div.law_feature div.point div.cf div {
        background: #fff;
        border-radius: 10px;
        padding: 15px 12px;
        width: 221px;
        float: left;
        height: 153px; }
        div.law_feature div.point div.cf div + div {
          margin-left: 5px; }
        div.law_feature div.point div.cf div h4 {
          border-bottom: 1px solid #009eb7;
          color: #009eb7;
          font-size: 12px;
          padding-bottom: 5px;
          font-weight: bold;
          margin-bottom: 5px; }
          div.law_feature div.point div.cf div h4 span {
            font-size: 13px;
            color: #e5006a; }
        div.law_feature div.point div.cf div p {
          font-size: 12px;
          color: #727171;
          line-height: 18px;
          margin-bottom: 0px; }
        div.law_feature div.point div.cf div.case1 p {
          padding-right: 90px;
          background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
        div.law_feature div.point div.cf div.case2 {
          background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
          div.law_feature div.point div.cf div.case2 p {
            padding-right: 70px; }
    div.law_feature div.point h3 {
      z-index: 2;
      background: #e00068; }
    div.law_feature div.point div.cf div h4 {
      border-bottom: 1px solid  #e00068;
      color: #e00068;
      font-size: 13px; }
    div.law_feature div.point div.cf div.case1 {
      float: left;
      width: 385px;
      padding-right: 150px;
      background: url(/img/Nov/law/lositon_point01.png) no-repeat right 10px center #fff;
      height: auto;
      min-height: 110px; }
      div.law_feature div.point div.cf div.case1 p {
        padding-right: 0;
        background: none; }
    div.law_feature div.point div.cf div.case3 {
      float: left;
      width: 365px;
      padding-right: 100px;
      background: url(/img/Nov/law/essence_point01.png) no-repeat right 20px center #fff;
      height: auto;
      min-height: 117px; }
      div.law_feature div.point div.cf div.case3 p {
        padding-right: 0;
        background: none; }
    div.law_feature div.point div.cf div.case5 {
      float: left;
      width: 365px;
      padding-right: 100px;
      background: url(/img/Nov/law/milk_point01.png) no-repeat right 10px center #fff;
      height: auto;
      min-height: 117px; }
      div.law_feature div.point div.cf div.case5 p {
        padding-right: 0;
        background: none; }
    div.law_feature div.point div.cf div.case6 {
      float: left;
      width: 365px;
      padding-right: 100px;
      background: url(/img/Nov/law/cream_point01.png) no-repeat right 20px center #fff;
      height: auto;
      min-height: 117px; }
      div.law_feature div.point div.cf div.case6 p {
        padding-right: 0;
        background: none; }
    div.law_feature div.point div.cf div.case2 {
      float: right;
      width: 270px;
      height: auto;
      min-height: 110px;
      background: url(/img/Nov/law/lositon_point02.png) no-repeat right 10px center #fff; }
      div.law_feature div.point div.cf div.case2 h4 {
        margin-right: 70px; }
    div.law_feature div.point div.cf div.case4 {
      padding-right: 90px;
      float: right;
      width: 290px;
      height: auto;
      min-height: 117px;
      background: url(/img/Nov/law/essence_point02.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case7 {
      padding-right: 100px;
      float: left;
      width: 350px;
      height: auto;
      min-height: 117px;
      background: url(/img/Nov/law/stick_point01.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case8 {
      padding-right: 120px;
      float: left;
      width: 330px;
      height: auto;
      min-height: 137px;
      background: url(/img/Nov/law/jel_point01.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case9 {
      padding-right: 160px;
      float: right;
      width: 330px;
      height: auto;
      min-height: 137px;
      background: url(/img/Nov/law/jel_point02.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case10 {
      padding-right: 140px;
      float: left;
      width: 330px;
      height: auto;
      min-height: 128px;
      background: url(/img/Nov/law/wash_point01.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case11 {
      padding: 12px;
      padding-right: 90px;
      float: right;
      width: 330px;
      height: auto;
      min-height: 128px;
      background: url(/img/Nov/law/wash_point02.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case12 {
      padding: 12px;
      padding-right: 90px;
      float: right;
      width: 330px;
      height: auto;
      min-height: 117px;
      background: url(/img/Nov/law/essence02_point02.png) no-repeat right 10px center #fff; }
    div.law_feature div.point div.cf div.case13 {
      padding: 12px;
      padding-right: 200px;
      float: left;
      width: 465px;
      height: auto;
      min-height: 117px;
      background: url(/img/Nov/law/eye_point01.png) no-repeat right 10px center #fff; }
  div.law_feature.lotion01 {
    background: url(/img/Nov/law/lotion01_bg.jpg) no-repeat right top; }
    div.law_feature.lotion01 .cont {
      padding-right: 200px; }
  div.law_feature.essence {
    background: url(/img/Nov/law/essence_bg.jpg) no-repeat right top; }
    div.law_feature.essence .cont {
      position: relative;
      padding-right: 200px; }
      div.law_feature.essence .cont img.ob {
        position: absolute;
        right: 230px;
        top: 40px; }
  div.law_feature.milk, div.law_feature.cream {
    background: url(/img/Nov/law/milk_bg.jpg) no-repeat right top -20px; }
    div.law_feature.milk .cont, div.law_feature.cream .cont {
      position: relative; }
      div.law_feature.milk .cont .haigou, div.law_feature.cream .cont .haigou {
        width: 380px;
        border: 1px solid  #f4b3c2;
        border-radius: 5px;
        background: #fff;
        padding: 10px 10px 15px;
        margin-bottom: 30px; }
        div.law_feature.milk .cont .haigou p.ttl, div.law_feature.cream .cont .haigou p.ttl {
          color: #642221;
          text-align: center;
          font-weight: bold;
          margin: 0 0 10px; }
        div.law_feature.milk .cont .haigou ul, div.law_feature.cream .cont .haigou ul {
          margin-left: 5px; }
          div.law_feature.milk .cont .haigou ul li, div.law_feature.cream .cont .haigou ul li {
            width: 100px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            background: #f4b3c2;
            box-shadow: 0 0 5px 3px #f4b3c2;
            text-align: center;
            font-weight: bold;
            height: 60px;
            padding-top: 15px;
            font-size: 13px;
            line-height: 18px; }
            div.law_feature.milk .cont .haigou ul li sup,
            div.law_feature.cream .cont .haigou ul li sup {
              color: #fff;
            }
            div.law_feature.milk .cont .haigou ul li + li, div.law_feature.cream .cont .haigou ul li + li {
              margin-left: 20px; }
            div.law_feature.milk .cont .haigou ul li:last-child, div.law_feature.cream .cont .haigou ul li:last-child {
              padding-top: 20px; }
    div.law_feature.milk p.att, div.law_feature.cream p.att {
      text-align: left; }
  div.law_feature.cream {
    background: url(/img/Nov/law/cream_bg.jpg) no-repeat right top; }
    div.law_feature.cream p.att {
      text-align: left; }
    div.law_feature.cream .cont p.att {
      padding: 0;
      margin: 0; }
    div.law_feature.cream .cont p.att01 {
      margin: -15px 0 30px; }
    div.law_feature.cream .cont p.att02 {
      margin: -10px 0 15px 52px; }
    div.law_feature.cream div.point div.cf div.case4.cream {
      height: 134px; }
  div.law_feature.stick {
    background: url(/img/Nov/law/stick_bg.jpg) no-repeat right bottom; }
    div.law_feature.stick p.att {
      text-align: left; }
    div.law_feature.stick .cont img.ob {
      margin-bottom: 30px;
      display: block; }
    div.law_feature.stick div.point {
      width: 370px; }
  div.law_feature.lotion02 {
    background: url(/img/Nov/law/lotion02_bg.jpg) no-repeat right top;
    padding-bottom: 20px; }
    div.law_feature.lotion02 .cont {
      padding-bottom: 0;
      padding-right: 200px; }
      div.law_feature.lotion02 .cont p.att {
        text-align: left;
        margin-bottom: 30px;
        line-height: 1.2;
        padding: 0; }
      div.law_feature.lotion02 .cont .haigo2 {
        width: 319px;
        height: 67px;
        background: url(/img/Nov/law/lotion2_ob_bg.png);
        margin-bottom: 15px;
        padding: 10px 0 0 60px;
        font-size: 13px; }
  div.law_feature.jel {
    background: url(/img/Nov/law/jel_bg.jpg) no-repeat right top;
    padding-bottom: 20px; }
    div.law_feature.jel .cont p.att {
      max-width: 390px;
      text-align: left;
      margin-bottom: 30px;
      line-height: 1.2;
      padding: 0; }
    div.law_feature.jel .cont img.ob1 {
      margin-top: -15px;
      margin-bottom: 30px;
      margin-left: 50px;
      display: block; }
  div.law_feature.wash {
    background: url(/img/Nov/law/wash_bg.jpg) no-repeat right top;
    padding-bottom: 20px; }
    div.law_feature.wash .cont {
      position: relative; }
      div.law_feature.wash .cont p.att {
        max-width: 390px;
        text-align: left;
        margin-bottom: 30px;
        line-height: 1.2;
        padding: 0; }
      div.law_feature.wash .cont img.ob1 {
        position: absolute;
        right: 90px;
        top: 20px; }
  div.law_feature.essence02 {
    background: url(/img/Nov/law/essence02_bg.jpg) no-repeat right top;
    padding-bottom: 20px; }
    div.law_feature.essence02 .cont {
      position: relative; }
      div.law_feature.essence02 .cont p.att {
        max-width: 490px;
        text-align: left;
        margin-bottom: 30px;
        line-height: 1.2;
        padding: 0; }
      div.law_feature.essence02 .cont .figure {
        background: #fcebee;
        padding: 15px;
        position: relative;
        border-radius: 10px;
        width: 467px; }
        div.law_feature.essence02 .cont .figure .cf .fl {
          width: 182px; }
          div.law_feature.essence02 .cont .figure .cf .fl + .fl {
            margin-left: 15px; }
          div.law_feature.essence02 .cont .figure .cf .fl p {
            font-size: 12px;
            line-height: 1.4;
            margin-top: 5px;
            text-align: center;
            margin-bottom: 0; }
            div.law_feature.essence02 .cont .figure .cf .fl p sup {
              font-size: 11px; }
        div.law_feature.essence02 .cont .figure img.ob1 {
          position: absolute;
          right: -40px;
          top: 30px; }
    div.law_feature.essence02 div.point div.cf div.case3 {
      width: 330px; }
  div.law_feature.eye {
    padding-right: 200px;
    background: url(/img/Nov/law/eye_bg.jpg) no-repeat right top;
    padding-bottom: 20px; }
    div.law_feature.eye .cont {
      position: relative; }
      div.law_feature.eye .cont p.att {
        max-width: 490px;
        text-align: left;
        margin-bottom: 30px;
        line-height: 1.2;
        padding: 0; }
    div.law_feature.eye div.point div.cf div.case3 {
      width: 330px; }

@media all and (-ms-high-contrast: none) {
  div.law_feature h2 {
    /*padding-top: 16px;*/ } }
/*----------------------------
    pointmake_about
----------------------------*/
.pointmake_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #facfc6;
  border-radius: 10px;
  padding: 40px 20px 20px; }
  .pointmake_about .cf {
    display: block; }
    .pointmake_about .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .pointmake_about .fl {
    float: left; }
  .pointmake_about .fr {
    float: right; }
  .pointmake_about * {
    box-sizing: border-box; }
  .pointmake_about a:hover img {
    opacity: 0.7; }
  .pointmake_about p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  .pointmake_about h2 {
    position: absolute;
    left: -16px;
    top: -40px;
    background: url(/img/Nov/point_make/about_bg.png);
    width: 310px;
    height: 69px;
    font-family: "メイリオ",Meiryo,Osaka,sans-serif; }
    .pointmake_about h2 span.txt {
      display: block;
      transform: rotate(-1.5deg);
      padding-top: 27px;
      padding-top: 20px;
      padding-left: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
      .pointmake_about h2 span.txt span {
        font-size: 26px;
        color: #fff;
       }
  .pointmake_about p.copy {
    font-size: 18px;
    color: #63666a;
    font-weight: bold;
    margin-bottom: 10px; }
    .pointmake_about p.copy sup {
      font-size: 12px; }
  .pointmake_about img.ob {
    position: absolute;
    right: 5px;
    top: -40px; }
  .pointmake_about .box_wrap {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    color: #595757; }
    .pointmake_about .box_wrap h3 {
      position: relative;
      color: #ef6079;
      line-height: 24px;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px; }
      .pointmake_about .box_wrap h3 span {
        color: #ef6079;
        margin-right: 5px;
        font-size: 30px; }
    .pointmake_about .box_wrap div.cf {
      margin: 20px 0; }
      .pointmake_about .box_wrap div.cf ul.cf {
        width: 632px;
        border: 1px solid  #f8c1b8;
        padding: 15px 15px 5px; }
        .pointmake_about .box_wrap div.cf ul.cf li {
          width: 220px;
          float: left;
          line-height: 1.2;
          margin-bottom: 10px; }
          .pointmake_about .box_wrap div.cf ul.cf li:nth-child(even) {
            width: 380px; }
          .pointmake_about .box_wrap div.cf ul.cf li:before {
            content: "●";
            color: #f8c1b8;
            margin-right: 5px;
          }
          .pointmake_about .box_wrap div.cf ul.cf li p {
            margin-top: 0; }

@media all and (-ms-high-contrast: none) {
  .pointmake_about h2 span.txt {
    padding-top: 30px; } }
/*----------------------------
    oligomaline_step
----------------------------*/
div.oligomaline_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }
  div.oligomaline_step .cf {
    display: block; }
    div.oligomaline_step .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.oligomaline_step .fl {
    float: left; }
  div.oligomaline_step .fr {
    float: right; }
  div.oligomaline_step * {
    box-sizing: border-box; }
  div.oligomaline_step a:hover img {
    opacity: 0.7; }
  div.oligomaline_step p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.oligomaline_step div.cf h3.fl {
    margin-top: 20px;
    border: 2px solid #00ac9c;
    border-radius: 50%;
    text-align: center;
    color: #00ac9c;
    font-size: 20px;
    padding-top: 25px;
    width: 110px;
    height: 110px;
    font-weight: bold;
    line-height: 28px; }
  div.oligomaline_step div.cf div.fr dl {
    float: left; }
    div.oligomaline_step div.cf div.fr dl dt {
      height: 33px;
      color: #00ac9c;
      font-size: 11px;
      text-align: center;
      line-height: 1;
      padding-top: 5px;
      padding-right: 5px; }
      div.oligomaline_step div.cf div.fr dl dt span {
        line-height: 1;
        margin-bottom: 2px;
        color: #727171;
        display: block;
        text-align: center; }
    div.oligomaline_step div.cf div.fr dl dd {
      margin-top: 17px;
      text-align: center; }
      div.oligomaline_step div.cf div.fr dl dd img {
        vertical-align: bottom; }
  div.oligomaline_step div.cf h3.fl {
    background: #00ac9c;
    color: #fff;
    font-size: 15px;
    line-height: 19px; }
  div.oligomaline_step div.cf div.fr {
    width: 610px; }
    div.oligomaline_step div.cf div.fr dl {
      width: 313px; }
      div.oligomaline_step div.cf div.fr dl dt {
        padding-top: 0;
        line-height: 33px;
        font-size: 13px;
        font-weight: bold;
        background: url(/img/Nov/oligomaline/lineup_ttl_bg.png) right center; }
      div.oligomaline_step div.cf div.fr dl:nth-child(2) {
        width: 156px; }
        div.oligomaline_step div.cf div.fr dl:nth-child(2) dt {
          background: url(/img/Nov/oligomaline/lineup_ttl_bg2.png) right center; }

/*----------------------------
    oligomaline_feature
----------------------------*/
div.oligomaline_feature {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  border: 2px solid  #0050a3; }
  div.oligomaline_feature .cf {
    display: block; }
    div.oligomaline_feature .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.oligomaline_feature .fl {
    float: left; }
  div.oligomaline_feature .fr {
    float: right; }
  div.oligomaline_feature * {
    box-sizing: border-box; }
  div.oligomaline_feature a:hover img {
    opacity: 0.7; }
  div.oligomaline_feature p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.oligomaline_feature h2 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
    height: 102px;
    width: 742px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    padding-top: 43px;
    padding-right: 15px;
    font-weight: bold;
    color: #fff; }
  div.oligomaline_feature h3 {
    color: #e5006a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    div.oligomaline_feature h3 span {
      font-size: 30px; }
    div.oligomaline_feature h3 sup {
      font-size: 13px; }
  div.oligomaline_feature p {
    color: #717071;
    line-height: 20px;
    margin-bottom: 18px; }
    div.oligomaline_feature p span {
      background: #f8d2e2; }
  div.oligomaline_feature h2 {
    background: url(/img/Nov/oligomaline/feature_ttl_bg.png);
    height: 158px;
    padding-top: 57px;
    margin-right: -8px; }
  div.oligomaline_feature .cont.cf {
    margin-top: 20px; }
    div.oligomaline_feature .cont.cf div.fl {
      width: 420px; }
      div.oligomaline_feature .cont.cf div.fl h3.num span {
        margin-right: 5px; }
  div.oligomaline_feature div.family {
    width: 656px;
    margin: 30px auto;
    background: #e0f3ed;
    box-shadow: 0 0 10px 5px #e0f3ed;
    border-radius: 10px;
    padding-bottom: 30px; }
    div.oligomaline_feature div.family div.h4_box {
      margin-bottom: 30px;
      text-align: center;
      position: relative;
      padding-top: 20px; }
      div.oligomaline_feature div.family div.h4_box h4 {
        font-size: 22px;
        text-align: center;
        color: #005cb9;
        font-weight: bold; }
      div.oligomaline_feature div.family div.h4_box img {
        position: absolute; }
      div.oligomaline_feature div.family div.h4_box img.ob1 {
        top: -10px;
        left: 60px; }
      div.oligomaline_feature div.family div.h4_box img.ob2 {
        top: -10px;
        right: -20px; }
    div.oligomaline_feature div.family div.cf dl {
      float: left;
      margin-left: 15px;
      width: 150px;
      background: #fff;
      border-radius: 100px;
      text-align: center;
      padding: 15px 5px; }
      div.oligomaline_feature div.family div.cf dl + dl {
        margin-left: 10px; }
      div.oligomaline_feature div.family div.cf dl dt {
        display: inline-block;
        background: url(/img/Nov/oligomaline/stripe.png);
        color: #005cb9;
        text-align: center;
        font-weight: bold;
        padding: 2px 10px;
        margin-bottom: 5px; }
      div.oligomaline_feature div.family div.cf dl dd {
        font-size: 14px;
        text-align: center;
        color: #717071; }
        div.oligomaline_feature div.family div.cf dl dd span {
          color: #e40069; }
  div.oligomaline_feature div.point {
    margin-top: 40px;
    background: #b2e2e9;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px; }
    div.oligomaline_feature div.point h3 {
      font-size: 15px;
      position: absolute;
      left: -10px;
      top: -10px;
      display: inline-block;
      color: #fff;
      background: #e5006a;
      padding: 3px 5px;
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
    div.oligomaline_feature div.point div.cf {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      div.oligomaline_feature div.point div.cf div {
        background: #fff;
        border-radius: 10px;
        padding: 15px 12px;
        width: 221px;
        float: left;
        height: 153px; }
        div.oligomaline_feature div.point div.cf div + div {
          margin-left: 5px; }
        div.oligomaline_feature div.point div.cf div h4 {
          border-bottom: 1px solid #009eb7;
          color: #009eb7;
          font-size: 12px;
          padding-bottom: 5px;
          font-weight: bold;
          margin-bottom: 5px; }
          div.oligomaline_feature div.point div.cf div h4 span {
            font-size: 13px;
            color: #e5006a; }
        div.oligomaline_feature div.point div.cf div p {
          font-size: 12px;
          color: #727171;
          line-height: 18px;
          margin-bottom: 0px; }
        div.oligomaline_feature div.point div.cf div.case1 p {
          padding-right: 90px;
          background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
        div.oligomaline_feature div.point div.cf div.case2 {
          background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
          div.oligomaline_feature div.point div.cf div.case2 p {
            padding-right: 70px; }
    div.oligomaline_feature div.point div.cf div {
      height: 135px; }
      div.oligomaline_feature div.point div.cf div.case1 p {
        padding-right: 0;
        background: none; }
      div.oligomaline_feature div.point div.cf div.case2 {
        background: #fff;
        padding-right: 150px;
        position: relative;
        width: 450px; }
        div.oligomaline_feature div.point div.cf div.case2 p {
          padding-right: 0; }
        div.oligomaline_feature div.point div.cf div.case2 img {
          position: absolute;
          right: 10px;
          top: 7px; }

/*----------------------------
    oligomaline_about
----------------------------*/
.oligomaline_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #dff1f5;
  border-radius: 10px;
  padding: 40px 20px 20px; }
  .oligomaline_about .cf {
    display: block; }
    .oligomaline_about .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .oligomaline_about .fl {
    float: left; }
  .oligomaline_about .fr {
    float: right; }
  .oligomaline_about * {
    box-sizing: border-box; }
  .oligomaline_about a:hover img {
    opacity: 0.7; }
  .oligomaline_about p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  .oligomaline_about h2 {
    position: absolute;
    left: -16px;
    top: -40px;
    background: url(/img/Nov/oligomaline/about_bg.png);
    width: 398px;
    height: 76px;
    font-family: "メイリオ",Meiryo,Osaka,sans-serif; }
    .oligomaline_about h2 span.txt {
      display: block;
      transform: rotate(-1.5deg);
      padding-top: 32px;
      padding-left: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
      .oligomaline_about h2 span.txt span {
        font-size: 26px;
        color: #fff;
       }
    @media all and (-ms-high-contrast: none) {
      .oligomaline_about h2 span.txt {
        padding-top: 35px; } }
  .oligomaline_about p.copy {
    font-size: 18px;
    color: #0086d1;
    font-weight: bold;
    margin-bottom: 10px; }
    .oligomaline_about p.copy sup {
      font-size: 12px;
      color: #0086d1;
     }
  .oligomaline_about img.ob {
    position: absolute;
    right: 5px;
    top: -40px; }
  .oligomaline_about .box_wrap {
    color: #595757;
    font-size: 13px;
    /**/ }
    .oligomaline_about .box_wrap div.explain {
      margin-bottom: 50px;
      border: 1px solid  #005cb9;
      padding: 20px; }
      .oligomaline_about .box_wrap div.explain div.what.cf {
        margin-bottom: 30px;
        background: #fff;
        border-radius: 10px;
        padding: 20px; }
        .oligomaline_about .box_wrap div.explain div.what.cf div.fl {
          width: 270px; }
          .oligomaline_about .box_wrap div.explain div.what.cf div.fl h3 {
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 10px; }
            .oligomaline_about .box_wrap div.explain div.what.cf div.fl h3 span {
              color: #e40069;
              font-size: 28px; }
              .oligomaline_about .box_wrap div.explain div.what.cf div.fl h3 span sup {
                color: #e40069;
                font-size: 13px; }
          .oligomaline_about .box_wrap div.explain div.what.cf div.fl p span {
            background: #f9dbe8; }
        .oligomaline_about .box_wrap div.explain div.what.cf div.fr {
          background: url(/img/Nov/oligomaline/what_bg.png) no-repeat;
          width: 322px;
          height: 159px;
          padding: 18px 17px 0px; }
          .oligomaline_about .box_wrap div.explain div.what.cf div.fr h4 {
            font-size: 18px;
            color: #005cb9;
            font-weight: bold;
            text-align: center;
            border-bottom: 1px solid  #005cb9;
            margin-bottom: 5px; }
          .oligomaline_about .box_wrap div.explain div.what.cf div.fr p {
            font-size: 13px;
            line-height: 17px;
            text-align: center; }
            .oligomaline_about .box_wrap div.explain div.what.cf div.fr p span {
              color: #e40069; }
      .oligomaline_about .box_wrap div.explain div.box2 {
        margin-bottom: 40px; }
        .oligomaline_about .box_wrap div.explain div.box2 h3 {
          text-align: center;
          font-size: 21px;
          font-weight: bold;
          margin-bottom: 20px; }
          .oligomaline_about .box_wrap div.explain div.box2 h3 span {
            color: #e40069; }
            .oligomaline_about .box_wrap div.explain div.box2 h3 span span.big {
              font-size: 30px; }
        .oligomaline_about .box_wrap div.explain div.box2 div.cf p.txt.fl {
          width: 170px;
          margin-right: 20px; }
        .oligomaline_about .box_wrap div.explain div.box2 div.cf div.fr {
          background: #ed85a0;
          box-shadow: 0 0 10px 5px #ed85a0;
          border-radius: 50%;
          padding: 15px; }
          .oligomaline_about .box_wrap div.explain div.box2 div.cf div.fr p {
            text-align: center;
            font-weight: bold;
            color: #fff;
            font-size: 12px; }
            .oligomaline_about .box_wrap div.explain div.box2 div.cf div.fr p span {
              color: #fff;
              font-size: 16px; }
      .oligomaline_about .box_wrap div.explain div.box3 h3 {
        text-align: center;
        color: #005cb9;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 15px; }
      .oligomaline_about .box_wrap div.explain div.box3 div.cf p.txt.fl {
        width: 250px; }
        .oligomaline_about .box_wrap div.explain div.box3 div.cf p.txt.fl span {
          background: #f9dbe8; }
      .oligomaline_about .box_wrap div.explain div.box3 div.cf img.fr {
        margin-top: -15px; }
    .oligomaline_about .box_wrap div.lineup {
      margin-bottom: 20px; }
      .oligomaline_about .box_wrap div.lineup div.h3_box {
        margin-bottom: 20px;
        height: 25px;
        text-align: center;
        position: relative; }
        .oligomaline_about .box_wrap div.lineup div.h3_box img {
          position: absolute;
          left: 45px;
          bottom: 0; }
        .oligomaline_about .box_wrap div.lineup div.h3_box h3 {
          margin-left: 25px;
          text-align: center;
          color: #005cb9;
          font-size: 22px;
          font-weight: bold; }
          .oligomaline_about .box_wrap div.lineup div.h3_box h3 span {
            font-size: 14px; }
      .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box {
        width: 220px;
        float: left;
        background: #fff;
        box-shadow: 3px 3px 0 0 #ccc;
        border-radius: 5px; }
        .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box + div.lineup_box {
          margin-left: 15px; }
        .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box a {
          display: block; }
          .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box a:hover {
            opacity: 0.6;
            color: inherit; }
            .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box a:hover img {
              opacity: 1; }
        .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.h4_box {
          border-radius: 5px 5px 0 0;
          position: relative;
          padding: 10px;
          background: #005cb9; }
          .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.h4_box img {
            position: absolute;
            left: -10px;
            top: -10px; }
          .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.h4_box h4 {
            margin-left: 30px;
            font-size: 12px;
            text-align: center;
            color: #fff;
            font-weight: bold; }
        .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf {
          position: relative;
          height: 125px;
          padding: 10px; }
          .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf a {
            width: 60px;
            display: block; }
          .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr {
            float: left;
            font-size: 14px;
            line-height: 18px; }
            .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr dt {
              margin-left: 5px;
              color: #005cb9;
              font-weight: bold;
              margin-bottom: 5px; }
          .oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf img.ob {
            top: auto;
            left: auto;
            right: 5px;
            bottom: 5px; }
    .oligomaline_about .box_wrap div.info.cf {
      width: 615px;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.7);
      border-radius: 10px;
      padding: 15px; }
      .oligomaline_about .box_wrap div.info.cf div.fl {
        width: 330px; }
        .oligomaline_about .box_wrap div.info.cf div.fl div.box {
          margin-bottom: 10px; }
          .oligomaline_about .box_wrap div.info.cf div.fl div.box span {
            font-weight: bold; }
          .oligomaline_about .box_wrap div.info.cf div.fl div.box span.feature {
            background: #f7afd6;
            text-align: center;
            border-radius: 20px;
            color: #fff;
            padding: 3px 7px;
            font-size: 13px; }
          .oligomaline_about .box_wrap div.info.cf div.fl div.box span.iyaku {
            border: 1px solid  #717071;
            padding: 3px 10px;
            background: #fff; }
        .oligomaline_about .box_wrap div.info.cf div.fl ul.test li {
          display: inline-block;
          margin-right: 10px; }
          .oligomaline_about .box_wrap div.info.cf div.fl ul.test li:before {
            margin-top: 1px;
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 20px;
            content: "";
            background: #f7afd6; }
        .oligomaline_about .box_wrap div.info.cf div.fl p.att {
          margin-top: 0; }
      .oligomaline_about .box_wrap div.info.cf dl.fr {
        width: 240px;
        background: #dbe5f4;
        border: 1px solid  #005cb9;
        border-radius: 10px;
        padding: 10px 15px; }
        .oligomaline_about .box_wrap div.info.cf dl.fr dt {
          color: #005cb9;
          border-bottom: 1px solid  #005cb9;
          text-align: center;
          font-weight: bold; }
        .oligomaline_about .box_wrap div.info.cf dl.fr dd {
          color: #005cb9;
          margin-top: 5px;
          text-align: center; }
    .oligomaline_about .box_wrap p.att.tar {
      text-align: right; }

/*----------------------------
    bodycare_step
----------------------------*/
div.bodycare_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }
  div.bodycare_step .cf {
    display: block; }
    div.bodycare_step .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.bodycare_step .fl {
    float: left; }
  div.bodycare_step .fr {
    float: right; }
  div.bodycare_step * {
    box-sizing: border-box; }
  div.bodycare_step a:hover img {
    opacity: 0.7; }
  div.bodycare_step p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.bodycare_step div.cf h3.fl {
    margin-top: 20px;
    border: 2px solid #00ac9c;
    border-radius: 50%;
    text-align: center;
    color: #00ac9c;
    font-size: 20px;
    padding-top: 25px;
    width: 110px;
    height: 110px;
    font-weight: bold;
    line-height: 28px; }
  div.bodycare_step div.cf div.fr dl {
    float: left; }
    div.bodycare_step div.cf div.fr dl dt {
      height: 33px;
      color: #00ac9c;
      font-size: 11px;
      text-align: center;
      line-height: 1;
      padding-top: 5px;
      padding-right: 5px; }
      div.bodycare_step div.cf div.fr dl dt span {
        line-height: 1;
        margin-bottom: 2px;
        color: #727171;
        display: block;
        text-align: center; }
    div.bodycare_step div.cf div.fr dl dd {
      margin-top: 17px;
      text-align: center; }
      div.bodycare_step div.cf div.fr dl dd img {
        vertical-align: bottom; }
  div.bodycare_step div.cf div.fr {
    width: 610px; }
    div.bodycare_step div.cf div.fr dl {
      width: 296px; }
      div.bodycare_step div.cf div.fr dl dt {
        background: url(/img/Nov/bodycare/step_bg.png) right center; }
      div.bodycare_step div.cf div.fr dl:nth-child(2) {
        width: 185px; }

/*----------------------------
    bodycare_feature
----------------------------*/
div.bodycare_feature {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  border: 2px solid  #0086d1; }
  div.bodycare_feature .cf {
    display: block; }
    div.bodycare_feature .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.bodycare_feature .fl {
    float: left; }
  div.bodycare_feature .fr {
    float: right; }
  div.bodycare_feature * {
    box-sizing: border-box; }
  div.bodycare_feature a:hover img {
    opacity: 0.7; }
  div.bodycare_feature p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.bodycare_feature h2 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
    height: 102px;
    width: 742px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    padding-top: 43px;
    padding-right: 15px;
    font-weight: bold;
    color: #fff; }
  div.bodycare_feature h3 {
    color: #e5006a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    div.bodycare_feature h3 span {
      font-size: 30px; }
    div.bodycare_feature h3 sup {
      font-size: 13px; }
  div.bodycare_feature p {
    color: #717071;
    line-height: 20px;
    margin-bottom: 18px; }
    div.bodycare_feature p span {
      background: #f8d2e2; }
  div.bodycare_feature h2 {
    width: 744px;
    background: url(/img/Nov/bodycare/feature_ttl_bg.png) no-repeat;
    left: -8px; }
  div.bodycare_feature p.copy {
    font-size: 18px;
    line-height: 23px;
    color: #0086d1;
    font-weight: bold; }
  div.bodycare_feature div.point {
    margin-top: 40px;
    background: #b2e2e9;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-bottom: 0; }
    div.bodycare_feature div.point h3 {
      font-size: 15px;
      position: absolute;
      left: -10px;
      top: -10px;
      display: inline-block;
      color: #fff;
      background: #e5006a;
      padding: 3px 5px;
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
    div.bodycare_feature div.point div.cf {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      div.bodycare_feature div.point div.cf div {
        background: #fff;
        border-radius: 10px;
        padding: 15px 12px;
        width: 221px;
        float: left;
        height: 153px; }
        div.bodycare_feature div.point div.cf div + div {
          margin-left: 5px; }
        div.bodycare_feature div.point div.cf div h4 {
          border-bottom: 1px solid #009eb7;
          color: #009eb7;
          font-size: 12px;
          padding-bottom: 5px;
          font-weight: bold;
          margin-bottom: 5px; }
          div.bodycare_feature div.point div.cf div h4 span {
            font-size: 13px;
            color: #e5006a; }
        div.bodycare_feature div.point div.cf div p {
          font-size: 12px;
          color: #727171;
          line-height: 18px;
          margin-bottom: 0px; }
        div.bodycare_feature div.point div.cf div.case1 p {
          padding-right: 90px;
          background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
        div.bodycare_feature div.point div.cf div.case2 {
          background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
          div.bodycare_feature div.point div.cf div.case2 p {
            padding-right: 70px; }
    div.bodycare_feature div.point div.cf div {
      height: 115px; }
      div.bodycare_feature div.point div.cf div.case1, div.bodycare_feature div.point div.cf div.case2 {
        background: #ffffff; }
        div.bodycare_feature div.point div.cf div.case1 p, div.bodycare_feature div.point div.cf div.case2 p {
          padding: 0;
          background: none; }
    div.bodycare_feature div.point .towel dl {
      margin-top: 10px;
      color: #727171; }
      div.bodycare_feature div.point .towel dl dt {
        font-size: 16px; }
      div.bodycare_feature div.point .towel dl dd {
        font-size: 13px; }

/*----------------------------
    bodycare_about
----------------------------*/
.bodycare_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #dff1f5;
  border-radius: 10px;
  padding: 40px 20px 20px; }
  .bodycare_about .cf {
    display: block; }
    .bodycare_about .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .bodycare_about .fl {
    float: left; }
  .bodycare_about .fr {
    float: right; }
  .bodycare_about * {
    box-sizing: border-box; }
  .bodycare_about a:hover img {
    opacity: 0.7; }
  .bodycare_about p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  .bodycare_about h2 {
    position: absolute;
    left: -16px;
    top: -40px;
    background: url(/img/Nov/bodycare/about_bg.png);
    width: 377px;
    height: 76px;
    font-family: "メイリオ",Meiryo,Osaka,sans-serif; }
    .bodycare_about h2 span.txt {
      display: block;
      transform: rotate(-1.5deg);
      padding-top: 20px;
      padding-left: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
      .bodycare_about h2 span.txt span {
        font-size: 28px;
        color: #fff;
       }
    @media all and (-ms-high-contrast: none) {
      .bodycare_about h2 span.txt {
        padding-top: 35px; } }
  .bodycare_about p.copy {
    font-size: 20px;
    line-height: 25px;
    color: #0086d1;
    font-weight: bold;
    margin-bottom: 10px; }
  .bodycare_about img.ob {
    position: absolute;
    right: 5px;
    top: -40px; }
  .bodycare_about div.box_wrap div.feature_box {
    margin-bottom: 40px;
    padding: 20px;
    background: #fff;
    border-radius: 10px; }
    .bodycare_about div.box_wrap div.feature_box div.cf {
      margin-bottom: 20px; }
      .bodycare_about div.box_wrap div.feature_box div.cf div.fl {
        width: 370px; }
        .bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box {
          margin-bottom: 5px; }
          .bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box p {
            display: inline-block;
            vertical-align: middle;
            padding: 5px;
            width: 70px;
            text-align: center;
            font-weight: bold;
            border-radius: 20px;
            background: #e5006a;
            color: #fff;
            font-size: 16px; }
            .bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box p span {
              font-size: 22px;
              color: #fff;
             }
          .bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box h3 {
            color: #e5006a;
            font-weight: bold;
            font-size: 21px;
            width: 290px;
            vertical-align: middle;
            display: inline-block; }
        .bodycare_about div.box_wrap div.feature_box div.cf div.fl p.txt span {
          background: #fadce9; }
      .bodycare_about div.box_wrap div.feature_box div.cf div.fr {
        width: 280px; }
        .bodycare_about div.box_wrap div.feature_box div.cf div.fr ul {
          text-align: center; }
          .bodycare_about div.box_wrap div.feature_box div.cf div.fr ul li {
            font-weight: bold;
            font-size: 15px;
            margin-bottom: 10px;
            background: #fff67f;
            border-radius: 20px;
            color: #eb6d94;
            text-align: center;
            padding: 5px 8px;
            display: inline-block;
            width: 120px; }
            .bodycare_about div.box_wrap div.feature_box div.cf div.fr ul li sup {
              color: #727171;
              font-size: 9px; }
        .bodycare_about div.box_wrap div.feature_box div.cf div.fr p.att {
          margin-top: -10px;
          text-align: right; }
    .bodycare_about div.box_wrap div.feature_box div.cont2.cf {
      background: #fadce9;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 0; }
      .bodycare_about div.box_wrap div.feature_box div.cont2.cf p.fr {
        margin-top: 15px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        color: #0086d1;
        padding: 25px 10px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 10px 5px #fff; }
  .bodycare_about div.box_wrap div.lineup div.h3_box {
    margin-bottom: 20px;
    height: 25px;
    text-align: center;
    position: relative; }
    .bodycare_about div.box_wrap div.lineup div.h3_box img {
      position: absolute;
      left: 36px;
      bottom: 0; }
    .bodycare_about div.box_wrap div.lineup div.h3_box h3 {
      margin-left: 25px;
      text-align: center;
      color: #0086d1;
      font-size: 22px;
      font-weight: bold; }
      .bodycare_about div.box_wrap div.lineup div.h3_box h3 span {
        font-size: 14px; }
  .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box {
    width: 210px;
    float: left;
    background: #fff;
    box-shadow: 3px 3px 0 0 #ccc;
    border-radius: 5px; }
    .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box + div.lineup_box {
      margin-left: 15px; }
    .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box a {
      display: block; }
      .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box a:hover {
        opacity: 0.6;
        color: inherit; }
        .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box a:hover img {
          opacity: 1; }
    .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box:first-child {
      width: 240px; }
    .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box:nth-child(2) div.h4_box img {
      left: -15px;
      top: -25px; }
    .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.h4_box {
      border-radius: 5px 5px 0 0;
      position: relative;
      padding: 10px;
      background: #0086d1; }
      .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.h4_box img {
        position: absolute;
        left: -5px;
        top: -10px; }
      .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.h4_box h4 {
        margin-left: 25px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        font-weight: bold; }
    .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf {
      height: 125px;
      padding: 10px; }
      .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr {
        font-size: 13px;
        line-height: 18px; }
        .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr dt {
          color: #0086d1;
          font-weight: bold;
          margin-bottom: 5px; }
        .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr dd {
          font-size: 12px; }
        .bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr.w130 {
          width: 130px; }

/*----------------------------
    ac_active_about
----------------------------*/
.ac_active_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #d9f0f4;
  border-radius: 10px;
  padding: 40px 20px 20px; }
  .ac_active_about .cf {
    display: block; }
    .ac_active_about .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .ac_active_about .fl {
    float: left; }
  .ac_active_about .fr {
    float: right; }
  .ac_active_about * {
    box-sizing: border-box; }
  .ac_active_about a:hover img {
    opacity: 0.7; }
  .ac_active_about p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  .ac_active_about h2 {
    position: absolute;
    left: -16px;
    top: -40px;
    background: url(/img/Nov/ac_active/about_bg.png);
    width: 437px;
    height: 76px;
    font-family: "メイリオ",Meiryo,Osaka,sans-serif; }
    .ac_active_about h2 span.txt {
      display: block;
      transform: rotate(-1.5deg);
      padding-top: 20px;
      padding-left: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
      .ac_active_about h2 span.txt span {
        font-size: 28px;
        color: #fff;
       }
    @media all and (-ms-high-contrast: none) {
      .ac_active_about h2 span.txt {
        padding-top: 35px; } }
  .ac_active_about p.copy {
    font-size: 20px;
    color: #009eb7;
    font-weight: bold;
    margin-bottom: 10px; }
  .ac_active_about img.ob {
    position: absolute;
    right: 5px;
    top: -40px; }
  .ac_active_about .box_wrap {
    background: #fff;
    padding: 20px 20px 10px;
    border-radius: 10px; }
    .ac_active_about .box_wrap p.lead {
      color: #e40069;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: center; }
      .ac_active_about .box_wrap p.lead span {
        font-size: 30px; }
    .ac_active_about .box_wrap div.cf div.box {
      height: 150px;
      width: 300px;
      background: #fffac6;
      border-radius: 5px;
      padding: 10px 15px 15px;
      float: left;
      position: relative;
      margin-left: 10px;
      margin-bottom: 20px; }
      .ac_active_about .box_wrap div.cf div.box:nth-child(even) {
        margin-left: 25px; }
      .ac_active_about .box_wrap div.cf div.box img {
        position: absolute;
        left: -10px;
        top: -10px; }
      .ac_active_about .box_wrap div.cf div.box h3 {
        margin-bottom: 10px;
        color: #009eb7;
        border-bottom: 1px solid #009eb7;
        padding-bottom: 5px;
        font-size: 21px;
        text-align: center;
        font-weight: bold; }
        .ac_active_about .box_wrap div.cf div.box h3 span.head {
          display: inline-block;
          margin-bottom: 5px;
          font-size: 16px; }
        .ac_active_about .box_wrap div.cf div.box h3 sup {
          font-size: 13px; }
        .ac_active_about .box_wrap div.cf div.box h3 span.small {
          font-size: 17px; }
      .ac_active_about .box_wrap div.cf div.box p {
        font-size: 13px;
        line-height: 20px;
        color: #717071; }

/*----------------------------
    ac_active_step
----------------------------*/
div.ac_active_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }
  div.ac_active_step .cf {
    display: block; }
    div.ac_active_step .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.ac_active_step .fl {
    float: left; }
  div.ac_active_step .fr {
    float: right; }
  div.ac_active_step * {
    box-sizing: border-box; }
  div.ac_active_step a:hover img {
    opacity: 0.7; }
  div.ac_active_step p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.ac_active_step div.cf h3.fl {
    margin-top: 20px;
    border: 2px solid #00ac9c;
    border-radius: 50%;
    text-align: center;
    color: #00ac9c;
    font-size: 20px;
    padding-top: 25px;
    width: 110px;
    height: 110px;
    font-weight: bold;
    line-height: 28px; }
  div.ac_active_step div.cf div.fr dl {
    float: left; }
    div.ac_active_step div.cf div.fr dl dt {
      height: 33px;
      color: #00ac9c;
      font-size: 11px;
      text-align: center;
      line-height: 1;
      padding-top: 5px;
      padding-right: 5px; }
      div.ac_active_step div.cf div.fr dl dt span {
        line-height: 1;
        margin-bottom: 2px;
        color: #727171;
        display: block;
        text-align: center; }
    div.ac_active_step div.cf div.fr dl dd {
      margin-top: 17px;
      text-align: center; }
      div.ac_active_step div.cf div.fr dl dd img {
        vertical-align: bottom; }
  div.ac_active_step div.cf div.fr dl {
    width: 102px; }
    div.ac_active_step div.cf div.fr dl dt {
      background: url(/img/Nov/nov2/step_bg.png) right center; }
    div.ac_active_step div.cf div.fr dl.step03 {
      width: 176px; }
      div.ac_active_step div.cf div.fr dl.step03 dt {
        background: url(/img/Nov/nov3/step03_bg.png);
        padding-right: 20px; }
      div.ac_active_step div.cf div.fr dl.step03 dd {
        margin-right: 20px; }

div.ac_active_wash {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  background: url(/img/Nov/ac_active/wash_bg.jpg) no-repeat right bottom 280px; }
  div.ac_active_wash .cf {
    display: block; }
    div.ac_active_wash .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.ac_active_wash .fl {
    float: left; }
  div.ac_active_wash .fr {
    float: right; }
  div.ac_active_wash * {
    box-sizing: border-box; }
  div.ac_active_wash a:hover img {
    opacity: 0.7; }
  div.ac_active_wash p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.ac_active_wash h2 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
    height: 102px;
    width: 742px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    padding-top: 43px;
    padding-right: 15px;
    font-weight: bold;
    color: #fff; }
  div.ac_active_wash h3 {
    color: #e5006a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    div.ac_active_wash h3 span {
      font-size: 30px; }
    div.ac_active_wash h3 sup {
      font-size: 13px; }
  div.ac_active_wash p {
    color: #717071;
    line-height: 20px;
    margin-bottom: 18px; }
    div.ac_active_wash p span {
      background: #f8d2e2; }
  div.ac_active_wash div.cf.mild_wrap {
    margin-bottom: 50px;
    background: #fbeaee;
    padding: 20px;
    border-radius: 10px; }
    div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box {
      width: 400px; }
      div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box h4 {
        color: #009eb7;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 7px;
        margin-bottom: 10px;
        border-bottom: 1px solid #009eb7; }
        div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box h4 span {
          font-size: 13px;
          display: inline-block;
          padding: 2px 7px;
          background: #e40069;
          color: #fff;
          text-align: center;
          border-radius: 90px;
          vertical-align: middle; }
        div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box h4 sup {
          font-size: 13px; }
      div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box .cf p {
        float: left;
        line-height: 23px;
        font-size: 16px;
        width: 205px; }
  div.ac_active_wash div.fig_box {
    position: relative; }
    div.ac_active_wash div.fig_box img {
      position: absolute;
      right: -9px;
      bottom: -30px; }
    div.ac_active_wash div.fig_box p {
      padding-right: 100px; }
  div.ac_active_wash div.point {
    margin-top: 40px;
    background: #b2e2e9;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px; }
    div.ac_active_wash div.point h3 {
      font-size: 15px;
      position: absolute;
      left: -10px;
      top: -10px;
      display: inline-block;
      color: #fff;
      background: #e5006a;
      padding: 3px 5px;
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
    div.ac_active_wash div.point div.cf {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      div.ac_active_wash div.point div.cf div {
        background: #fff;
        border-radius: 10px;
        padding: 15px 12px;
        width: 221px;
        float: left;
        height: 153px; }
        div.ac_active_wash div.point div.cf div + div {
          margin-left: 5px; }
        div.ac_active_wash div.point div.cf div h4 {
          border-bottom: 1px solid #009eb7;
          color: #009eb7;
          font-size: 12px;
          padding-bottom: 5px;
          font-weight: bold;
          margin-bottom: 5px; }
          div.ac_active_wash div.point div.cf div h4 span {
            font-size: 13px;
            color: #e5006a; }
        div.ac_active_wash div.point div.cf div p {
          font-size: 12px;
          color: #727171;
          line-height: 18px;
          margin-bottom: 0px; }
        div.ac_active_wash div.point div.cf div.case1 p {
          padding-right: 90px;
          background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
        div.ac_active_wash div.point div.cf div.case2 {
          background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
          div.ac_active_wash div.point div.cf div.case2 p {
            padding-right: 70px; }
    div.ac_active_wash div.point div.cf div.case1 p {
      padding-right: 90px;
      background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
    div.ac_active_wash div.point div.cf div.case2 {
      background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
      div.ac_active_wash div.point div.cf div.case2 p {
        padding-right: 70px; }

div.ac_active_lotion {
  background: url(/img/Nov/ac_active/lotion_bg.jpg) no-repeat right center;
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px; }
  div.ac_active_lotion .cf {
    display: block; }
    div.ac_active_lotion .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.ac_active_lotion .fl {
    float: left; }
  div.ac_active_lotion .fr {
    float: right; }
  div.ac_active_lotion * {
    box-sizing: border-box; }
  div.ac_active_lotion a:hover img {
    opacity: 0.7; }
  div.ac_active_lotion p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.ac_active_lotion h2 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
    height: 102px;
    width: 742px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    padding-top: 43px;
    padding-right: 15px;
    font-weight: bold;
    color: #fff; }
  div.ac_active_lotion h3 {
    color: #e5006a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    div.ac_active_lotion h3 span {
      font-size: 30px; }
    div.ac_active_lotion h3 sup {
      font-size: 13px; }
  div.ac_active_lotion p {
    color: #717071;
    line-height: 20px;
    margin-bottom: 18px; }
    div.ac_active_lotion p span {
      background: #f8d2e2; }
  div.ac_active_lotion h2 {
    background: url(/img/Nov/ac_active/lotion_ttl.png) no-repeat;
    height: 101px;
    font-size: 23px;
    padding-right: 20px; }
  div.ac_active_lotion div.cont h3 {
    font-size: 22px;
    margin-bottom: 6px; }
  div.ac_active_lotion div.cont p {
    margin-bottom: 25px; }
    div.ac_active_lotion div.cont p + ul {
      margin-top: -20px; }
    div.ac_active_lotion div.cont p.pnk + ul {
      margin-top: 0; }
    div.ac_active_lotion div.cont p span {
      font-size: 16px;
      color: #ea6d93;
      background: #fff8b0; }
  div.ac_active_lotion div.cont ul {
    margin-bottom: 25px;
    text-align: center; }
    div.ac_active_lotion div.cont ul li {
      vertical-align: top;
      background: url(/img/Nov/ac_active/lotion_bg01.png) no-repeat center center;
      width: 114px;
      height: 77px;
      display: inline-block;
      position: relative;
      color: #ea6d93;
      font-size: 16px;
      line-height: 1.3;
      text-align: center;
      padding-top: 27px;
      font-weight: bold; }
      div.ac_active_lotion div.cont ul li.tl {
        padding-top: 20px;
        font-size: 15px; }
        div.ac_active_lotion div.cont ul li.tl span {
          margin-top: -5px; }
      div.ac_active_lotion div.cont ul li span {
        margin-top: -3px;
        color: #717071;
        padding-right: 12px;
        line-height: 1;
        display: block;
        font-size: 11px;
        text-align: right; }
    div.ac_active_lotion div.cont ul.w360 {
      width: 360px; }
  div.ac_active_lotion div.cont div.box.cf {
    margin-bottom: 25px; }
    div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde {
      background: #e5f5f8;
      border-radius: 10px;
      padding: 15px;
      width: 360px; }
      div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box {
        border-bottom: 1px solid #009eb7;
        margin-bottom: 10px; }
        div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box span.copy {
          font-size: 13px;
          display: inline-block;
          padding: 2px 7px;
          background: #e40069;
          color: #fff;
          text-align: center;
          border-radius: 90px;
          margin-bottom: 10px; }
        div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box h3 {
          display: inline-block;
          color: #009eb7;
          font-size: 21px;
          font-weight: bold; }
          div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box h3 span {
            font-size: 15px; }
      div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.cf div.fl {
        width: 155px; }
    div.ac_active_lotion div.cont div.box.cf div.fr.care {
      width: 320px;
      height: 195px;
      background: url(/img/Nov/ac_active/lotion_arrow.png) no-repeat left center;
      padding: 10px 0 0 30px; }
      div.ac_active_lotion div.cont div.box.cf div.fr.care p.pnk {
        margin-bottom: 10px;
        background: white;
        background: -moz-linear-gradient(top, white 0%, #f19eb7 13%, #ea6d93 34%);
        background: -webkit-linear-gradient(top, white 0%, #f19eb7 13%, #ea6d93 34%);
        background: linear-gradient(to bottom, white 0%, #f19eb7 13%, #ea6d93 34%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ea6d93', GradientType=0);
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 19px;
        border: 2px solid #ea6d93;
        border-radius: 10px;
        padding: 10px;
        line-height: 1.4; }
        div.ac_active_lotion div.cont div.box.cf div.fr.care p.pnk span {
          font-size: 25px;
          color: #fff;
          background: none; }
  div.ac_active_lotion div.point {
    margin-top: 40px;
    background: #b2e2e9;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 35px; }
    div.ac_active_lotion div.point h3 {
      font-size: 15px;
      position: absolute;
      left: -10px;
      top: -10px;
      display: inline-block;
      color: #fff;
      background: #e5006a;
      padding: 3px 5px;
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
    div.ac_active_lotion div.point div.cf {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      div.ac_active_lotion div.point div.cf div {
        background: #fff;
        border-radius: 10px;
        padding: 15px 12px;
        width: 221px;
        float: left;
        height: 153px; }
        div.ac_active_lotion div.point div.cf div + div {
          margin-left: 5px; }
        div.ac_active_lotion div.point div.cf div h4 {
          border-bottom: 1px solid #009eb7;
          color: #009eb7;
          font-size: 12px;
          padding-bottom: 5px;
          font-weight: bold;
          margin-bottom: 5px; }
          div.ac_active_lotion div.point div.cf div h4 span {
            font-size: 13px;
            color: #e5006a; }
        div.ac_active_lotion div.point div.cf div p {
          font-size: 12px;
          color: #727171;
          line-height: 18px;
          margin-bottom: 0px; }
        div.ac_active_lotion div.point div.cf div.case1 p {
          padding-right: 90px;
          background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
        div.ac_active_lotion div.point div.cf div.case2 {
          background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
          div.ac_active_lotion div.point div.cf div.case2 p {
            padding-right: 70px; }
    div.ac_active_lotion div.point div.cf div {
      height: 120px; }
      div.ac_active_lotion div.point div.cf div h4 {
        font-size: 13px;
        margin-bottom: 10px; }
        div.ac_active_lotion div.point div.cf div h4 span {
          font-size: 15px; }
      div.ac_active_lotion div.point div.cf div.fl {
        width: 400px;
        margin-left: 0;
        background: url(/img/Nov/nov3/lositon_point01.png) no-repeat right 10px center #fff;
        padding-right: 160px; }
      div.ac_active_lotion div.point div.cf div.fr {
        width: 270px;
        padding-right: 65px;
        background: url(/img/Nov/nov3/lositon_point02.png) no-repeat right 10px center #fff; }
  div.ac_active_lotion div.btn {
    text-align: center; }

div.ac_active_milk {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  background: url(/img/Nov/ac_active/milk_bg.jpg) no-repeat right center; }
  div.ac_active_milk .cf {
    display: block; }
    div.ac_active_milk .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.ac_active_milk .fl {
    float: left; }
  div.ac_active_milk .fr {
    float: right; }
  div.ac_active_milk * {
    box-sizing: border-box; }
  div.ac_active_milk a:hover img {
    opacity: 0.7; }
  div.ac_active_milk p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.ac_active_milk h2 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
    height: 102px;
    width: 742px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    padding-top: 43px;
    padding-right: 15px;
    font-weight: bold;
    color: #fff; }
  div.ac_active_milk h3 {
    color: #e5006a;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
    div.ac_active_milk h3 span {
      font-size: 30px; }
    div.ac_active_milk h3 sup {
      font-size: 13px; }
  div.ac_active_milk p {
    color: #717071;
    line-height: 20px;
    margin-bottom: 18px; }
    div.ac_active_milk p span {
      background: #f8d2e2; }
  div.ac_active_milk h2 {
    background: url(/img/Nov/ac_active/milk_ttl.png) no-repeat;
    height: 101px;
    font-size: 23px;
    padding-top: 43px;
    padding-right: 20px; }
  div.ac_active_milk div.cont h3 {
    font-size: 22px;
    margin-bottom: 6px; }
  div.ac_active_milk div.cont p span {
    font-size: 16px;
    color: #ea6d93;
    background: #fff8b0; }
  div.ac_active_milk div.cont p + ul {
    margin-top: -10px; }
  div.ac_active_milk div.cont ul {
    margin-bottom: 25px;
    text-align: center; }
    div.ac_active_milk div.cont ul li {
      vertical-align: top;
      background: url(/img/Nov/ac_active/lotion_bg01.png) no-repeat center center;
      width: 114px;
      height: 77px;
      display: inline-block;
      position: relative;
      color: #ea6d93;
      font-size: 16px;
      line-height: 1.3;
      text-align: center;
      padding-top: 27px;
      font-weight: bold; }
      div.ac_active_milk div.cont ul li.tl {
        padding-top: 20px;
        font-size: 15px; }
        div.ac_active_milk div.cont ul li.tl span {
          margin-top: -5px; }
      div.ac_active_milk div.cont ul li span {
        margin-top: -3px;
        color: #717071;
        padding-right: 12px;
        line-height: 1;
        display: block;
        font-size: 11px;
        text-align: right; }
    div.ac_active_milk div.cont ul.w360 {
      width: 360px; }
    div.ac_active_milk div.cont ul.w470 {
      width: 480px; }
    div.ac_active_milk div.cont ul.w240 {
      width: 240px; }
  div.ac_active_milk div.point {
    margin-top: 40px;
    background: #b2e2e9;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 50px;
    margin-bottom: 10px; }
    div.ac_active_milk div.point h3 {
      font-size: 15px;
      position: absolute;
      left: -10px;
      top: -10px;
      display: inline-block;
      color: #fff;
      background: #e5006a;
      padding: 3px 5px;
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
    div.ac_active_milk div.point div.cf {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      div.ac_active_milk div.point div.cf div {
        background: #fff;
        border-radius: 10px;
        padding: 15px 12px;
        width: 221px;
        float: left;
        height: 153px; }
        div.ac_active_milk div.point div.cf div + div {
          margin-left: 5px; }
        div.ac_active_milk div.point div.cf div h4 {
          border-bottom: 1px solid #009eb7;
          color: #009eb7;
          font-size: 12px;
          padding-bottom: 5px;
          font-weight: bold;
          margin-bottom: 5px; }
          div.ac_active_milk div.point div.cf div h4 span {
            font-size: 13px;
            color: #e5006a; }
        div.ac_active_milk div.point div.cf div p {
          font-size: 12px;
          color: #727171;
          line-height: 18px;
          margin-bottom: 0px; }
        div.ac_active_milk div.point div.cf div.case1 p {
          padding-right: 90px;
          background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }
        div.ac_active_milk div.point div.cf div.case2 {
          background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }
          div.ac_active_milk div.point div.cf div.case2 p {
            padding-right: 70px; }
    div.ac_active_milk div.point div.cf div {
      padding: 15px 9px;
      height: 150px; }
      div.ac_active_milk div.point div.cf div.case1 p {
        padding-right: 78px;
        background: url(/img/Nov/ac_active/milk_fig01.png) no-repeat right center #fff; }
      div.ac_active_milk div.point div.cf div.case2 {
        background: url(/img/Nov/ac_active/milk_fig02.png) no-repeat right 3px bottom #fff; }
        div.ac_active_milk div.point div.cf div.case2 p {
          padding-right: 70px; }

div.optional_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }
  div.optional_step .cf {
    display: block; }
    div.optional_step .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.optional_step .fl {
    float: left; }
  div.optional_step .fr {
    float: right; }
  div.optional_step * {
    box-sizing: border-box; }
  div.optional_step a:hover img {
    opacity: 0.7; }
  div.optional_step p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }
  div.optional_step h3.fl {
    margin-top: 20px;
    border: 2px solid #00ac9c;
    border-radius: 50%;
    text-align: center;
    color: #00ac9c;
    font-size: 20px;
    padding-top: 25px;
    width: 110px;
    height: 110px;
    font-weight: bold;
    line-height: 28px; }
  div.optional_step div.fr dl {
    float: left; }
    div.optional_step div.fr dl dt {
      height: 33px;
      color: #00ac9c;
      font-size: 11px;
      text-align: center;
      line-height: 1;
      padding-top: 5px;
      padding-right: 5px; }
      div.optional_step div.fr dl dt span {
        line-height: 1;
        margin-bottom: 2px;
        color: #727171;
        display: block;
        text-align: center; }
    div.optional_step div.fr dl dd {
      margin-top: 17px;
      text-align: center; }
      div.optional_step div.fr dl dd img {
        vertical-align: bottom; }
  div.optional_step div.cf div.fr dl {
    width: 123px; }
    div.optional_step div.cf div.fr dl dt {
      background: url(/img/Nov/nov2/step_bg.png) right center; }

/*============================

Mixin PC

============================*/
/*================================

add02.css

================================*/
/*----------------------------
    pointmake_feature
----------------------------*/
div.pointmake_feature {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  border: 2px solid  #ef6079;
  background: url(/img/Nov/point_make/feature_bg.png) no-repeat top center; }

div.pointmake_feature .cf {
  display: block; }

div.pointmake_feature .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.pointmake_feature .fl {
  float: left; }

div.pointmake_feature .fr {
  float: right; }

div.pointmake_feature * {
  box-sizing: border-box; }

div.pointmake_feature a:hover img {
  opacity: 0.7; }

div.pointmake_feature p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.pointmake_feature h2 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
  height: 102px;
  width: 742px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  padding-top: 43px;
  padding-right: 15px;
  font-weight: bold;
  color: #fff; }

div.pointmake_feature h3 {
  color: #e5006a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

div.pointmake_feature h3 span {
  font-size: 30px; }

div.pointmake_feature h3 sup {
  font-size: 13px; }

div.pointmake_feature p {
  color: #717071;
  line-height: 20px;
  margin-bottom: 18px; }

div.pointmake_feature p span {
  background: #f8d2e2; }

div.pointmake_feature h2 {
  background: url(/img/Nov/point_make/feature_ttl_bg.png);
  height: 60px;
  padding-top: 10px;
  padding-top: 5px;
  margin-right: -8px;
  top: -40px;
  font-family: "メイリオ",Meiryo,Osaka,sans-serif; }

div.pointmake_feature .cont_head {
  width: 500px;
  margin: 0 auto 50px; }

div.pointmake_feature .cont_head .fr {
  width: 250px; }

div.pointmake_feature .cont_head .fr p.copy {
  font-size: 25px;
  font-weight: bold;
  font-family: "メイリオ",Meiryo,Osaka,sans-serif;
  line-height: 40px;
  color: #62666a; }

div.pointmake_feature .cont {
  margin-top: 20px; }

div.pointmake_feature .cont h3 {
  display: flex;
  align-items: center;
  position: relative;
  color: #ef6079;
  line-height: 24px; }

div.pointmake_feature .cont h3 span {
  color: #ef6079;
  margin-right: 10px; }
  div.pointmake_feature .cont h3 sup {
    color: #ef6079;
  }

div.pointmake_feature div.point {
  margin-top: 40px;
  background: #b2e2e9;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  background: #f6b8b6; }

div.pointmake_feature div.point h3 {
  font-size: 15px;
  position: absolute;
  left: -10px;
  top: -10px;
  display: inline-block;
  color: #fff;
  background: #e5006a;
  padding: 3px 5px;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg); }

div.pointmake_feature div.point div.cf {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none; }

div.pointmake_feature div.point div.cf div {
  background: #fff;
  border-radius: 10px;
  padding: 15px 12px;
  width: 221px;
  float: left;
  height: 153px; }

div.pointmake_feature div.point div.cf div + div {
  margin-left: 5px; }

div.pointmake_feature div.point div.cf div h4 {
  border-bottom: 1px solid #009eb7;
  color: #009eb7;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 5px; }

div.pointmake_feature div.point div.cf div h4 span {
  font-size: 13px;
  color: #e5006a; }

div.pointmake_feature div.point div.cf div p {
  font-size: 12px;
  color: #727171;
  line-height: 18px;
  margin-bottom: 0px; }

div.pointmake_feature div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.pointmake_feature div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.pointmake_feature div.point div.cf div.case2 p {
  padding-right: 70px; }

div.pointmake_feature div.point h3 {
  z-index: 2;
  background: #ef6079; }

div.pointmake_feature div.point div.cf div h4 {
  border-bottom: 1px solid  #ef6079;
  color: #ef6079;
  font-size: 14px; }

div.pointmake_feature div.point div.cf div.case1 {
  padding-right: 200px;
  background: url(/img/Nov/point_make/lip_point.jpg) no-repeat right 10px bottom #fff;
  width: 100%;
  height: auto;
  min-height: 110px; }

div.pointmake_feature div.point div.cf div.case1 p {
  padding-right: 0;
  background: none; }

div.pointmake_feature div.point div.cf div.case2 {
  width: 100%;
  height: auto;
  min-height: 110px;
  padding-bottom: 0;
  background: #fff; }

div.pointmake_feature div.point div.cf div.case2 .cf {
  margin-top: 20px;
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0;
  float: none; }

div.pointmake_feature div.point div.cf div.case2 dl {
  float: left;
  width: 190px;
  position: relative; }

div.pointmake_feature div.point div.cf div.case2 dl + dl {
  margin-left: 40px; }

div.pointmake_feature div.point div.cf div.case2 dl + dl:before {
  display: block;
  position: absolute;
  left: -27px;
  top: 1px;
  content: "";
  background: url(/img/Nov/point_make/eyebrow_step_arrow.png) no-repeat;
  width: 14px;
  height: 21px; }

div.pointmake_feature div.point div.cf div.case2 dl dt {
  font-size: 14px;
  position: relative;
  background: #f9cfcc;
  color: #ef6079;
  padding: 2px;
  border-radius: 3px;
  padding-left: 30px; }

div.pointmake_feature div.point div.cf div.case2 dl dt img {
  position: absolute;
  left: -6px;
  top: -6px; }

div.pointmake_feature div.point div.cf div.case2 dl dd {
  text-align: center; }

div.pointmake_feature div.point div.cf div.case2 dl dd p {
  text-align: center;
  margin: 0;
  margin-top: 10px;
  padding: 0; }

div.pointmake_feature div.point div.cf div.case3 {
  width: 100%;
  height: auto; }

div.pointmake_feature div.point div.cf div.case3 img {
  position: absolute;
  right: 30px;
  top: 80px; }

div.pointmake_feature div.point div.cf div.case3 img.ver_cheek {
  right: 20px;
  bottom: 25px;
  top: auto;
}

div.pointmake_feature div.point div.cf div.case3 .fl {
  position: relative;
  padding: 0 10px 10px;
  height: auto;
  width: 546px; }

div.pointmake_feature div.point div.cf div.case3 .fl h4 {
  margin-bottom: 10px; }

div.pointmake_feature div.point div.cf div.case3 .fl p {
  width: 240px;
  line-height: 2; }

div.pointmake_feature.lip .color {
  width: 615px;
  margin: 20px auto 30px; }

div.pointmake_feature.lip .color .ttl {
  text-align: right;
  margin-bottom: 10px; }

div.pointmake_feature.lip .color .ttl p {
  margin: 0;
  width: 295px;
  text-align: center;
  padding: 3px;
  display: inline-block;
  color: #ef6079;
  border: 1px solid  #ef6079;
  border-radius: 10px;
  font-weight: bold; }

div.pointmake_feature.lip .color .lip_color_box {
  float: left;
  width: 138px; }

div.pointmake_feature.lip .color .lip_color_box p {
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1.1; }

div.pointmake_feature.lip .color .lip_color_box p span {
  background: none;
  font-weight: lighter; }

div.pointmake_feature.lip .color .lip_color_box + .lip_color_box {
  margin-left: 21px; }

div.pointmake_feature.lip .cont .cf h3 {
  padding-left: 23px; }

div.pointmake_feature.lip .cont .cf h3 span {
  position: absolute;
  left: 0;
  top: 0; }

div.pointmake_feature.lip .cont .cf .ob {
  margin-left: 20px; }

div.pointmake_feature.eyebrow .cont_head .fr {
  padding-top: 50px; }

div.pointmake_feature.eyebrow .cont_head .fr p {
  margin-bottom: 60px; }

div.pointmake_feature.eyebrow .burashi {
  width: 574px;
  margin: 0 auto 40px; }

div.pointmake_feature.eyebrow .burashi .burashi_box {
  float: left;
  width: 150px;
  font-size: 13px;
  text-align: center; }

div.pointmake_feature.eyebrow .burashi .burashi_box + div.burashi_box {
  margin-left: 55px; }

div.pointmake_feature.eyebrow .comment {
  margin-bottom: 40px;
  border: 1px solid  #f8c1b8;
  border-radius: 5px;
  display: inline-block;
  padding: 10px; }

div.pointmake_feature.eyebrow .comment p {
  font-weight: bold;
  margin: 0; }

div.pointmake_feature.eyebrow .comment p.att {
  font-weight: lighter;
  font-size: 12px; }

div.pointmake_feature.eyebrow img.color_img {
  display: block;
  margin: 0 auto; }

div.pointmake_feature.eyecolor .color {
  position: relative;
  margin-bottom: 30px; }

div.pointmake_feature.eyecolor .color .color_box {
  width: 152px;
  float: left;
  font-size: 12px;
  letter-spacing: -0.05em; }

div.pointmake_feature.eyecolor .color .color_box p {
  text-align: center; }

div.pointmake_feature.eyecolor .color .color_box + .color_box {
  margin-left: 20px; }

div.pointmake_feature.eyecolor .color img.case {
  position: absolute;
  right: 0;
  top: -30px; }

div.pointmake_feature.eyecolor .mb0 {
  margin-bottom: 0; }

div.pointmake_feature.eyecolor .mt0 {
  margin-top: 0; }

div.pointmake_feature.eyecolor .mt30 {
  margin-top: 30px; }

div.pointmake_feature.eyecolor div.case_set {
  margin-top: 30px;
  padding: 20px;
  background: #fae5ee;
  border-radius: 10px; }

div.pointmake_feature.eyecolor div.case_set h4 {
  margin-bottom: 20px;
  font-size: 22px;
  color: #d31364;
  text-align: center;
  font-weight: bold; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box {
  width: 194px;
  float: left;
  padding: 10px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  position: relative;
  height: 235px; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box + .set_box {
  margin-left: 35px; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box + .set_box:before {
  display: block;
  position: absolute;
  left: -24px;
  top: 0px;
  bottom: 0;
  margin: auto;
  content: "";
  background: url(/img/Nov/point_make/eyecolor_set_arrow.png) no-repeat;
  width: 11px;
  height: 20px; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box p {
  font-size: 12px;
  line-height: 17px;
  text-indent: -1em;
  margin-left: 1em; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box p.ttl {
  height: 51px;
  text-align: left; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box p.att {
  color: #e50012;
  font-size: 11px;
  text-align: left; }

div.pointmake_feature.eyecolor div.case_set p.att {
  text-align: right; }

div.pointmake_feature.cheek .color {
  width: 550px;
  position: relative;
  margin-bottom: 30px; }

div.pointmake_feature.cheek .color .color_box {
  width: 164px;
  float: left;
  font-size: 12px; }

div.pointmake_feature.cheek .color .color_box p {
  text-align: center; }

div.pointmake_feature.cheek .color .color_box + .color_box {
  margin-left: 20px; }

div.pointmake_feature.cheek .color img.case {
  position: absolute;
  right: 0;
  top: -20px; }

div.pointmake_feature.cheek .mb0 {
  margin-bottom: 0; }

div.pointmake_feature.cheek .mt0 {
  margin-top: 0; }

div.pointmake_feature.cheek .mt30 {
  margin-top: 30px; }

div.pointmake_feature.cheek div.case_set {
  margin-top: 30px;
  padding: 20px;
  background: #fae5ee;
  border-radius: 10px; }

div.pointmake_feature.cheek div.case_set h4 {
  margin-bottom: 20px;
  font-size: 22px;
  color: #d31364;
  text-align: center;
  font-weight: bold; }

div.pointmake_feature.cheek div.case_set div.cf div.set_box {
  width: 194px;
  float: left;
  padding: 10px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  position: relative;
  height: 235px; }

div.pointmake_feature.cheek div.case_set div.cf div.set_box + .set_box {
  margin-left: 35px; }

div.pointmake_feature.cheek div.case_set div.cf div.set_box + .set_box:before {
  display: block;
  position: absolute;
  left: -24px;
  top: 0px;
  bottom: 0;
  margin: auto;
  content: "";
  background: url(/img/Nov/point_make/eyecolor_set_arrow.png) no-repeat;
  width: 11px;
  height: 20px; }

div.pointmake_feature.cheek div.case_set div.cf div.set_box p {
  font-size: 12px;
  line-height: 17px;
  text-indent: -1em;
  margin-left: 1em; }

div.pointmake_feature.eyecolor div.case_set div.cf div.set_box img,
div.pointmake_feature.cheek div.case_set div.cf div.set_box img{
  width: 160px;
}

div.pointmake_feature.cheek div.case_set div.cf div.set_box p.ttl {
  height: 51px;
  text-align: left; }

div.pointmake_feature.cheek div.case_set div.cf div.set_box p.att {
  color: #e50012;
  font-size: 11px;
  text-align: left; }

div.pointmake_feature.cheek div.case_set p.att {
  text-align: right; }

/* @media all and (-ms-high-contrast: none) {
  div.pointmake_feature h2 {
    padding-top: 16px; } } */
/*----------------------------
    pointmake_about
----------------------------*/
.pointmake_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #facfc6;
  border-radius: 10px;
  padding: 40px 20px 20px; }

.pointmake_about .cf {
  display: block; }

.pointmake_about .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

.pointmake_about .fl {
  float: left; }

.pointmake_about .fr {
  float: right; }

.pointmake_about * {
  box-sizing: border-box; }

.pointmake_about a:hover img {
  opacity: 0.7; }

.pointmake_about p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

.pointmake_about h2 {
  position: absolute;
  left: -16px;
  top: -40px;
  background: url(/img/Nov/point_make/about_bg.png);
  width: 310px;
  height: 69px;
  font-family: "メイリオ",Meiryo,Osaka,sans-serif; }

.pointmake_about h2 span.txt {
  display: block;
  transform: rotate(-1.5deg);
  padding-top: 17px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.pointmake_about h2 span.txt span {
  font-size: 26px;
  color: #fff;
 }

.pointmake_about p.copy {
  font-size: 18px;
  color: #63666a;
  font-weight: bold;
  margin-bottom: 10px; }

.pointmake_about p.copy sup {
  font-size: 12px; }

.pointmake_about img.ob {
  position: absolute;
  right: 5px;
  top: -40px; }

.pointmake_about .box_wrap {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  color: #595757; }

.pointmake_about .box_wrap h3 {
  display: flex;
  align-items: center;
  position: relative;
  color: #ef6079;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

.pointmake_about .box_wrap h3 span {
  margin-right: 10px;
  font-size: 30px; }

.pointmake_about .box_wrap div.cf {
  margin: 20px 0; }

.pointmake_about .box_wrap div.cf ul.cf {
  width: 632px;
  border: 1px solid  #f8c1b8;
  padding: 15px 15px 5px; }

.pointmake_about .box_wrap div.cf ul.cf li {
  width: 220px;
  float: left;
  line-height: 1.2;
  margin-bottom: 10px; }

.pointmake_about .box_wrap div.cf ul.cf li:nth-child(even) {
  width: 380px; }

.pointmake_about .box_wrap div.cf ul.cf li:before {
  content: "●";
  color: #f8c1b8;
  margin-right: 5px;
}

.pointmake_about .box_wrap div.cf ul.cf li p {
  margin-top: 0; }

/* @media all and (-ms-high-contrast: none) {
  .pointmake_about h2 span.txt {
    padding-top: 30px; } } */
/*----------------------------
    oligomaline_step
----------------------------*/
div.oligomaline_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }

div.oligomaline_step .cf {
  display: block; }

div.oligomaline_step .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.oligomaline_step .fl {
  float: left; }

div.oligomaline_step .fr {
  float: right; }

div.oligomaline_step * {
  box-sizing: border-box; }

div.oligomaline_step a:hover img {
  opacity: 0.7; }

div.oligomaline_step p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.oligomaline_step div.cf h3.fl {
  margin-top: 20px;
  border: 2px solid #00ac9c;
  border-radius: 50%;
  text-align: center;
  color: #00ac9c;
  font-size: 20px;
  padding-top: 25px;
  width: 110px;
  height: 110px;
  font-weight: bold;
  line-height: 28px; }

div.oligomaline_step div.cf div.fr dl {
  float: left; }

div.oligomaline_step div.cf div.fr dl dt {
  height: 33px;
  color: #00ac9c;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding-top: 5px;
  padding-right: 5px; }

div.oligomaline_step div.cf div.fr dl dt span {
  line-height: 1;
  margin-bottom: 2px;
  color: #727171;
  display: block;
  text-align: center; }

div.oligomaline_step div.cf div.fr dl dd {
  margin-top: 17px;
  text-align: center; }

div.oligomaline_step div.cf div.fr dl dd img {
  vertical-align: bottom; }

div.oligomaline_step div.cf h3.fl {
  background: #00ac9c;
  color: #fff;
  font-size: 15px;
  line-height: 19px; }

div.oligomaline_step div.cf div.fr {
  width: 610px; }

div.oligomaline_step div.cf div.fr dl {
  width: 313px; }

div.oligomaline_step div.cf div.fr dl dt {
  padding-top: 0;
  line-height: 33px;
  font-size: 13px;
  font-weight: bold;
  background: url(/img/Nov/oligomaline/lineup_ttl_bg.png) right center; }

div.oligomaline_step div.cf div.fr dl:nth-child(2) {
  width: 156px; }

div.oligomaline_step div.cf div.fr dl:nth-child(2) dt {
  background: url(/img/Nov/oligomaline/lineup_ttl_bg2.png) right center; }

/*----------------------------
    oligomaline_feature
----------------------------*/
div.oligomaline_feature {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  border: 2px solid  #0050a3; }

div.oligomaline_feature .cf {
  display: block; }

div.oligomaline_feature .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.oligomaline_feature .fl {
  float: left; }

div.oligomaline_feature .fr {
  float: right; }

div.oligomaline_feature * {
  box-sizing: border-box; }

div.oligomaline_feature a:hover img {
  opacity: 0.7; }

div.oligomaline_feature p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.oligomaline_feature h2 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
  height: 102px;
  width: 742px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  padding-top: 43px;
  padding-right: 15px;
  font-weight: bold;
  color: #fff; }

div.oligomaline_feature h3 {
  color: #e5006a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

div.oligomaline_feature h3 span {
  color: #e5006a;
  font-size: 30px; }

div.oligomaline_feature h3 sup {
  font-size: 13px; }

div.oligomaline_feature p {
  color: #717071;
  line-height: 20px;
  margin-bottom: 18px; }

div.oligomaline_feature p span {
  background: #f8d2e2; }

div.oligomaline_feature h2 {
  background: url(/img/Nov/oligomaline/feature_ttl_bg.png);
  height: 158px;
  padding-top: 48px;
  margin-right: -8px; }

div.oligomaline_feature .cont.cf {
  margin-top: 20px; }

div.oligomaline_feature .cont.cf div.fl {
  width: 420px; }

div.oligomaline_feature .cont.cf div.fl h3.num span {
  margin-right: 5px; }

div.oligomaline_feature div.family {
  width: 656px;
  margin: 30px auto;
  background: #e0f3ed;
  box-shadow: 0 0 10px 5px #e0f3ed;
  border-radius: 10px;
  padding-bottom: 30px; }

div.oligomaline_feature div.family div.h4_box {
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  padding-top: 20px; }

div.oligomaline_feature div.family div.h4_box h4 {
  font-size: 22px;
  text-align: center;
  color: #005cb9;
  font-weight: bold; }

div.oligomaline_feature div.family div.h4_box img {
  position: absolute; }

div.oligomaline_feature div.family div.h4_box img.ob1 {
  top: -10px;
  left: 60px; }

div.oligomaline_feature div.family div.h4_box img.ob2 {
  top: -10px;
  right: -20px; }

div.oligomaline_feature div.family div.cf dl {
  float: left;
  margin-left: 15px;
  width: 150px;
  background: #fff;
  border-radius: 100px;
  text-align: center;
  padding: 15px 5px; }

div.oligomaline_feature div.family div.cf dl + dl {
  margin-left: 10px; }

div.oligomaline_feature div.family div.cf dl dt {
  display: inline-block;
  background: url(/img/Nov/oligomaline/stripe.png);
  color: #005cb9;
  text-align: center;
  font-weight: bold;
  padding: 2px 10px;
  margin-bottom: 5px; }

div.oligomaline_feature div.family div.cf dl dd {
  font-size: 14px;
  text-align: center;
  color: #717071; }

div.oligomaline_feature div.family div.cf dl dd span {
  color: #e40069; }

div.oligomaline_feature div.point {
  margin-top: 40px;
  background: #b2e2e9;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px; }

div.oligomaline_feature div.point h3 {
  font-size: 15px;
  position: absolute;
  left: -10px;
  top: -10px;
  display: inline-block;
  color: #fff;
  background: #e5006a;
  padding: 3px 5px;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg); }

div.oligomaline_feature div.point div.cf {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none; }

div.oligomaline_feature div.point div.cf div {
  background: #fff;
  border-radius: 10px;
  padding: 15px 12px;
  width: 221px;
  float: left;
  height: 153px; }

div.oligomaline_feature div.point div.cf div + div {
  margin-left: 5px; }

div.oligomaline_feature div.point div.cf div h4 {
  border-bottom: 1px solid #009eb7;
  color: #009eb7;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 5px; }

div.oligomaline_feature div.point div.cf div h4 span {
  font-size: 13px;
  color: #e5006a; }

div.oligomaline_feature div.point div.cf div p {
  font-size: 12px;
  color: #727171;
  line-height: 18px;
  margin-bottom: 0px; }

div.oligomaline_feature div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.oligomaline_feature div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.oligomaline_feature div.point div.cf div.case2 p {
  padding-right: 70px; }

div.oligomaline_feature div.point div.cf div {
  height: 135px; }

div.oligomaline_feature div.point div.cf div.case1 p {
  padding-right: 0;
  background: none; }

div.oligomaline_feature div.point div.cf div.case2 {
  background: #fff;
  padding-right: 150px;
  position: relative;
  width: 450px; }

div.oligomaline_feature div.point div.cf div.case2 p {
  padding-right: 0; }

div.oligomaline_feature div.point div.cf div.case2 img {
  position: absolute;
  right: 10px;
  top: 7px; }

/*----------------------------
    oligomaline_about
----------------------------*/
.oligomaline_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #dff1f5;
  border-radius: 10px;
  padding: 40px 20px 20px; }

.oligomaline_about .cf {
  display: block; }

.oligomaline_about .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

.oligomaline_about .fl {
  float: left; }

.oligomaline_about .fr {
  float: right; }

.oligomaline_about * {
  box-sizing: border-box; }

.oligomaline_about a:hover img {
  opacity: 0.7; }

.oligomaline_about p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

.oligomaline_about h2 {
  position: absolute;
  left: -16px;
  top: -40px;
  background: url(/img/Nov/oligomaline/about_bg.png);
  width: 398px;
  height: 76px;
  font-family: "メイリオ",Meiryo,Osaka,sans-serif; }

.oligomaline_about h2 span.txt {
  display: block;
  transform: rotate(-1.5deg);
  padding-top: 22px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.oligomaline_about h2 span.txt span {
  font-size: 26px;
  color: #fff;
 }

@media all and (-ms-high-contrast: none) {
  .oligomaline_about h2 span.txt {
    padding-top: 35px; } }
.oligomaline_about p.copy {
  font-size: 18px;
  color: #0086d1;
  font-weight: bold;
  margin-bottom: 10px; }

.oligomaline_about p.copy sup {
  font-size: 12px; }

.oligomaline_about img.ob {
  position: absolute;
  right: 5px;
  top: -40px; }

.oligomaline_about .box_wrap {
  color: #595757;
  font-size: 13px;
  /**/ }

.oligomaline_about .box_wrap div.explain {
  margin-bottom: 50px;
  border: 1px solid  #005cb9;
  padding: 20px; }

.oligomaline_about .box_wrap div.explain div.what.cf {
  margin-bottom: 30px;
  background: #fff;
  border-radius: 10px;
  padding: 20px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fl {
  width: 270px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fl h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fl h3 span {
  color: #e40069;
  font-size: 28px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fl h3 span sup {
  font-size: 13px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fl p span {
  background: #f9dbe8; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fr {
  background: url(/img/Nov/oligomaline/what_bg.png) no-repeat;
  width: 322px;
  height: 159px;
  padding: 18px 17px 0px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fr h4 {
  font-size: 18px;
  color: #005cb9;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid  #005cb9;
  margin-bottom: 5px; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fr p {
  font-size: 13px;
  line-height: 17px;
  text-align: center; }

.oligomaline_about .box_wrap div.explain div.what.cf div.fr p span {
  color: #e40069; }

.oligomaline_about .box_wrap div.explain div.box2 {
  margin-bottom: 40px; }

.oligomaline_about .box_wrap div.explain div.box2 h3 {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px; }

.oligomaline_about .box_wrap div.explain div.box2 h3 span {
  color: #e40069; }

.oligomaline_about .box_wrap div.explain div.box2 h3 span span.big {
  font-size: 30px; }

.oligomaline_about .box_wrap div.explain div.box2 div.cf p.txt.fl {
  width: 170px;
  margin-right: 20px; }

.oligomaline_about .box_wrap div.explain div.box2 div.cf div.fr {
  background: #ed85a0;
  box-shadow: 0 0 10px 5px #ed85a0;
  border-radius: 50%;
  padding: 15px; }

.oligomaline_about .box_wrap div.explain div.box2 div.cf div.fr p {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 12px; }

.oligomaline_about .box_wrap div.explain div.box2 div.cf div.fr p span {
  font-size: 16px; }

.oligomaline_about .box_wrap div.explain div.box3 h3 {
  text-align: center;
  color: #005cb9;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 15px; }

.oligomaline_about .box_wrap div.explain div.box3 div.cf p.txt.fl {
  width: 250px; }

.oligomaline_about .box_wrap div.explain div.box3 div.cf p.txt.fl span {
  background: #f9dbe8; }

.oligomaline_about .box_wrap div.explain div.box3 div.cf img.fr {
  margin-top: -15px; }

.oligomaline_about .box_wrap div.lineup {
  margin-bottom: 20px; }

.oligomaline_about .box_wrap div.lineup div.h3_box {
  margin-bottom: 20px;
  height: 25px;
  text-align: center;
  position: relative; }

.oligomaline_about .box_wrap div.lineup div.h3_box img {
  position: absolute;
  left: 45px;
  bottom: 0; }

.oligomaline_about .box_wrap div.lineup div.h3_box h3 {
  margin-left: 25px;
  text-align: center;
  color: #005cb9;
  font-size: 22px;
  font-weight: bold; }

.oligomaline_about .box_wrap div.lineup div.h3_box h3 span {
  font-size: 14px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box {
  width: 220px;
  float: left;
  background: #fff;
  box-shadow: 3px 3px 0 0 #ccc;
  border-radius: 5px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box + div.lineup_box {
  margin-left: 15px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box a {
  display: block; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box a:hover {
  opacity: 0.6;
  color: inherit; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box a:hover img {
  opacity: 1; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.h4_box {
  border-radius: 5px 5px 0 0;
  position: relative;
  padding: 10px;
  background: #005cb9; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.h4_box img {
  position: absolute;
  left: -10px;
  top: -10px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.h4_box h4 {
  margin-left: 30px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf {
  position: relative;
  height: 125px;
  padding: 10px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf a {
  width: 60px;
  display: block; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr {
  float: left;
  font-size: 14px;
  line-height: 18px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr dt {
  margin-left: 5px;
  color: #005cb9;
  font-weight: bold;
  margin-bottom: 5px; }

.oligomaline_about .box_wrap div.lineup div.cf div.lineup_box div.cf img.ob {
  top: auto;
  left: auto;
  right: 5px;
  bottom: 5px; }

.oligomaline_about .box_wrap div.info.cf {
  width: 615px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 15px; }

.oligomaline_about .box_wrap div.info.cf div.fl {
  width: 330px; }

.oligomaline_about .box_wrap div.info.cf div.fl div.box {
  margin-bottom: 10px; }

.oligomaline_about .box_wrap div.info.cf div.fl div.box span {
  font-weight: bold; }

.oligomaline_about .box_wrap div.info.cf div.fl div.box span.feature {
  background: #f7afd6;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  padding: 3px 7px;
  font-size: 13px; }

.oligomaline_about .box_wrap div.info.cf div.fl div.box span.iyaku {
  border: 1px solid  #717071;
  padding: 3px 10px;
  background: #fff; }

.oligomaline_about .box_wrap div.info.cf div.fl ul.test li {
  display: inline-block;
  margin-right: 10px; }

.oligomaline_about .box_wrap div.info.cf div.fl ul.test li:before {
  margin-top: 1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  content: "";
  background: #f7afd6; }

.oligomaline_about .box_wrap div.info.cf div.fl p.att {
  margin-top: 0; }

.oligomaline_about .box_wrap div.info.cf dl.fr {
  width: 240px;
  background: #dbe5f4;
  border: 1px solid  #005cb9;
  border-radius: 10px;
  padding: 10px 15px; }

.oligomaline_about .box_wrap div.info.cf dl.fr dt {
  color: #005cb9;
  border-bottom: 1px solid  #005cb9;
  text-align: center;
  font-weight: bold; }

.oligomaline_about .box_wrap div.info.cf dl.fr dd {
  color: #005cb9;
  margin-top: 5px;
  text-align: center; }

.oligomaline_about .box_wrap p.att.tar {
  text-align: right; }

/*----------------------------
    bodycare_step
----------------------------*/
div.bodycare_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }

div.bodycare_step .cf {
  display: block; }

div.bodycare_step .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.bodycare_step .fl {
  float: left; }

div.bodycare_step .fr {
  float: right; }

div.bodycare_step * {
  box-sizing: border-box; }

div.bodycare_step a:hover img {
  opacity: 0.7; }

div.bodycare_step p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.bodycare_step div.cf h3.fl {
  margin-top: 20px;
  border: 2px solid #00ac9c;
  border-radius: 50%;
  text-align: center;
  color: #00ac9c;
  font-size: 20px;
  padding-top: 25px;
  width: 110px;
  height: 110px;
  font-weight: bold;
  line-height: 28px; }

div.bodycare_step div.cf div.fr dl {
  float: left; }

div.bodycare_step div.cf div.fr dl dt {
  height: 33px;
  color: #00ac9c;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding-top: 5px;
  padding-right: 5px; }

div.bodycare_step div.cf div.fr dl dt span {
  line-height: 1;
  margin-bottom: 2px;
  color: #727171;
  display: block;
  text-align: center; }

div.bodycare_step div.cf div.fr dl dd {
  margin-top: 17px;
  text-align: center; }

div.bodycare_step div.cf div.fr dl dd img {
  vertical-align: bottom; }

div.bodycare_step div.cf div.fr {
  width: 610px; }

div.bodycare_step div.cf div.fr dl {
  width: 296px; }

div.bodycare_step div.cf div.fr dl dt {
  background: url(/img/Nov/bodycare/step_bg.png) right center; }

div.bodycare_step div.cf div.fr dl:nth-child(2) {
  width: 185px; }

/*----------------------------
    bodycare_feature
----------------------------*/
div.bodycare_feature {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  border: 2px solid  #0086d1; }

div.bodycare_feature .cf {
  display: block; }

div.bodycare_feature .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.bodycare_feature .fl {
  float: left; }

div.bodycare_feature .fr {
  float: right; }

div.bodycare_feature * {
  box-sizing: border-box; }

div.bodycare_feature a:hover img {
  opacity: 0.7; }

div.bodycare_feature p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.bodycare_feature h2 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
  height: 102px;
  width: 742px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  padding-top: 33px;
  padding-right: 15px;
  font-weight: bold;
  color: #fff; }

div.bodycare_feature h3 {
  color: #e5006a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

div.bodycare_feature h3 span {
  font-size: 30px; }

div.bodycare_feature h3 sup {
  font-size: 13px; }

div.bodycare_feature p {
  color: #717071;
  line-height: 20px;
  margin-bottom: 18px; }

div.bodycare_feature p span {
  background: #f8d2e2; }

div.bodycare_feature h2 {
  width: 744px;
  background: url(/img/Nov/bodycare/feature_ttl_bg.png) no-repeat;
  left: -8px; }

div.bodycare_feature p.copy {
  font-size: 18px;
  line-height: 23px;
  color: #0086d1;
  font-weight: bold; }

div.bodycare_feature div.point {
  margin-top: 40px;
  background: #b2e2e9;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-bottom: 0; }

div.bodycare_feature div.point h3 {
  font-size: 15px;
  position: absolute;
  left: -10px;
  top: -10px;
  display: inline-block;
  color: #fff;
  background: #e5006a;
  padding: 3px 5px;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg); }

div.bodycare_feature div.point div.cf {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none; }

div.bodycare_feature div.point div.cf div {
  background: #fff;
  border-radius: 10px;
  padding: 15px 12px;
  width: 221px;
  float: left;
  height: 153px; }

div.bodycare_feature div.point div.cf div + div {
  margin-left: 5px; }

div.bodycare_feature div.point div.cf div h4 {
  border-bottom: 1px solid #009eb7;
  color: #009eb7;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 5px; }

div.bodycare_feature div.point div.cf div h4 span {
  font-size: 13px;
  color: #e5006a; }

div.bodycare_feature div.point div.cf div p {
  font-size: 12px;
  color: #727171;
  line-height: 18px;
  margin-bottom: 0px; }

div.bodycare_feature div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.bodycare_feature div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.bodycare_feature div.point div.cf div.case2 p {
  padding-right: 70px; }

div.bodycare_feature div.point div.cf div {
  height: 115px; }

div.bodycare_feature div.point div.cf div.case1, div.bodycare_feature div.point div.cf div.case2 {
  background: #ffffff; }

div.bodycare_feature div.point div.cf div.case1 p, div.bodycare_feature div.point div.cf div.case2 p {
  padding: 0;
  background: none; }

div.bodycare_feature div.point .towel dl {
  margin-top: 10px;
  color: #727171; }

div.bodycare_feature div.point .towel dl dt {
  font-size: 16px; }

div.bodycare_feature div.point .towel dl dd {
  font-size: 13px; }

/*----------------------------
    bodycare_about
----------------------------*/
.bodycare_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #dff1f5;
  border-radius: 10px;
  padding: 40px 20px 20px; }

.bodycare_about .cf {
  display: block; }

.bodycare_about .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

.bodycare_about .fl {
  float: left; }

.bodycare_about .fr {
  float: right; }

.bodycare_about * {
  box-sizing: border-box; }

.bodycare_about a:hover img {
  opacity: 0.7; }

.bodycare_about p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

.bodycare_about h2 {
  position: absolute;
  left: -16px;
  top: -40px;
  background: url(/img/Nov/bodycare/about_bg.png);
  width: 377px;
  height: 76px;
  font-family: "メイリオ",Meiryo,Osaka,sans-serif; }

.bodycare_about h2 span.txt {
  display: block;
  transform: rotate(-1.5deg);
  padding-top: 20px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.bodycare_about h2 span.txt span {
  font-size: 28px;
  color: #fff;
 }

@media all and (-ms-high-contrast: none) {
  .bodycare_about h2 span.txt {
    padding-top: 35px; } }
.bodycare_about p.copy {
  font-size: 20px;
  line-height: 25px;
  color: #0086d1;
  font-weight: bold;
  margin-bottom: 10px; }

.bodycare_about img.ob {
  position: absolute;
  right: 5px;
  top: -40px; }

.bodycare_about div.box_wrap div.feature_box {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
  border-radius: 10px; }

.bodycare_about div.box_wrap div.feature_box div.cf {
  margin-bottom: 20px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fl {
  width: 370px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box {
  margin-bottom: 5px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box p {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  width: 70px;
  text-align: center;
  font-weight: bold;
  border-radius: 20px;
  background: #e5006a;
  color: #fff;
  font-size: 16px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box p span {
  font-size: 22px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fl div.h3_box h3 {
  color: #e5006a;
  font-weight: bold;
  font-size: 21px;
  width: 290px;
  vertical-align: middle;
  display: inline-block; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fl p.txt span {
  background: #fadce9; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fr {
  width: 280px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fr ul {
  text-align: center; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fr ul li {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  background: #fff67f;
  border-radius: 20px;
  color: #eb6d94;
  text-align: center;
  padding: 5px 8px;
  display: inline-block;
  width: 120px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fr ul li sup {
  color: #727171;
  font-size: 9px; }

.bodycare_about div.box_wrap div.feature_box div.cf div.fr p.att {
  margin-top: -10px;
  text-align: right; }

.bodycare_about div.box_wrap div.feature_box div.cont2.cf {
  background: #fadce9;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 0; }

.bodycare_about div.box_wrap div.feature_box div.cont2.cf p.fr {
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #0086d1;
  padding: 25px 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px 5px #fff; }

.bodycare_about div.box_wrap div.lineup div.h3_box {
  margin-bottom: 20px;
  height: 25px;
  text-align: center;
  position: relative; }

.bodycare_about div.box_wrap div.lineup div.h3_box img {
  position: absolute;
  left: 36px;
  bottom: 0; }

.bodycare_about div.box_wrap div.lineup div.h3_box h3 {
  margin-left: 25px;
  text-align: center;
  color: #0086d1;
  font-size: 22px;
  font-weight: bold; }

.bodycare_about div.box_wrap div.lineup div.h3_box h3 span {
  font-size: 14px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box {
  width: 210px;
  float: left;
  background: #fff;
  box-shadow: 3px 3px 0 0 #ccc;
  border-radius: 5px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box + div.lineup_box {
  margin-left: 15px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box a {
  display: block; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box a:hover {
  opacity: 0.6;
  color: inherit; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box a:hover img {
  opacity: 1; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box:first-child {
  width: 240px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box:nth-child(2) div.h4_box img {
  left: -15px;
  top: -25px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.h4_box {
  border-radius: 5px 5px 0 0;
  position: relative;
  padding: 10px;
  background: #0086d1; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.h4_box img {
  position: absolute;
  left: -5px;
  top: -10px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.h4_box h4 {
  margin-left: 25px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf {
  height: 125px;
  padding: 10px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr {
  font-size: 13px;
  line-height: 18px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr dt {
  color: #0086d1;
  font-weight: bold;
  margin-bottom: 5px; }

.bodycare_about div.box_wrap div.lineup div.cf div.lineup_box div.cf dl.fr dd {
  font-size: 12px; }

/*----------------------------
    ac_active_about
----------------------------*/
.ac_active_about {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 50px 0 35px 16px;
  background: #d9f0f4;
  border-radius: 10px;
  padding: 40px 20px 20px; }

.ac_active_about .cf {
  display: block; }

.ac_active_about .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

.ac_active_about .fl {
  float: left; }

.ac_active_about .fr {
  float: right; }

.ac_active_about * {
  box-sizing: border-box; }

.ac_active_about a:hover img {
  opacity: 0.7; }

.ac_active_about p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

.ac_active_about h2 {
  position: absolute;
  left: -16px;
  top: -40px;
  background: url(/img/Nov/ac_active/about_bg.png);
  width: 437px;
  height: 76px;
  font-family: "メイリオ",Meiryo,Osaka,sans-serif; }

.ac_active_about h2 span.txt {
  display: block;
  transform: rotate(-1.5deg);
  padding-top: 20px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff; }

.ac_active_about h2 span.txt span {
  font-size: 28px;
  color: #fff;
 }

@media all and (-ms-high-contrast: none) {
  .ac_active_about h2 span.txt {
    padding-top: 35px; } }
.ac_active_about p.copy {
  font-size: 20px;
  color: #009eb7;
  font-weight: bold;
  margin-bottom: 10px; }

.ac_active_about img.ob {
  position: absolute;
  right: 5px;
  top: -40px; }

.ac_active_about .box_wrap {
  background: #fff;
  padding: 20px 20px 10px;
  border-radius: 10px; }

.ac_active_about .box_wrap p.lead {
  color: #e40069;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center; }

.ac_active_about .box_wrap p.lead span {
  font-size: 30px; }

.ac_active_about .box_wrap div.cf div.box {
  height: 150px;
  width: 300px;
  background: #fffac6;
  border-radius: 5px;
  padding: 10px 15px 15px;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-bottom: 20px; }

.ac_active_about .box_wrap div.cf div.box:nth-child(even) {
  margin-left: 25px; }

.ac_active_about .box_wrap div.cf div.box img {
  position: absolute;
  left: -10px;
  top: -10px; }

.ac_active_about .box_wrap div.cf div.box h3 {
  margin-bottom: 10px;
  color: #009eb7;
  border-bottom: 1px solid #009eb7;
  padding-bottom: 5px;
  font-size: 21px;
  text-align: center;
  font-weight: bold; }

.ac_active_about .box_wrap div.cf div.box h3 span.head {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px; }

.ac_active_about .box_wrap div.cf div.box h3 sup {
  font-size: 13px; }

.ac_active_about .box_wrap div.cf div.box h3 span.small {
  font-size: 17px; }

.ac_active_about .box_wrap div.cf div.box p {
  font-size: 13px;
  line-height: 20px;
  color: #717071; }

/*----------------------------
    ac_active_step
----------------------------*/
div.ac_active_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }

div.ac_active_step .cf {
  display: block; }

div.ac_active_step .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.ac_active_step .fl {
  float: left; }

div.ac_active_step .fr {
  float: right; }

div.ac_active_step * {
  box-sizing: border-box; }

div.ac_active_step a:hover img {
  opacity: 0.7; }

div.ac_active_step p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.ac_active_step div.cf h3.fl {
  margin-top: 20px;
  border: 2px solid #00ac9c;
  border-radius: 50%;
  text-align: center;
  color: #00ac9c;
  font-size: 20px;
  padding-top: 25px;
  width: 110px;
  height: 110px;
  font-weight: bold;
  line-height: 28px; }

div.ac_active_step div.cf div.fr dl {
  float: left; }

div.ac_active_step div.cf div.fr dl dt {
  height: 33px;
  color: #00ac9c;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding-top: 5px;
  padding-right: 5px; }

div.ac_active_step div.cf div.fr dl dt span {
  line-height: 1;
  margin-bottom: 2px;
  color: #727171;
  display: block;
  text-align: center; }

div.ac_active_step div.cf div.fr dl dd {
  margin-top: 17px;
  text-align: center; }

div.ac_active_step div.cf div.fr dl dd img {
  vertical-align: bottom; }

div.ac_active_step div.cf div.fr dl {
  width: 102px; }

div.ac_active_step div.cf div.fr dl dt {
  background: url(/img/Nov/nov2/step_bg.png) right center; }

div.ac_active_step div.cf div.fr dl.step03 {
  width: 176px; }

div.ac_active_step div.cf div.fr dl.step03 dt {
  background: url(/img/Nov/nov3/step03_bg.png);
  padding-right: 20px; }

div.ac_active_step div.cf div.fr dl.step03 dd {
  margin-right: 20px; }

div.ac_active_wash {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  background: url(/img/Nov/ac_active/wash_bg.jpg) no-repeat right bottom 280px; }

div.ac_active_wash .cf {
  display: block; }

div.ac_active_wash .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.ac_active_wash .fl {
  float: left; }

div.ac_active_wash .fr {
  float: right; }

div.ac_active_wash * {
  box-sizing: border-box; }

div.ac_active_wash a:hover img {
  opacity: 0.7; }

div.ac_active_wash p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.ac_active_wash h2 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
  height: 102px;
  width: 742px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  padding-top: 43px;
  padding-right: 15px;
  font-weight: bold;
  color: #fff; }

div.ac_active_wash h3 {
  color: #e5006a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

div.ac_active_wash h3 span {
  font-size: 30px; }

div.ac_active_wash h3 sup {
  font-size: 13px; }

div.ac_active_wash p {
  color: #717071;
  line-height: 20px;
  margin-bottom: 18px; }

div.ac_active_wash p span {
  background: #f8d2e2; }

div.ac_active_wash div.cf.mild_wrap {
  margin-bottom: 50px;
  background: #fbeaee;
  padding: 20px;
  border-radius: 10px; }

div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box {
  width: 400px; }

div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box h4 {
  color: #009eb7;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 7px;
  margin-bottom: 10px;
  border-bottom: 1px solid #009eb7; }

div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box h4 span {
  font-size: 13px;
  display: inline-block;
  padding: 2px 7px;
  background: #e40069;
  color: #fff;
  text-align: center;
  border-radius: 90px;
  vertical-align: middle; }

div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box h4 sup {
  font-size: 13px; }

div.ac_active_wash div.cf.mild_wrap div.fl div.mild_box .cf p {
  float: left;
  line-height: 23px;
  font-size: 16px;
  width: 205px; }

div.ac_active_wash div.fig_box {
  position: relative; }

div.ac_active_wash div.fig_box img {
  position: absolute;
  right: -9px;
  bottom: -30px; }

div.ac_active_wash div.fig_box p {
  padding-right: 100px; }

div.ac_active_wash div.point {
  margin-top: 40px;
  background: #b2e2e9;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px; }

div.ac_active_wash div.point h3 {
  font-size: 15px;
  position: absolute;
  left: -10px;
  top: -10px;
  display: inline-block;
  color: #fff;
  background: #e5006a;
  padding: 3px 5px;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg); }

div.ac_active_wash div.point div.cf {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none; }

div.ac_active_wash div.point div.cf div {
  background: #fff;
  border-radius: 10px;
  padding: 15px 12px;
  width: 221px;
  float: left;
  height: 153px; }

div.ac_active_wash div.point div.cf div + div {
  margin-left: 5px; }

div.ac_active_wash div.point div.cf div h4 {
  border-bottom: 1px solid #009eb7;
  color: #009eb7;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 5px; }

div.ac_active_wash div.point div.cf div h4 span {
  font-size: 13px;
  color: #e5006a; }

div.ac_active_wash div.point div.cf div p {
  font-size: 12px;
  color: #727171;
  line-height: 18px;
  margin-bottom: 0px; }

div.ac_active_wash div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.ac_active_wash div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.ac_active_wash div.point div.cf div.case2 p {
  padding-right: 70px; }

div.ac_active_wash div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.ac_active_wash div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.ac_active_wash div.point div.cf div.case2 p {
  padding-right: 70px; }

div.ac_active_lotion {
  background: url(/img/Nov/ac_active/lotion_bg.jpg) no-repeat right center;
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px; }

div.ac_active_lotion .cf {
  display: block; }

div.ac_active_lotion .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.ac_active_lotion .fl {
  float: left; }

div.ac_active_lotion .fr {
  float: right; }

div.ac_active_lotion * {
  box-sizing: border-box; }

div.ac_active_lotion a:hover img {
  opacity: 0.7; }

div.ac_active_lotion p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.ac_active_lotion h2 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
  height: 102px;
  width: 742px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  padding-top: 43px;
  padding-right: 15px;
  font-weight: bold;
  color: #fff; }

div.ac_active_lotion h3 {
  color: #e5006a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

div.ac_active_lotion h3 span {
  font-size: 30px; }

div.ac_active_lotion h3 sup {
  font-size: 13px; }

div.ac_active_lotion p {
  color: #717071;
  line-height: 20px;
  margin-bottom: 18px; }

div.ac_active_lotion p span {
  background: #f8d2e2; }

div.ac_active_lotion h2 {
  background: url(/img/Nov/ac_active/lotion_ttl.png) no-repeat;
  height: 101px;
  font-size: 23px;
  padding-right: 20px; }

div.ac_active_lotion div.cont h3 {
  font-size: 22px;
  margin-bottom: 6px; }

div.ac_active_lotion div.cont p {
  margin-bottom: 25px; }

div.ac_active_lotion div.cont p + ul {
  margin-top: -20px; }

div.ac_active_lotion div.cont p.pnk + ul {
  margin-top: 0; }

div.ac_active_lotion div.cont p span {
  font-size: 16px;
  color: #ea6d93;
  background: #fff8b0; }

div.ac_active_lotion div.cont ul {
  margin-bottom: 25px;
  text-align: center; }

div.ac_active_lotion div.cont ul li {
  vertical-align: top;
  background: url(/img/Nov/ac_active/lotion_bg01.png) no-repeat center center;
  width: 114px;
  height: 77px;
  display: inline-block;
  position: relative;
  color: #ea6d93;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  padding-top: 27px;
  font-weight: bold; }

div.ac_active_lotion div.cont ul li.tl {
  padding-top: 20px;
  font-size: 15px; }

div.ac_active_lotion div.cont ul li.tl span {
  margin-top: -5px; }

div.ac_active_lotion div.cont ul li span {
  margin-top: -3px;
  color: #717071;
  padding-right: 12px;
  line-height: 1;
  display: block;
  font-size: 11px;
  text-align: right; }

div.ac_active_lotion div.cont ul.w360 {
  width: 360px; }

div.ac_active_lotion div.cont div.box.cf {
  margin-bottom: 25px; }

div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde {
  background: #e5f5f8;
  border-radius: 10px;
  padding: 15px;
  width: 360px; }

div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box {
  border-bottom: 1px solid #009eb7;
  margin-bottom: 10px; }

div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box span.copy {
  font-size: 13px;
  display: inline-block;
  padding: 2px 7px;
  background: #e40069;
  color: #fff;
  text-align: center;
  border-radius: 90px;
  margin-bottom: 10px; }

div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box h3 {
  display: inline-block;
  color: #009eb7;
  font-size: 21px;
  font-weight: bold; }

div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.h3_box h3 span {
  font-size: 15px; }

div.ac_active_lotion div.cont div.box.cf div.fl.knowlegde div.cf div.fl {
  width: 155px; }

div.ac_active_lotion div.cont div.box.cf div.fr.care {
  width: 320px;
  height: 195px;
  background: url(/img/Nov/ac_active/lotion_arrow.png) no-repeat left center;
  padding: 10px 0 0 30px; }

div.ac_active_lotion div.cont div.box.cf div.fr.care p.pnk {
  margin-bottom: 10px;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f19eb7 13%, #ea6d93 34%);
  background: -webkit-linear-gradient(top, white 0%, #f19eb7 13%, #ea6d93 34%);
  background: linear-gradient(to bottom, white 0%, #f19eb7 13%, #ea6d93 34%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ea6d93', GradientType=0);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
  border: 2px solid #ea6d93;
  border-radius: 10px;
  padding: 10px;
  line-height: 1.4; }

div.ac_active_lotion div.cont div.box.cf div.fr.care p.pnk span {
  font-size: 25px;
  color: #fff;
  background: none; }

div.ac_active_lotion div.point {
  margin-top: 40px;
  background: #b2e2e9;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-top: 35px; }

div.ac_active_lotion div.point h3 {
  font-size: 15px;
  position: absolute;
  left: -10px;
  top: -10px;
  display: inline-block;
  color: #fff;
  background: #e5006a;
  padding: 3px 5px;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg); }

div.ac_active_lotion div.point div.cf {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none; }

div.ac_active_lotion div.point div.cf div {
  background: #fff;
  border-radius: 10px;
  padding: 15px 12px;
  width: 221px;
  float: left;
  height: 153px; }

div.ac_active_lotion div.point div.cf div + div {
  margin-left: 5px; }

div.ac_active_lotion div.point div.cf div h4 {
  border-bottom: 1px solid #009eb7;
  color: #009eb7;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 5px; }

div.ac_active_lotion div.point div.cf div h4 span {
  font-size: 13px;
  color: #e5006a; }

div.ac_active_lotion div.point div.cf div p {
  font-size: 12px;
  color: #727171;
  line-height: 18px;
  margin-bottom: 0px; }

div.ac_active_lotion div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.ac_active_lotion div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.ac_active_lotion div.point div.cf div.case2 p {
  padding-right: 70px; }

div.ac_active_lotion div.point div.cf div {
  height: 120px; }

div.ac_active_lotion div.point div.cf div h4 {
  font-size: 13px;
  margin-bottom: 10px; }

div.ac_active_lotion div.point div.cf div h4 span {
  font-size: 15px; }

div.ac_active_lotion div.point div.cf div.fl {
  width: 400px;
  margin-left: 0;
  background: url(/img/Nov/nov3/lositon_point01.png) no-repeat right 10px center #fff;
  padding-right: 160px; }

div.ac_active_lotion div.point div.cf div.fr {
  width: 270px;
  padding-right: 65px;
  background: url(/img/Nov/nov3/lositon_point02.png) no-repeat right 10px center #fff; }

div.ac_active_lotion div.btn {
  text-align: center; }

div.ac_active_milk {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 65px 10px 40px;
  border: 2px solid #009eb7;
  border-radius: 10px;
  padding: 50px 15px 30px;
  background: url(/img/Nov/ac_active/milk_bg.jpg) no-repeat right center; }

div.ac_active_milk .cf {
  display: block; }

div.ac_active_milk .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.ac_active_milk .fl {
  float: left; }

div.ac_active_milk .fr {
  float: right; }

div.ac_active_milk * {
  box-sizing: border-box; }

div.ac_active_milk a:hover img {
  opacity: 0.7; }

div.ac_active_milk p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.ac_active_milk h2 {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  background: url(/img/Nov/ac_active/wash_ttl.png) no-repeat;
  height: 102px;
  width: 742px;
  margin: auto;
  font-size: 24px;
  text-align: center;
  padding-top: 43px;
  padding-right: 15px;
  font-weight: bold;
  color: #fff; }

div.ac_active_milk h3 {
  color: #e5006a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

div.ac_active_milk h3 span {
  font-size: 30px; }

div.ac_active_milk h3 sup {
  font-size: 13px; }

div.ac_active_milk p {
  color: #717071;
  line-height: 20px;
  margin-bottom: 18px; }

div.ac_active_milk p span {
  background: #f8d2e2; }

div.ac_active_milk h2 {
  background: url(/img/Nov/ac_active/milk_ttl.png) no-repeat;
  height: 101px;
  font-size: 23px;
  padding-top: 43px;
  padding-right: 20px; }

div.ac_active_milk div.cont h3 {
  font-size: 22px;
  margin-bottom: 6px; }

div.ac_active_milk div.cont p span {
  font-size: 16px;
  color: #ea6d93;
  background: #fff8b0; }

div.ac_active_milk div.cont p + ul {
  margin-top: -10px; }

div.ac_active_milk div.cont ul {
  margin-bottom: 25px;
  text-align: center; }

div.ac_active_milk div.cont ul li {
  vertical-align: top;
  background: url(/img/Nov/ac_active/lotion_bg01.png) no-repeat center center;
  width: 114px;
  height: 77px;
  display: inline-block;
  position: relative;
  color: #ea6d93;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  padding-top: 27px;
  font-weight: bold; }

div.ac_active_milk div.cont ul li.tl {
  padding-top: 20px;
  font-size: 15px; }

div.ac_active_milk div.cont ul li.tl span {
  margin-top: -5px; }

div.ac_active_milk div.cont ul li span {
  margin-top: -3px;
  color: #717071;
  padding-right: 12px;
  line-height: 1;
  display: block;
  font-size: 11px;
  text-align: right; }

div.ac_active_milk div.cont ul.w360 {
  width: 360px; }

div.ac_active_milk div.cont ul.w470 {
  width: 480px; }

div.ac_active_milk div.cont ul.w240 {
  width: 240px; }

div.ac_active_milk div.point {
  margin-top: 40px;
  background: #b2e2e9;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-top: 50px;
  margin-bottom: 10px; }

div.ac_active_milk div.point h3 {
  font-size: 15px;
  position: absolute;
  left: -10px;
  top: -10px;
  display: inline-block;
  color: #fff;
  background: #e5006a;
  padding: 3px 5px;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg); }

div.ac_active_milk div.point div.cf {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none; }

div.ac_active_milk div.point div.cf div {
  background: #fff;
  border-radius: 10px;
  padding: 15px 12px;
  width: 221px;
  float: left;
  height: 153px; }

div.ac_active_milk div.point div.cf div + div {
  margin-left: 5px; }

div.ac_active_milk div.point div.cf div h4 {
  border-bottom: 1px solid #009eb7;
  color: #009eb7;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 5px; }

div.ac_active_milk div.point div.cf div h4 span {
  font-size: 13px;
  color: #e5006a; }

div.ac_active_milk div.point div.cf div p {
  font-size: 12px;
  color: #727171;
  line-height: 18px;
  margin-bottom: 0px; }

div.ac_active_milk div.point div.cf div.case1 p {
  padding-right: 90px;
  background: url(/img/Nov/ac_active/wash_fig04.png) no-repeat right center #fff; }

div.ac_active_milk div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/wash_fig05.png) no-repeat right 3px bottom #fff; }

div.ac_active_milk div.point div.cf div.case2 p {
  padding-right: 70px; }

div.ac_active_milk div.point div.cf div {
  padding: 15px 9px;
  height: 150px; }

div.ac_active_milk div.point div.cf div.case1 p {
  padding-right: 78px;
  background: url(/img/Nov/ac_active/milk_fig01.png) no-repeat right center #fff; }

div.ac_active_milk div.point div.cf div.case2 {
  background: url(/img/Nov/ac_active/milk_fig02.png) no-repeat right 3px bottom #fff; }

div.ac_active_milk div.point div.cf div.case2 p {
  padding-right: 70px; }

div.optional_step {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }

div.optional_step .cf {
  display: block; }

div.optional_step .cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: "."; }

div.optional_step .fl {
  float: left; }

div.optional_step .fr {
  float: right; }

div.optional_step * {
  box-sizing: border-box; }

div.optional_step a:hover img {
  opacity: 0.7; }

div.optional_step p.att {
  margin-bottom: 0;
  font-size: 11px;
  margin-top: 10px;
  color: #717071; }

div.optional_step h3.fl {
  margin-top: 20px;
  border: 2px solid #00ac9c;
  border-radius: 50%;
  text-align: center;
  color: #00ac9c;
  font-size: 20px;
  padding-top: 25px;
  width: 110px;
  height: 110px;
  font-weight: bold;
  line-height: 28px; }

div.optional_step div.fr dl {
  float: left; }

div.optional_step div.fr dl dt {
  height: 33px;
  color: #00ac9c;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding-top: 5px;
  padding-right: 5px; }

div.optional_step div.fr dl dt span {
  line-height: 1;
  margin-bottom: 2px;
  color: #727171;
  display: block;
  text-align: center; }

div.optional_step div.fr dl dd {
  margin-top: 17px;
  text-align: center; }

div.optional_step div.fr dl dd img {
  vertical-align: bottom; }

div.optional_step div.cf div.fr dl {
  width: 123px; }

div.optional_step div.cf div.fr dl dt {
  background: url(/img/Nov/nov2/step_bg.png) right center; }

/* nov skincream */
#detail_comment .skincream_ .box_intro_ {
  background: url(/img/Nov/skincream/bg.jpg) 0 0;
  padding-bottom: 24px;
  margin-bottom: 28px; }

#detail_comment .skincream_ .box_intro_ .hed_ {
  padding: 40px 0 15px 41px; }

#detail_comment .skincream_ .box_intro_ .box_ {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.75);
  margin: 0 42px 23px;
  padding: 28px;
  text-align: center;
  box-shadow: 0px 0px 4px 0px #bbbbbb; }

#detail_comment .skincream_ .box_intro_ .box_ .nayami_list_ {
  margin: 19px 0 23px; }

#detail_comment .skincream_ .box_intro_ .box_ .nayami_list_ li {
  display: inline-block;
  background: #dbf3eb;
  width: 134px;
  margin: 0 7px;
  border-radius: 10px;
  padding: 23px 0; }

#detail_comment .skincream_ .box_intro_ .box_ .img_ {
  margin-bottom: 31px; }

#detail_comment .skincream_ .box_intro_ .arw_bottom_ {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-color: #00ac9c transparent transparent transparent;
  border-width: 35px 95px 25px;
  border-style: solid; }

#detail_comment .skincream_ .box_intro_ .txt_ {
  text-align: center;
  border-bottom: 1px solid #00ac9c;
  margin: 0 40px 20px;
  padding-bottom: 14px; }

#detail_comment .skincream_ .box_intro_ .txt_2_ {
  margin: 0 41px 19px;
  font-size: 14px;
  line-height: 1.8; }

#detail_comment .skincream_ .box_intro_ .row_ {
  overflow: hidden;
  margin: 0 26px 27px; }

#detail_comment .skincream_ .box_intro_ .row_ .img_box_ {
  float: left;
  width: 46%;
  background: #fff;
  margin: 0 2%;
  text-align: center;
  box-sizing: border-box;
  padding: 19px;
  border-radius: 15px; }

#detail_comment .skincream_ .box_intro_ .row_ .img_box_ h3 {
  background: #ff9d92;
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 9px 5px 7px;
  line-height: 1;
  vertical-align: middle;
  margin-bottom: 20px; }

#detail_comment .skincream_ .box_intro_ .txt_conclusion_ {
  text-align: center;
  margin: 20px 0; }

#detail_comment .skincream_ .box_intro_ .txt_conclusion_ .txt1_ {
  color: #00ab9b;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 18px;
  line-height: 1.6; }

#detail_comment .skincream_ .box_intro_ .txt_conclusion_ .txt2_ {
  color: #00ab9b;
  font-size: 24px;
  font-weight: bold; }

#detail_comment .skincream_ .importance_ {
  padding-bottom: 20px;
  border-bottom: 1px solid #1cb1a3;
  margin: 0 25px 43px; }

#detail_comment .skincream_ .importance_ .hed_ {
  text-align: center;
  margin-bottom: 33px; }

#detail_comment .skincream_ .importance_ p {
  font-size: 14px;
  line-height: 2;
  margin: 0 22px; }

#detail_comment .skincream_ .importance_ p .strong_ {
  background: #b1ebe6;
  padding: 3px 1px; }

#detail_comment .skincream_ .skinceam_d_ {
  text-align: center; }

#detail_comment .skincream_ .skinceam_d_ .hed_ {
  margin-bottom: 22px; }

#detail_comment .skincream_ .skinceam_d_ .hed_ img {
  margin-left: -13px; }

#detail_comment .skincream_ .skinceam_d_ .example_list_ h3 {
  margin-bottom: 20px; }

#detail_comment .skincream_ .skinceam_d_ .example_list_ .check_list_ {
  overflow: hidden;
  margin: 0 25px 13px;
  border-bottom: 1px solid #000;
  padding: 0 13px 6px; }

#detail_comment .skincream_ .skinceam_d_ .example_list_ .check_list_ li {
  float: left;
  width: 50%;
  text-align: left;
  margin-bottom: 20px;
  font-size: 14px; }

#detail_comment .skincream_ .skinceam_d_ .example_list_ .check_list_ li .strong_ {
  color: #ff9d92;
  font-weight: bold; }

#detail_comment .skincream_ .skinceam_d_ .example_list_ .check_list_ li::before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(/img/Nov/skincream/check.gif) 0 0 no-repeat;
  margin-right: 5px;
  vertical-align: middle; }

#detail_comment .skincream_ .skinceam_d_ .img_ {
  margin-bottom: 60px; }

#detail_comment .skincream_ .features_ {
  border: 2px solid #5dc1c1;
  border-radius: 30px;
  position: relative;
  margin: 0 10px;
  padding: 0px 18px 18px 18px; }

#detail_comment .skincream_ .features_ .hed_ {
  background: url(/img/Nov/skincream/features_hed_bg.png) 50% 0 no-repeat;
  height: 58px;
  width: 743px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  position: absolute;
  top: -41px;
  left: -4px; }

#detail_comment .skincream_ .features_ .goods_img_ {
  position: absolute;
  top: 175px;
  right: 55px; }

#detail_comment .skincream_ .features_ .hed_futures_ {
  font-size: 24px;
  color: #1cb1a3;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 40px; }

#detail_comment .skincream_ .features_ p {
  max-width: 470px; }

#detail_comment .skincream_ .features_ p.note_ {
  font-size: 70%; }

#detail_comment .skincream_ .features_ .sub_top {
  font-size: 80%;
  vertical-align: super; }

#detail_comment .skincream_ .features_ .hed_futures_ .num_ {
  font-size: 31px;
  margin-right: 8px; }

#detail_comment .skincream_ .features_ .img_ {
  margin-top: 20px;
  margin-bottom: 19px; }

#detail_comment .skincream_ .features_ .box_seibun_, #detail_comment .skincream_ .features_ .box_shiyouryou_ {
  border: 1px solid #5dc1c1;
  margin-bottom: 13px;
  width: 445px; }

#detail_comment .skincream_ .features_ .box_seibun_ h3, #detail_comment .skincream_ .features_ .box_shiyouryou_ h3 {
  text-align: center;
  font-weight: bold;
  background: #5dc1c1;
  color: #fff;
  font-size: 19px;
  padding: 3px; }

#detail_comment .skincream_ .features_ .box_seibun_ .img_ {
  margin: 10px 0; }

#detail_comment .skincream_ .features_ .box_shiyouryou_ {
  width: 317px;
  margin-top: 22px;
  float: left;
  margin-right: 30px; }

#detail_comment .skincream_ .features_ .img_right_ {
  margin-top: 16px;
  margin-bottom: 0px; }

#detail_comment .skincream_ .features_ .img_right_ p {
  max-width: 100%; }

#detail_comment .skincream_ .features_ .box_shiyouryou_ p {
  font-size: 14px;
  padding: 24px 18px;
  font-weight: bold;
  color: #767676;
  line-height: 1.6; }

#detail_comment .skincream_ .features_ .point_list_ {
  margin: 10px 0 14px; }

#detail_comment .skincream_ .features_ .point_list_ li {
  display: inline-block;
  background: #ff9989;
  color: #fff;
  padding: 5px 10px;
  width: 92px;
  text-align: center;
  font-weight: bold;
  border-radius: 20px;
  letter-spacing: 3px; }

#detail_comment .skincream_ .features_ .test_list_ {
  color: #00ae98;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 1px;
  margin-top: 5px; }

/*----------------------------
    AC active 2018
----------------------------*/
.ac18 {
  color: #717071;
  font-family: Meiryo, sans-serif; }
  .ac18 sup {
    font-size: 12px;
    margin-right: 0; }
  .ac18 sub {
    vertical-align: baseline; }
  .ac18 p sup {
    font-size: 10px; }
  .ac18 strong {
    font-weight: normal; }
  .ac18 small {
    font-size: 10px;
    line-height: 1.4; }
  .ac18 .att {
    font-size: 11px; }

.ac .ac18_about {
  position: relative;
  box-sizing: border-box;
  width: 730px;
  margin: 68px 0 54px 16px;
  padding: 0 18px 20px;
  border-radius: 10px;
  background: #e7f5f3; }
.acActive .ac18_about {
  position: relative;
  box-sizing: border-box;
  width: 730px;
  margin: 68px 0 54px 16px;
  padding: 0 18px 20px;
  border-radius: 10px;
  background: #e6f8f8; }

.ac18_about .title {
  height: 50px; }
  .ac .ac18_about .title h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    position: absolute;
    top: -46px;
    left: -16px;
    width: 437px;
    height: 76px;
    background: url(/img/Nov/ac/bnr_01.png); }

  .acActive .ac18_about .title h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    position: absolute;
    top: -46px;
    left: -16px;
    width: 437px;
    height: 76px;
    background: url(/img/Nov/ac_active/new/bnr_01.png); }




    .ac18_about .title h2 em {
      font-size: 20px;
      font-weight: bold;
      display: block;
      padding-top: 20px;
      padding-left: 8px;
      transform: rotate(-1.5deg);
      color: #fff; }
      .ac18_about .title h2 em span {
        font-size: 28px;
        color: #fff;
       }
.acActive .ac18_about .title img {
  position: absolute;
  top: -90px;
  right: 20px;
  width: 270px; }
.ac .ac18_about .title img {
  position: absolute;
  top: -48px;
  right: 20px;
  width: 157px; }

.ac18_about .lead {
  color: #00aeb3;
  margin-bottom: 30px; }
  .ac18_about .lead p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.35; }

.ac18_about .section1 .block,
.ac18_about .section2 .block {
  display: table;
  width: 100%;}
.ac18_about .section1 {
  margin-bottom: 30px; }
  .ac18_about .section1 h3 {
    font-size: 20px;
    margin-bottom: 25px;
    text-align: center;
    color: #00aeb3; }
  .ac18_about .section1 strong {
    padding: 3px 10px;
    letter-spacing: .5px;
    background-color: #fee068; }
  .ac18_about .section1 dl,
  .ac18_about .section1 p {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .ac18_about .section1 dl {
    width: 300px; }
  .ac18_about .section1 dt {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 57px;
    height: 57px;
    color: #fff;
    border: solid 1px #5fd0d9;
    border-radius: 10px 10px 0 0;
    background-color: #5fd0d9; }
  .ac18_about .section1 dd {
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    border: solid 1px #5fd0d9; }
    .ac18_about .section1 dd li {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.8;
      color: #00aeb3; }
    .ac18_about .section1 dd sup {
      font-size: 9px;
      font-weight: normal; }
  .ac18_about .section1 small {
    display: block;
    margin-top: 3px;
    text-align: right;
    color: #00aeb3; }
.ac .ac18_about .section2 .text p{
  text-align: center;
}



.ac18_about .section2 {
  padding: 40px 35px 30px 35px;
  border-radius: 10px;
  background: #fff; }
  .ac18_about .section2 h3 {
    font-size: 24px;
    margin-bottom: 25px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: #00aeb3; }
    .ac18_about .section2 h3 sup {
      color: #00aeb3;
    }
  .ac18_about .section2 p {
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.8; }
  .ac18_about .section2 small {
    line-height: 1.6; }
.acActive .ac18_about .section2 img,
.acActive .ac18_about .section2 .text {
  display: table-cell;
  vertical-align: middle; }
.ac .ac18_about .section2 {
  padding: 40px 20px 30px 20px; }
  .ac .ac18_about .section2 img {
    display: block;
    margin: 30px auto 0 auto; }
.ac .ac18_about .section3 {

  padding: 40px 0 20px 0; }
  .ac .ac18_about .section3 .big {
    font-size: 20px;
    text-align: center;
    line-height: 1.3; }
  .ac .ac18_about .section3 ul {
    display: table;
    padding: 18px 0 0 10px;
    margin: 0 auto;
    font-size: 0; }
    .ac .ac18_about .section3 ul li {
      display: table-cell;
      padding-right: 30px; 
      vertical-align: bottom;}
      .ac .ac18_about .section3 ul li:last-child {
        padding-right: 0; }

.ac18_item {
  position: relative; }
  .ac18_item .title h2 {
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    background-color: #0baeb3;
    padding: 10px 0;
    line-height: 1;
    text-align: center;
    margin: 0 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
.ac18_item .title h2 span {
  display: block;
  padding: 18px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
  .ac18_item .title .item {
    display: block;
    position: absolute;
    top: -40px;
    right: 30px; }
  .ac18_item .ac18_item_border {
    margin: -3px 16px 0 16px;
    padding: 25px 0 30px 0;
    border: solid 2px #00aeb3;
    border-top: none;
    border-radius: 0 0 10px 10px; }
  .ac18_item .section {
    padding: 0 18px 40px 18px; }
    .ac18_item .section .img {
      text-align: center;
      margin-top: 20px;
    }
    .ac18_item .section .img img {
      max-width: 85%;
    }
    .ac18_item .section:last-child {
      padding-bottom: 0;
      margin-bottom: 20px; }
    .ac18_item .section h3,
    .ac18_item .section h4 {
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold;
      color: #00aeb3; }
    .ac18_item .section h3 {
      margin-bottom: 25px;
      font-size: 22px; }
      .ac18_item .section h3 span {
        font-size: 30px;
        vertical-align: sub;
        color: #00aeb3;
        letter-spacing: .1em; }
    .ac18_item .section h4 {
      margin-bottom: 20px;
      font-size: 20px; }
    .ac18_item .section p {
      font-size: 13px;
      line-height: 1.8; }
    .ac18_item .section ul {
      padding: 18px 0 0 10px;
      display: table; }
      .ac18_item .section ul li {
        display: table-cell;
        vertical-align: bottom;
        padding-right: 30px; }
        .ac18_item .section ul li:last-child {
          padding-right: 0; }
  .ac18_item .line_block {
    margin-top: 30px;
    padding: 30px 20px;
    border: solid 1px #00aeb3;
    border-radius: 10px; }
  .ac18_item .block {
    display: table;
    width: 100%; }
    .ac18_item .block .text,
    .ac18_item .block .shape,
    .ac18_item .block .image {
      display: table-cell;
      vertical-align: middle; }
    .ac18_item .block .shape {
      font-weight: bold;
      width: 225px;
      text-align: center;
      color: #00aeb3;
      border-radius: 50%;
      background: #e6f8f8; }
      .ac18_item .block .shape p {
        font-size: 14px; }
    .ac18_item .block em {
      background-color: #fee068; }
  .ac18_item .catch {
    width: 444px;
    margin: 0 auto 35px auto;
    padding: 20px 0;
    text-align: center;
    font-size: 22px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: #00aeb3;
    border: solid 10px #e6f8f8;
    border-radius: 10px; }
    .ac18_item .catch span {
      display: block;
      margin-bottom: 10px;
      font-size: 18px; }

.ac18_point .inner {
  margin: 0 18px 10px 18px;
  padding: 15px 10px 10px 10px;
  border-radius: 10px;
  background-color: #e6f8f8; }
.ac18_point .l-colums {
  display: flex;
}
.ac18_point .l-colums > div {
  flex-basis: 50%;
  padding: 0 15px;
}
.ac18_point .l-colums-left {
  border-right: 1px solid #cfcfcf;
}
.ac18_point .detail_property-recommend .flex-box {
  display: flex;
  align-items: flex-start;
}
.ac18_point h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  letter-spacing: 1px;
  color: #00aeb3; }
.ac18_point .block {
  display: table;
  width: 100%;
  padding: 20px 0;
  table-layout: fixed;
  background-color: #fff; }
.ac18_point .box {
  position: relative;
  display: table-cell;
  padding: 0 15px;
  border-right: solid 1px #cfcfcf;
 }
.ac18_point h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #00aeb3; }
.ac18_point .att {
  margin-left: 18px;
  line-height: 1.5; }
.acActive .ac18_point h4 span {
  background-color: #fee068; }
.ac .ac18_point h4 span {
  background-color: #f7c5da; }

#detail_comment.ac18 .goodscomment7_ {
  width: auto;
  margin-right: 0;
  margin-bottom: 20px;
  padding: 0 15px;
  background-color: #fff; }

#detail_comment .goodscomment7_ .ac18 .ac18_howto h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 42px;
  height: 42px;
  margin: -10px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  background-color: #00aeb3; }

#detail_comment .goodscomment8_ .ac18 .ac18_howto p {
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;}

#detail_comment .goodscomment7_ .ac18 .ac18_howto2 {
  padding: 10px;
  background-color: #e5f3ed; }
  #detail_comment .goodscomment7_ .ac18 .ac18_howto2 h2 {
    color: #00aeb3; }
  #detail_comment .goodscomment7_ .ac18 .ac18_howto2 p {
    font-size: 12px; }

.ac18_step {
  display: table;
  width: 100%; }
  .ac18_step dl {
    display: table-cell;
    vertical-align: top; }
  .ac18_step dt {
    font-size: 12px;
    line-height: 1.3;
    box-sizing: border-box;
    height: 43px;
    padding-top: 7px;
    text-align: center;
    color: #00aeb3; }
    .ac18_step dt span {
      display: block;
      color: #717071; }
  .ac18_step dd {
    padding-top: 10px; }
  .ac18_step dd a:hover img {
    opacity: 0.7;
  }
  .acActive .ac18_step dt {
    background: url(/img/Nov/ac_active/new/bg_step.png) center right no-repeat; }
  .acActive .ac18_step dd {
    height: 150px; }
  .acActive .ac18_step dd a:hover img {
    opacity: 0.7;
  }
  .acActive .ac18_step .step01 {
    width: 123px; }
  .acActive .ac18_step .step02 {
    width: 103px; }
  .acActive .ac18_step .step03 {
    width: 170px;
    font-size: 0; }
    .acActive .ac18_step .step03 .box {
      display: inline-block;
      width: 82px; }
      .acActive .ac18_step .step03 .box:first-child {
        margin-right: 3px; }
      .acActive .ac18_step .step03 .box:last-fhild {
        margin-left: 3px; }
    .acActive .ac18_step .step03 p {
      font-weight: bold;
      line-height: 20px;
      height: 20px;
      margin-top: 10px;
      text-align: center;
      color: #00aeb3;
      font-size: 11px;
      border-radius: 10px;
      background-color: #fee068; }
  .acActive .ac18_step .step04 {
    width: 93px; }
  .acActive .ac18_step .step05 {
    width: 118px; }
  .ac .ac18_step .step00 {
    display: table-cell;
    vertical-align: middle; }
  .ac .ac18_step .circle {
    display: table;
    width: 110px;
    height: 110px;
    border: solid 2px #00aeb3;
    border-radius: 50%; }
    .ac .ac18_step .circle p {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      color: #00aeb3;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.3; }
  .ac .ac18_step dt {
    background: url(/img/Nov/ac/bg_step.png) center right no-repeat; }
  .ac .ac18_step dl {
    width: 120px; }

#detail_comment.ac18 .goodscomment2_ h2 {
  font-size: 13px; }
#detail_comment.ac18 .goodscomment2_ p {
  font-size: 12px; }
#detail_comment.ac18 .goodscomment2_ .att {
  margin-top: 20px;
  font-size: 11px; }

.ac18 .oval {
  display: table;
  width: 145px;
  height: 85px;
  text-align: center;
  border-radius: 50%; }
  .ac18 .oval p {
    line-height: 1.5;
    display: table-cell;
    vertical-align: middle; }
  .ac18 .oval small {
    display: block; }
  .ac18 .oval p,
  .ac18 .oval small {
    font-weight: bold; }
  .ac18 .oval sub,
  .ac18 .oval sup {
    font-size: 10px; }
  .ac18 .oval.oval2 {
    width: 210px; }
  .ac18 .acActive_spots .oval.oval2 {
    width: 180px; }
.acActive .ac18_item .oval {
  background-color: #fff8b0; }
  .acActive .ac18_item .oval p {
    color: #e76997; }
.acActive .ac18_item .oval p sup,
.acActive .ac18_item .oval p small {
  color: #e76997;
}
.ac18.ac .oval {
  background-color: #f19ec2; }
  .ac18.ac .oval p {
    color: #fff;
    font-size: 13px;}
    .ac18.ac .oval p sup {
      color: #fff;
    }

.ac18_item.acActive_wash .ac18_item_wrap {
  background: url(/img/Nov/ac_active/new/g51902_02.jpg) bottom right no-repeat; }
.ac18_item.acActive_wash .section2 .oval {
  margin: 25px 0 0 0; }
.ac18_item.acActive_wash .section3 img {
  display: block;
  margin: -20px 170px 40px auto; }
.ac18_item.acActive_wash .image {
  padding: 0 15px 0 20px; }

.ac18_point.acActive_wash .box1 p,
.ac18_point.acActive_wash .box2 p {
  width: 110px; }
.ac18_point.acActive_wash .box1 img,
.ac18_point.acActive_wash .box2 img {
  position: absolute; }
.ac18_point.acActive_wash .box1 img {
  right: 10px;
  top: 60px; }
.ac18_point.acActive_wash .box2 img {
  top: 30px;
  right: 15px; }

/* .ac18_item.acActive_lotionM .ac18_item_wrap {
  background: url(/img/Nov/ac_active/new/g51912_01.jpg) bottom right no-repeat; } */

.ac18_point.acActive_lotionM .box1 img,
.ac18_point.acActive_lotionM .box2 img {
  position: absolute; }
.ac18_point.acActive_lotionM .box1 {
  width: 320px; }
  .ac18_point.acActive_lotionM .box1 p {
    width: 175px; }
  .ac18_point.acActive_lotionM .box1 img {
    right: 10px;
    top: 40px; }
.ac18_point.acActive_lotionM .box2 p {
  width: 185px; }
.ac18_point.acActive_lotionM .box2 img {
  bottom: -10px;
  right: 20px; }

.ac18_related {
  display: table;
  margin: 40px auto; }
  .ac18_related .box {
    display: table-cell;
    vertical-align: middle; }
  .ac18_related .circle {
    border: solid 1px #00aeb3;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    display: table; }
    .ac18_related .circle p {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      color: #00aeb3;
      font-size: 16px;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: bold; }
  .ac18_related .box2 {
    padding: 0 35px 0 60px; }
  .ac18_related .box3 p,
  .ac18_related .box3 h3 {
    margin-bottom: 15px; }
  .ac18_related .box3 a {
    padding-left: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #00aeb3;
    background: url(/img/Nov/ac_active/new/ic_arrow.png) left center no-repeat; }
  .ac18_related h3 {
    font-size: 14px;
    font-weight: bold; }

.ac18_item.acActive_milk .title .item {
  right: 67px; }

.ac18_item.acActive_cream .title .item {
  right: 57px; }
.ac18_item.acActive_cream .section.section1 p:last-of-type {
  margin: 20px 0 10px 0; }
.ac18_item.acActive_cream .section3 {
  position: relative;
  padding-bottom: 50px; }
  .ac18_item.acActive_cream .section3 img {
    position: absolute;
    right: 30px;
    top: 0; }

.ac18_point.acActive_cream .box1 p {
  width: 225px; }
.ac18_point.acActive_cream .box1 img {
  position: absolute;
  right: 20px;
  top: 40px; }

.ac18_item.ac_cream .title .item {
  right: 67px; }
.ac18_item.ac_cream .section1 ul {
  margin-left: auto;
  margin-right: auto; }

.ac18_point.ac_cream .box1 p {
  width: 225px; }
.ac18_point.ac_cream .box1 img {
  position: absolute;
  right: 20px;
  top: 40px; }


#detail_comment .goodscomment7_ .ac18.acActive_lotion,
#detail_comment .goodscomment7_ .ac18.acActive_cleansing,
#detail_comment .goodscomment7_ .ac18.acActive_spots {
  background-color: #fff; 
  margin:-10px;
}
#detail_comment .goodscomment7_ .ac18.acActive_lotion .ac18_howto h2,
#detail_comment .goodscomment7_ .ac18.acActive_cleansing .ac18_howto h2,
#detail_comment .goodscomment7_ .ac18.acActive_spots .ac18_howto h2 {
  margin: 0 0 10px 0;
}

.ac18_item.acActive_cleansing .section1 .oval {
 /*margin: 25px 0 0 130px;*/
}
.ac18_item.acActive_cleansing .section2 .oval {
 /*margin: 25px 0 0 130px;*/
}

.ac18_item.acActive_spots .section1 .oval {
 /*margin: 25px 0 0 130px;*/
}
.ac18_item.acActive_spots .section3 .oval {
 /*margin: 25px 0 0 130px;*/
}

.ac18_point.acActive_cleansing .box {
  display: inline-block;
  vertical-align: top;
  border-right:none;
   }
.ac18_point.acActive_cleansing img {
  display: inline-block;
  width: 102px;
   }

.ac18_item.acActive_spots .title .item {
  right: 67px; }

.ac18_item.acActive_lotionM.ac18_item .catch {
    width: 530px;
    margin: 0 auto 35px auto;
    padding: 20px 0;
    text-align: center;
    font-size: 22px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: #00aeb3;
    border: solid 10px #e6f8f8;
    border-radius: 10px; }





/*----------------------------
    L&W_about_02
----------------------------*/
.mincho {
  /* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
  /* font-family: 'Noto Serif JP', serif; */
}

.l_a_w_about_02 {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 64px 0 35px 16px;
  background: #fbe1e4;
  border-radius: 10px;
  padding: 48px 20px 20px; }
  .l_a_w_about_02 .cf {
    display: block; }
    .l_a_w_about_02 .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .l_a_w_about_02 .fl {
    float: left; }
  .l_a_w_about_02 .fr {
    float: right; }
  .l_a_w_about_02 * {
    box-sizing: border-box; }
  .l_a_w_about_02 sup {
    vertical-align: top;
    position: relative;
    top: -4px;
    font-size: 10px;
  }
  .l_a_w_about_02 a:hover img {
    opacity: 0.7; }
  .l_a_w_about_02 h2 {
    position: absolute;
    left: -16px;
    top: -40px;
    background: url(/img/Nov/law/about_bg.png);
    width: 333px;
    height: 82px;
    text-align:center;
    }
    .l_a_w_about_02 h2 span.txt {
      display: block;
      transform: rotate(-2deg);
      padding-top: 34px;
      padding-left: 8px;
      font-size: 20px;
      font-weight: bold;
      color: #fff; }
    .l_a_w_about_02 h2 span.txt span {
    font-size: 24px;
    line-height: 1px;
    color: #fff;
    }
      .l_a_w_about_02 h2 span.txt rt {
        font-size: 9px;
        letter-spacing: -3px; }
.l_a_w_about_02 h2 p {
        position: absolute;
        top: 22px;
        left: 90px;
        transform: rotate(-2deg);
        color: #fff;
        font-size: 10px;
}

  .l_a_w_about_02 p.copy {
    font-size: 22px;
    color: #642221;
    font-weight: bold;
    line-height:1.4em;
    letter-spacing: -1px;
    margin-left:0.5em;
    margin-bottom: 10px; }
    .l_a_w_about_02 p.copy sup {
      font-size: 11px; }
  .l_a_w_about_02 img.ob {
    position: absolute;
    right: 20px;
    top: -50px; }
  .l_a_w_about_02 div.box_wrap {
    background: url(/img/Nov/law/about_box_bg02.png) left top no-repeat #fff;
    background-position: left 10px top 0;
    width:656px;
    margin:0 auto;
    padding: 30px 20px 20px;
    border-radius: 10px;
    color: #595757; }
    .l_a_w_about_02 div.box_wrap div.h3_box.min {
      margin-bottom: 15px; }
      .l_a_w_about_02 div.box_wrap div.h3_box h3 {
        text-align: center;
        color: #642221;
        font-weight: bold;
        font-size: 22px; }

      .l_a_w_about_02 div.box_wrap div.text_box {
        width:560px;
        margin:0 auto;
        color: #747374;
        line-height:1.7em;
        font-size: 13px; }

      .l_a_w_about_02 div.box_wrap div.pentagon_box {
        width:560px;
        text-align:center;
        margin:0 auto;
        position:relative;
        color: #5d2623;
        line-height:1.7em;
        font-size: 13px; }

      .l_a_w_about_02 div.box_wrap div.pentagon_box h3 {
        margin:10px auto;
        text-align: center;
        font-weight: bold;
        color: #5d2623;
        font-size: 14px; }

      .l_a_w_about_02 div.box_wrap div.pentagon_box img{
        width:292px;
        margin:-25px auto 0;
        position:relative; }

      .l_a_w_about_02 div.box_wrap div.pentagon_box li{
        font-size:22px;
        line-height:1.7em;
        position:absolute; }

      .l_a_w_about_02 div.box_wrap div.pentagon_box li{
        font-size:22px;
        line-height:1.4em;
        font-weight:bold;
        color: #5d2623;
        position:absolute; }

        .l_a_w_about_02 div.box_wrap div.pentagon_box li span{
        font-family: "メイリオ",Meiryo,Osaka,sans-serif;
        color: #5d2623;
        font-weight:normal;
        display:block;
        line-height:1.2em;
        text-align:left;
        position:absolute;
        font-size:8px;}

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(1){
        top:25px;
        left:240px;}

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(2){
        top:97px;
        left:111px;}

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(3){
        top:185px;
        left:140px;}

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(4){
        top:185px;
        right:150px;}

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(5){
        top:97px;
        right:156px;}

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(3) span{
        margin:5px 0 0 10px; 
        }

      .l_a_w_about_02 div.box_wrap div.pentagon_box li:nth-child(4) span{
        width:220px;
        left:0;
        top:65px;
        }

      .l_a_w_about_02 div.point_box{
        width:596px;
        margin:20px auto 0;
        text-align:left;
        overflow:hidden;
        }

      .l_a_w_about_02 div.point_box dl{
        width:298px;
        padding-bottom: 15px;
        float:left;
        }

      .l_a_w_about_02 div.point_box dl dt{
        width:100%;
        color:#fff;
        font-size:13px;
        position:relative;
        }

      .l_a_w_about_02 div.point_box dl dt:nth-of-type(4){
        width:100%;
        color:#fff;
        font-size:10px;
        position:relative;
        }

      .l_a_w_about_02 div.point_box dl dt img{
        width:66px;
        height: auto;
        }

      .l_a_w_about_02 div.point_box dl dt p{
        top: 10px;
        left: 75px;
        position: absolute;
        color: #fff;
        /*font-family: 'Noto Serif JP', serif;*/
        font-size: 17px;
        line-height: 1.3;
        }
      .l_a_w_about_02 div.point_box dl.point1 dt p{
        color: #40b1cc;
      }
      .l_a_w_about_02 div.point_box dl.point2 dt p{
        color: #eebf30;
      }
      .l_a_w_about_02 div.point_box dl.point3 dt p{
        color: #ad7d9f;
      }
      .l_a_w_about_02 div.point_box dl.point4 dt p{
        color: #ee9730;
      }
      .l_a_w_about_02 div.point_box dl.point5 dt p{
        color: #e294a7;
      }
      .l_a_w_about_02 div.point_box dl dt p.t_s{
        font-size: 12px;
        top: 24px;
        }

      .l_a_w_about_02 div.point_box dl dd{
        width:100%;
        font-size:13px;
        color:#747374;
        padding-left:68px;
        }

      .l_a_w_about_02 div.point_box dl dd span{
        border-radius: 20px;
        text-align:center;
        width:70px;
        font-size:0.85em;
        border:solid #747374 2px;
        padding:0.2em;
        display:inline-block;
        margin:0.7em 0.4em 0.2em 0;
        }
        .l_a_w_about_02 div.point_box dl dd span:last-child{
        margin:0.7em 0 0.2em 0;
        }
      .l_a_w_about_02 div.att{
        text-align:left;
        font-size:13px;
        line-height:1.4em;
        width:656px;
        margin:20px auto 0;
        color:#59211e;
        }


/*----------------------------
    law_feature_02
----------------------------*/

.law_feature_02 {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 74px 0 35px 16px;
  background: #fbe1e4;
  border-radius: 10px;
  padding: 48px 20px 20px; }
  .law_feature_02 .cf {
    display: block; }
    .law_feature_02 .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  .law_feature_02 .fl {
    float: left; }
  .law_feature_02 .fr {
    float: right; }
  .law_feature_02 * {
    box-sizing: border-box; }
  .law_feature_02 a:hover img {
    opacity: 0.7; }
  .law_feature_02 h2 {
    background: url(/img/Nov/law/feature_ttl_bg.png);
    width: 742px;
    height: 61px;
    text-align:center;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    padding-top: 0;
    margin:-90px 0 15px -27px;
    }

  .law_feature_02 div.box_wrap {
    background-image: url(/img/Nov/law/uv_bg.png);
    background-repeat: no-repeat;
    background-size: 656px auto;
    background-color: #fff;
    background-position: 0px -45px;
    width:656px;
    margin:0 auto;
    padding: 30px 20px 20px;
    border-radius: 10px
        ;
    color: #595757; }
  .law_feature_02 div.box_wrap h3.law {
    text-align: center;
    color: #642221;
    font-weight: bold;
    letter-spacing: -2px;
    margin-bottom:16px;
    font-size: 25px; }

  .law_feature_02 div.box_wrap h4.middle{
    text-align: center;
    color: #ce2d68;
    font-weight: bold;
    margin-bottom:16px;
    letter-spacing: normal;
    font-size: 18px; }

  .law_feature_02 div.box_wrap h4.middle:before{
    content: "";
    width:25px;
    height:1px;
    margin-bottom:0.2em;
    margin-right:.5em;
    display:inline-block;
    background: #ce2d68;}

  .law_feature_02 div.box_wrap h4.middle:after{
    content: "";
    width:25px;
    height:1px;
    margin-bottom:0.2em;
    margin-left:.5em;
    display:inline-block;
    background: #ce2d68;}

  .law_feature_02 div.box_wrap ul.three_circle {
    text-align: center;
    display: flex;
    justify-content: space-around;
    margin:0 auto 10px;
    width:398px;}

  .law_feature_02 div.box_wrap ul.three_circle li{
    text-align: center;
    font-size:16px;
    font-weight: bold;
    color:#622b27;
    line-height:1.4em;
    width:106px;
    height:106px;
    display:table;
    background:#fffcdc;
    border:solid 5px #d0b173;
    border-radius: 50%;}

  .law_feature_02 div.box_wrap ul.three_circle li div{
    display:table-cell;
    vertical-align: middle;
    color: #642221;
  }
  .law_feature_02 div.box_wrap ul.three_circle + p {
    font-size: 11px;
    margin-bottom: 20px;
    text-align: center;
  }

  .law_feature_02 div.box_wrap ul.num{
    color:#747374;
    width:530px;
    overflow: inherit;
    margin:0 auto;}

  .law_feature_02 div.box_wrap ul.num li{
    clear:both;}

  .law_feature_02 div.box_wrap ul.num li img.num_t{
    margin-right:5px;
    float:left;}

  .law_feature_02 div.box_wrap ul.num li h3{
    font-family: 'Noto Sans JP', sans-serif, Meiryo;
    display:inline;
    line-height:1.4em;
    text-align:left;
    font-size: 20px;
    float:left;
    letter-spacing: normal;
    margin-bottom: 10px;
    font-weight: bold;
    color: #ce2d68;
  }

  .law_feature_02 div.box_wrap ul.num li h3 span{
    color:#ce2d68;}

  .law_feature_02 div.box_wrap ul.num li div{
      font-size:13px;
      position:relative;
      line-height:1.7em;
      clear: both;}

  .law_feature_02 div.box_wrap ul.num li.num_1 div{
      margin-bottom:43px;
      width:210px;}

  .law_feature_02 div.box_wrap ul.num li.num_1 div img{
      position:absolute;
      bottom: 30px;
      right:-230px;
      width: 220px;
    }

  .law_feature_02 div.box_wrap ul.num li.num_1 div p.kaku{
      font-size:0.7em;
      color:#747374;
    }
  .law_feature_02 div.box_wrap ul.num li.num_1 div p.cap{
      position:absolute;
      bottom:10px;
      right:-230px;
      font-size:0.7em;
      color:#8d643c;
    }

  .law_feature_02 div.box_wrap ul.num li.num_2 div{
      margin-bottom:43px;
      width:202px;}

  .law_feature_02 div.box_wrap ul.num li.num_2 div img{
      position:absolute;
      top:0;
      right:-150px;
    }

  .law_feature_02 div.box_wrap ul.num li.num_2 div p.kaku{
      font-size:0.7em;
      color:#747374;
    }

  .law_feature_02 div.box_wrap ul.num li.num_2 div div.cap{
      margin-top:1em;
      width:392px;
      font-size:0.7em;}


  .law_feature_02 div.box_wrap ul.num li.num_3 div{
      margin-bottom:43px;
      width:202px;}

  .law_feature_02 div.box_wrap ul.num li.num_3 div img:first-of-type{
      position:absolute;
      top:-10px;
      right:-150px;
    }

  .law_feature_02 div.box_wrap ul.num li.num_3 div img:last-of-type{
      position:absolute;
      top:-10px;
      right:-320px;
    }

  .law_feature_02 div.box_wrap ul.num li.num_3 div p.kaku{
      font-size:0.7em;
      color:#747374;
    }

  .law_feature_02 div.box_wrap ul.num li.num_3 div div.cap{
      margin-top:2em;
      width:372px;
      font-size:0.7em;}


  .law_feature_02 div.box_wrap ul.num li.num_4 div{
      float:none;
      margin-top:20px;
      margin-bottom:0px;
      margin-left:10px;
      width:100%;
    }
    .law_feature_02 div.box_wrap ul.num li.num_4 img.before_after{
      width: 100%;
      height: auto;
    }

  .law_feature_02 div.box_wrap ul.num li.num_4 div img:first-of-type{
      position:static;
      top:0px;
      left: 20px;
    }

  .law_feature_02 div.box_wrap ul.num li.num_4 div img:last-of-type{
      position:absolute;
      top:-90px;
      right:50px;
    }

  .law_feature_02 div.box_wrap ul.num li.num_4 div p.kaku{
      font-size:0.7em;
      color:#747374;
    }

  .law_feature_02 div.box_wrap ul.num li.num_4 div div.cap{
      margin-top:2em;
      width:372px;
      font-size:0.7em;}

  .law_feature_02 div.box_wrap div.how_to_box{
      width:596px;
      margin:20px auto 0;
      border-radius: 10px;
      background: #fff;
      border:solid 8px #5d2623;
      box-sizing: border-box;
      overflow: hidden;
      font-size:0.7em;}

  .law_feature_02 div.box_wrap div.how_to_box h3{
      letter-spacing: normal;
      text-align: center;
      font-weight: bold;
      height:30px;
      color:#fff;
      font-size:15px;
      background: #5d2623;}

  .law_feature_02 div.box_wrap div.how_to_box div{
      width:232px;
      float:left;
      margin:0 1em 1em 1em;
      }

  .law_feature_02 div.box_wrap div.how_to_box p.under_t{
      margin-top:1em;
      color:#ce2d68;
      text-decoration: underline;
      margin-bottom:1em;
      font-size:15px;
      font-weight:bold;}

  .law_feature_02 div.box_wrap div.how_to_box p{
      font-size:14px;
      line-height:1.4em;}

  .law_feature_02 div.box_wrap div.how_to_box img{
      padding-bottom:1em;
      padding-right:1em;
      float:right;}

  .law_feature_02 div.box_wrap div.beige_box{
      width:596px;
      margin:20px auto 0;
      border-radius: 10px;
      background: #fcf6f4;
      overflow: hidden;
      font-size:0.7em;}

  .law_feature_02 div.box_wrap div.beige_box h3{
      margin-top:1em;
      text-align:center;
      font-weight: bold;
      font-size:15px;
      color:#ce2d68;}


  .law_feature_02 div.box_wrap div.beige_box h3:before{
    content: "";
    width:1em;
    height:1px;
    margin-bottom:0.2em;
    margin-right:0em;
    transform: rotate(60deg);
    display:inline-block;
    background: #ce2d68;}

  .law_feature_02 div.box_wrap div.beige_box h3:after{
    content: "";
    width:1em;
    height:1px;
    margin-bottom:0.2em;
    margin-left:0em;
    transform: rotate(-60deg);
    display:inline-block;
    background: #ce2d68;}

  .law_feature_02 div.box_wrap div.beige_box h4{
      margin-top:0.2em;
      text-align:center;
      font-weight: bold;
      font-size:18px;
      color:#5d2623;}

  .law_feature_02 div.box_wrap div.beige_box ul{
      width:554px;
      position:relative;
      margin:24px auto;}

  .law_feature_02 div.box_wrap div.beige_box ul div.plus{
      font-size:36px;
      top:65px;
      left:160px;
      position:absolute;}

  .law_feature_02 div.box_wrap div.beige_box ul div.or{
      font-size:36px;
      top:65px;
      right:150px;
      position:absolute;}

  .law_feature_02 div.box_wrap div.beige_box ul dt{
      background:#edbbb7;
      text-align:center;
      color:#fff;
      padding:0.2em 0.1em 0;
      font-size:15px;
      font-weight:bold;
      border-radius: 12px;}


  .law_feature_02 div.box_wrap div.beige_box ul li dl dd div.item{
      padding:5px 0 20px;
      text-align:center;
      width: 130px;
    }
  .law_feature_02 div.box_wrap div.beige_box ul li dl dd div.item img {
    width: 100%;
  }
  .law_feature_02 div.box_wrap div.beige_box ul li dl dd div.item_name{
      font-size:9px;
      font-weight:bold;
      line-height:1.2em;
      margin-top:-1em;}

  .law_feature_02 div.box_wrap div.beige_box ul li:first-of-type{
      width:150px;
      float:left;
      clear:both;
      text-align: center;
      }

  .law_feature_02 div.box_wrap div.beige_box ul li:last-of-type{
      width:357px;
      float:right;
      }

  .law_feature_02 div.box_wrap div.beige_box ul li div.i_l{
      float:left;
      margin-left:35px;
      }

  .law_feature_02 div.box_wrap div.beige_box ul li div.i_r{
      float:right;
      margin-left:35px;
      }





/*----------------------------
    l_a_w_step_02
----------------------------*/
div.l_a_w_step_02 {
  box-sizing: border-box;
  width: 730px;
  position: relative;
  margin: 0 auto; }

div.l_a_w_step_02 p.copy_text{
  font-size:15px;
  text-align:left;
    margin:1em;}

div.l_a_w_step_02 h2{
    width:100%;
    padding:15px 0;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    background:#582a28;
    text-align:center;}

  div.l_a_w_step_02 .cf {
    display: block; }
    div.l_a_w_step_02 .cf:after {
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
      content: "."; }
  div.l_a_w_step_02 .fl {
    float: left; }
  div.l_a_w_step_02 .fr {
    float: right; }
  div.l_a_w_step_02 * {
    box-sizing: border-box; }
  div.l_a_w_step_02 a:hover img {
    opacity: 0.7; }
  div.l_a_w_step_02 p.att {
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 10px;
    color: #717071; }

  div.l_a_w_step_02 div.cf div.fl dl {
    float: left; }
    div.l_a_w_step_02 div.cf div.fl dl dt {
      height: 33px;
      color: #ce2d68;
      font-size: 11px;
      text-align: center;
      line-height: 1;
      padding-top: 4px;
      padding-right: 5px; }
      div.l_a_w_step_02 div.cf div.fl dl dt span {
        line-height: 1;
        margin-bottom: 2px;
          margin-top: 5px;
        color: #5d2623;
        display: block;
        text-align: center; }
    div.l_a_w_step_02 div.cf div.fl dl dd {
    overflow:hidden;
      margin-top: 17px;
      text-align: center; }
      div.l_a_w_step_02 div.cf div.fl dl dd img {

        vertical-align: bottom; }
  div.l_a_w_step_02 div.cf div.fl {
    width: 730px;}
    div.l_a_w_step_02 div.cf div.fl dl dt {
      line-height: 1.2;
      /* padding-top: 0; */
      height: 60px;
      font-size: 12px;
      /* font-weight: bold; */
      background: url(/img/Nov/law/step01_bg02.png) right center no-repeat #f0d7e8; }
div.l_a_w_step_02 div.cf div.fl dl.step02{
      width: 66px; }
div.l_a_w_step_02 div.cf div.fl dl.step10{
      width: 60px; }