sup {
  font-size: small; }

.clearfix {
  overflow: auto; }
  .clearfix::after {
    content: "";
    clear: both;
    display: table; }

.mv {
  background: none #f9f5cf; }
  .mv:before {
    height: 100px;
    background-image: url(/brand/madamejuju/assets/img/feature/bg_mv_top.png);
    background-position: top center; }
  .mv:after {
    content: '';
    bottom: 0;
    right: 0;
    position: absolute;
    left: 0;
    height: 50px;
    background: url(/brand/madamejuju/assets/img/feature/bg_mv_bottom.png) repeat-x bottom; }

.featureWrapper {
  background-color: #f0bfd2;
  padding: 20px 0 17px !important; }
  .featureWrapper .area {
    max-width: 920px;
    margin: 0 auto 50px; }
    .featureWrapper .area:last-child {
      margin-bottom: 0; }
      .featureWrapper .area:last-child .block {
        margin-bottom: 0 !important; }
    .featureWrapper .area .bigTitle {
      background: url("/brand/madamejuju/assets/img/feature/bg_flower.png") top center no-repeat;
      background-size: contain;
      font-family: 'KokoroMinchoutai', sans-serif;
      font-size: 36px;
      font-weight: bold;
      color: #94006d;
      position: relative;
      text-align: center;
      margin-bottom: 20px;
      padding: 40px 0;
      letter-spacing: -4px; }
      .featureWrapper .area .bigTitle.txtSpacing {
        letter-spacing: -0.1em !important; }
      .featureWrapper .area .bigTitle.twoLine {
        line-height: 30px;
        margin-top: 30px;
        background-position-y: 25px; }
        .featureWrapper .area .bigTitle.twoLine.first {
          margin-top: 0; }
        .featureWrapper .area .bigTitle.twoLine span.small {
          font-size: 18px;
          font-weight: normal; }
        .featureWrapper .area .bigTitle.twoLine:before {
          top: -30px; }
      .featureWrapper .area .bigTitle span:before {
        position: absolute;
        content: '';
        background: url("/brand/madamejuju/assets/img/feature/ttl_icon_03.png") top left no-repeat;
        width: 24px;
        height: 34px;
        background-size: 24px;
        left: calc(50% - 12px);
        top: 0; }
      .featureWrapper .area .bigTitle span:after {
        position: absolute;
        content: '';
        background: url("/brand/madamejuju/assets/img/feature/ttl_icon_04.png") top left no-repeat;
        width: 150px;
        height: 2px;
        background-size: 150px;
        left: calc(50% - 75px);
        bottom: 0; }
    .featureWrapper .area .areaContent .imgWrapper {
      margin-bottom: 15px; }
    .featureWrapper .area .areaContent p {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 15px; }
      .featureWrapper .area .areaContent p:last-child {
        margin-bottom: 0; }
      .featureWrapper .area .areaContent p span {
        background: url(/brand/madamejuju/assets/img/feature/txt_highlight.png) -10px 10px no-repeat;
        background-size: calc(100% + 20px) 20px; }
    .featureWrapper .area .areaContent .block {
      padding: 5px; }
      .featureWrapper .area .areaContent .block .title {
        font-family: 'KokoroMinchoutai', sans-serif;
        font-size: 25px;
        line-height: 40px;
        font-weight: bold;
        color: #94006d;
        padding: 5px 10px 30px 0;
        margin-bottom: 40px;
        border-bottom: 1px solid #d660ae;
        text-align: center; }
      .featureWrapper .area .areaContent .block .titleImg {
        width: 30%;
        margin: auto; }
      .featureWrapper .area .areaContent .block .subtitle {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 20px;
        line-height: 25px;
        font-weight: bold;
        color: #94006d;
        margin-bottom: 40px;
        text-align: center;
        letter-spacing: -1px; }
      .featureWrapper .area .areaContent .block .subtitle_02 {
        font-family: 'KokoroMinchoutai', sans-serif;
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
        color: #94006d;
        margin-bottom: 20px;
        text-align: center; }
      .featureWrapper .area .areaContent .block .imgWrapper {
        width: 60%;
        margin: 0 auto 30px; }
        .featureWrapper .area .areaContent .block .imgWrapper.big {
          width: 100%;
          margin: 40px 0 0; }
          .featureWrapper .area .areaContent .block .imgWrapper.big img {
            width: 100%;
            margin: 0; }
      .featureWrapper .area .areaContent .block img {
        margin: 15px auto; }
      .featureWrapper .area .areaContent .block .d-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .featureWrapper .area .areaContent .block .d-flex .imgWrapper {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          margin: 0 15px 0 0 !important; }
          .featureWrapper .area .areaContent .block .d-flex .imgWrapper img {
            margin-bottom: 10px; }
        .featureWrapper .area .areaContent .block .d-flex p {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -webkit-box-flex: 2.5;
          -ms-flex-positive: 2.5;
          flex-grow: 2.5;
          font-size: 16px; }
      .featureWrapper .area .areaContent .block .block_02 {
        background: url("/brand/madamejuju/assets/img/feature/bg_03.png") top left no-repeat;
        background-size: 100%;
        padding: 25px 10px 10px 10px;
        margin: 0 -10px; }
        .featureWrapper .area .areaContent .block .block_02:last-child {
          padding-bottom: 30px; }
          .featureWrapper .area .areaContent .block .block_02:last-child .d-flex {
            margin-bottom: 0; }
        .featureWrapper .area .areaContent .block .block_02 .subtitle_02 {
          color: #f6e4c0; }
        .featureWrapper .area .areaContent .block .block_02 .imgWrapper {
          margin-top: 25px; }
      .featureWrapper .area .areaContent .block .textAndImg {
        margin-bottom: 0; }
        .featureWrapper .area .areaContent .block .textAndImg .imgAndText p {
          line-height: 1.6;
          font-size: 16px;
          margin-left: -10px; }
        .featureWrapper .area .areaContent .block .textAndImg .imgAndText .imgWrapper {
          width: calc(27% - 20px);
          margin-right: 25px; }
          .featureWrapper .area .areaContent .block .textAndImg .imgAndText .imgWrapper img {
            margin: auto;
            padding-left: 15px; }
      .featureWrapper .area .areaContent .block .inner {
        width: 43%; }
    .featureWrapper .area .areaContent .frame {
      margin: 0 -5px 35px; }
    .featureWrapper .area .areaContent .imgAndText .imgWrapper {
      width: calc(25% - 20px);
      display: inline-block;
      float: left;
      margin-bottom: 0px; }
    .featureWrapper .area .areaContent .note {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 12px;
      margin: 45px 0 40px;
      line-height: 18px; }
    .featureWrapper .area .areaContent .textAndImg {
      display: -webkit-box;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      list-style-type: none;
      padding: 10px 0 0;
      margin: 0 -10px 40px -20px; }
      .featureWrapper .area .areaContent .textAndImg li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center; }
        .featureWrapper .area .areaContent .textAndImg li p {
          text-align: left;
          padding-left: 25px;
          margin-top: -10px;
          line-height: 31.5px; }
          .featureWrapper .area .areaContent .textAndImg li p.small {
            padding-top: 30px; }
        .featureWrapper .area .areaContent .textAndImg li ul {
          display: -webkit-box;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          list-style-type: none;
          padding: 0; }
          .featureWrapper .area .areaContent .textAndImg li ul li {
            padding: 0 !important;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
            .featureWrapper .area .areaContent .textAndImg li ul li p {
              text-align: left;
              font-size: 16px; }
            .featureWrapper .area .areaContent .textAndImg li ul li img {
              width: calc(100% - 20px);
              margin: 0 auto 10px; }
            .featureWrapper .area .areaContent .textAndImg li ul li .title {
              font-family: 'KokoroMinchoutai', sans-serif;
              font-size: 14px;
              line-height: 20px;
              font-weight: bold;
              color: #94006d;
              padding-bottom: 0;
              border: 0;
              margin-bottom: 5px; }
            .featureWrapper .area .areaContent .textAndImg li ul li .content {
              font-family: 'Noto Sans JP', sans-serif;
              font-size: 12px;
              line-height: 20px; }
    .featureWrapper .area.area_01 {
      padding-top: 5px;
      text-align: center; }
    .featureWrapper .area.area_02 .block {
      padding-bottom: 28px; }
      .featureWrapper .area.area_02 .block ul {
        padding: 0 15px; }
        .featureWrapper .area.area_02 .block ul li .titleImg img {
          margin-top: 0; }
        .featureWrapper .area.area_02 .block ul li:first-child {
          padding-right: 15px;
          border-right: 1px dashed #992f6f; }
        .featureWrapper .area.area_02 .block ul li:last-child {
          padding-left: 15px; }
        .featureWrapper .area.area_02 .block ul li p {
          font-size: 16px;
          line-height: 1.6; }
    .featureWrapper .area.area_03 {
      margin-bottom: 0; }
      .featureWrapper .area.area_03 .bigTitle {
        letter-spacing: 0;
        margin-bottom: 15px; }
      .featureWrapper .area.area_03 p {
        font-size: 18px;
        margin-bottom: 5px; }
        .featureWrapper .area.area_03 p.read {
          margin-bottom: 1em; }
      .featureWrapper .area.area_03 .block {
        padding-bottom: 15px; }
        .featureWrapper .area.area_03 .block .title {
          letter-spacing: -0.5px;
          line-height: 33px;
          padding-bottom: 33px; }
        .featureWrapper .area.area_03 .block .big {
          margin-top: 25px !important; }
        .featureWrapper .area.area_03 .block .d-flex {
          margin-bottom: 7px; }
        .featureWrapper .area.area_03 .block .block_02 .d-flex .imgWrapper {
          margin-right: 10px; }
          .featureWrapper .area.area_03 .block .block_02 .d-flex .imgWrapper img {
            margin: 10px 0 2px; }
        .featureWrapper .area.area_03 .block .block_02 .d-flex p {
          line-height: 25px; }
    .featureWrapper .area.area_04 {
      padding-top: 10px;
      margin-bottom: 45px; }
      .featureWrapper .area.area_04 .textAndImg {
        margin: 0; }
        .featureWrapper .area.area_04 .textAndImg li:last-child {
          -webkit-box-flex: 1.05;
          -ms-flex-positive: 1.05;
          flex-grow: 1.05;
          padding-left: 15px; }
      .featureWrapper .area.area_04 p {
        line-height: 31px; }
    .featureWrapper .area.area_05 .bigTitle {
      letter-spacing: 1px;
      margin-bottom: 15px; }
    .featureWrapper .area.area_05 .textAndImg {
      margin: 0; }
      .featureWrapper .area.area_05 .textAndImg li .imgWrapper {
        padding-right: 0; }
      .featureWrapper .area.area_05 .textAndImg li p {
        line-height: 32px;
        padding-left: 40px;
        letter-spacing: -1px; }
      .featureWrapper .area.area_05 .textAndImg li:last-child {
        -webkit-box-flex: 2.9;
        -ms-flex-positive: 2.9;
        flex-grow: 2.9; }

#wrapper main > .infoProduct {
  padding-top: 80px; }
