/* CSS Document */
/* CSS Document */
/* line 7, style.scss */
.beauty_top {
  position: relative;
  z-index: 1;
  pointer-events: none; }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 7, style.scss */
    .beauty_top {
      position: relative; } }
  @media screen and (max-width: 360px) {
    /* line 7, style.scss */
    .beauty_top {
      position: relative; } }

/* line 25, style.scss */
.beauty_topb {
  -webkit-mask-image: url("../images/topimg_mask.png");
  mask-image: url("../images/topimg_mask.png");
  -webkit-mask-size: 2000px 100%;
  mask-size: 2000px 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: url("../images/topimg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 2000px auto;
  padding: 0 40px; }
  @media screen and (min-width: 930.01px) and (max-width: 1100px) {
    /* line 25, style.scss */
    .beauty_topb {
      -webkit-mask-size: 1300px 100%;
      mask-size: 1300px 100%; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 25, style.scss */
    .beauty_topb {
      -webkit-mask-size: 1000px 100%;
      mask-size: 1000px 100%;
      background-position: 56% 50%; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 25, style.scss */
    .beauty_topb {
      -webkit-mask-image: url("../images/topimg_mask_sp.png");
      mask-image: url("../images/topimg_mask_sp.png");
      -webkit-mask-size: 140vw 100%;
      mask-size: 140vw 100%;
      padding: 0 30px;
      background-image: url("../images/topimg_sp.jpg");
      background-size: cover; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 25, style.scss */
    .beauty_topb {
      -webkit-mask-image: url("../images/topimg_mask_sp.png");
      mask-image: url("../images/topimg_mask_sp.png");
      -webkit-mask-size: 120vw 100%;
      mask-size: 120vw 100%;
      padding: 0 20px;
      background-image: url("../images/topimg_sp.jpg");
      background-size: cover; } }
  @media screen and (max-width: 360px) {
    /* line 25, style.scss */
    .beauty_topb {
      -webkit-mask-image: url("../images/topimg_mask_sp.png");
      mask-image: url("../images/topimg_mask_sp.png");
      -webkit-mask-size: 120vw 100%;
      mask-size: 120vw 100%;
      padding: 0 20px;
      background-image: url("../images/topimg_sp.jpg");
      background-size: cover; } }

/* line 77, style.scss */
.beauty_topc {
  max-width: 1100px;
  width: 100%;
  margin: auto;
  height: 325px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 77, style.scss */
    .beauty_topc {
      height: 50vw; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 77, style.scss */
    .beauty_topc {
      height: 50vw; } }
  @media screen and (max-width: 360px) {
    /* line 77, style.scss */
    .beauty_topc {
      height: 50vw; } }

/* line 96, style.scss */
.beauty_top_title {
  padding: 90px 0 0 100px; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 96, style.scss */
    .beauty_top_title {
      padding: 90px 0 0 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 96, style.scss */
    .beauty_top_title {
      padding: 0 0 0;
      height: 42vw;
      display: flex;
      align-items: center; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 96, style.scss */
    .beauty_top_title {
      padding: 0 0 0;
      height: 42vw;
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 360px) {
    /* line 96, style.scss */
    .beauty_top_title {
      padding: 0 0 0;
      height: 42vw;
      display: flex;
      align-items: center; } }
  /* line 121, style.scss */
  .beauty_top_title .beauty_top_titleb {
    filter: drop-shadow(0 0px 4px white);
    transform: translateZ(0);
    max-width: 408px;
    width: 100%; }
    @media screen and (min-width: 930.01px) and (max-width: 1100px) {
      /* line 121, style.scss */
      .beauty_top_title .beauty_top_titleb {
        filter: drop-shadow(0 0px 4px white);
        transform: translateZ(0);
        max-width: 367.2px; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 121, style.scss */
      .beauty_top_title .beauty_top_titleb {
        filter: drop-shadow(0 0px 4px white);
        transform: translateZ(0);
        max-width: 346.8px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 121, style.scss */
      .beauty_top_title .beauty_top_titleb {
        filter: drop-shadow(0 0px 3px white);
        transform: translateZ(0);
        max-width: 346.8px; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 121, style.scss */
      .beauty_top_title .beauty_top_titleb {
        filter: drop-shadow(0 0px 3px white);
        transform: translateZ(0);
        max-width: 224.4px; } }
    @media screen and (max-width: 360px) {
      /* line 121, style.scss */
      .beauty_top_title .beauty_top_titleb {
        filter: drop-shadow(0 0px 3px white);
        transform: translateZ(0);
        max-width: 204px; } }

/* line 154, style.scss */
.main {
  position: relative;
  margin-top: -100px;
  padding: 60px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 154, style.scss */
    .main {
      margin-top: -70px; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 154, style.scss */
    .main {
      margin-top: -50px; } }
  @media screen and (max-width: 360px) {
    /* line 154, style.scss */
    .main {
      margin-top: -70px; } }

/* line 175, style.scss */
.mainb {
  max-width: 1150px;
  margin: 0 auto; }

/* line 180, style.scss */
.beauty_title {
  text-align: center; }

/* line 184, style.scss */
.beauty_titleb {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 930.01px) and (max-width: 1100px) {
    /* line 184, style.scss */
    .beauty_titleb {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 184, style.scss */
    .beauty_titleb {
      font-size: 26px;
      font-size: 2.6rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 184, style.scss */
    .beauty_titleb {
      font-size: 23px;
      font-size: 2.3rem; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 184, style.scss */
    .beauty_titleb {
      font-size: 20px;
      font-size: 2.0rem;
      letter-spacing: 0.05em;
      flex-direction: column; } }
  @media screen and (max-width: 360px) {
    /* line 184, style.scss */
    .beauty_titleb {
      font-size: 20px;
      font-size: 2.0rem;
      letter-spacing: 0;
      flex-direction: column; } }
  /* line 216, style.scss */
  .beauty_titleb span {
    font-size: 20px;
    font-size: 2.0rem; }

/* line 221, style.scss */
.beauty_txt {
  margin: 20px 0 0;
  text-align: center; }

/* line 235, style.scss */
.beauty_txtb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  /* line 240, style.scss */
  .beauty_txtb div {
    border: 1px solid #000;
    display: inline-block;
    text-align: left;
    padding: 0 10px; }
  /* line 246, style.scss */
  .beauty_txtb p {
    text-align: left; }

/* line 260, style.scss */
.cosme_box {
  margin: 30px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 260, style.scss */
    .cosme_box {
      margin: 25px 0 0; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 260, style.scss */
    .cosme_box {
      margin: 25px 0 0; } }
  @media screen and (max-width: 360px) {
    /* line 260, style.scss */
    .cosme_box {
      margin: 20px 0 0; } }

/* line 276, style.scss */
.cosme_boxb {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 276, style.scss */
    .cosme_boxb {
      display: block; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 276, style.scss */
    .cosme_boxb {
      display: block; } }
  @media screen and (max-width: 360px) {
    /* line 276, style.scss */
    .cosme_boxb {
      display: block; } }
  /* line 293, style.scss */
  .cosme_boxb .cosme_unit {
    border: 1px solid #ebb5cc;
    padding: 30px;
    width: calc(50% - 15px); }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 293, style.scss */
      .cosme_boxb .cosme_unit {
        padding: 15px;
        width: calc(50% - 5px); } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 293, style.scss */
      .cosme_boxb .cosme_unit {
        width: 100%;
        padding: 20px; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 293, style.scss */
      .cosme_boxb .cosme_unit {
        width: 100%;
        padding: 20px; } }
    @media screen and (max-width: 360px) {
      /* line 293, style.scss */
      .cosme_boxb .cosme_unit {
        width: 100%;
        padding: 15px; } }
    /* line 315, style.scss */
    .cosme_boxb .cosme_unit h3 {
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1.2; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 315, style.scss */
        .cosme_boxb .cosme_unit h3 {
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 315, style.scss */
        .cosme_boxb .cosme_unit h3 {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          font-size: 24px;
          font-size: 2.4rem; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 315, style.scss */
        .cosme_boxb .cosme_unit h3 {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          font-size: 20px;
          font-size: 2.0rem; } }
      @media screen and (max-width: 360px) {
        /* line 315, style.scss */
        .cosme_boxb .cosme_unit h3 {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          font-size: 18px;
          font-size: 1.8rem; } }
      /* line 349, style.scss */
      .cosme_boxb .cosme_unit h3 span {
        margin-right: 10px; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 349, style.scss */
          .cosme_boxb .cosme_unit h3 span {
            margin-right: 0; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 349, style.scss */
          .cosme_boxb .cosme_unit h3 span {
            margin-right: 0; } }
        @media screen and (max-width: 360px) {
          /* line 349, style.scss */
          .cosme_boxb .cosme_unit h3 span {
            margin-right: 0; } }
      /* line 365, style.scss */
      .cosme_boxb .cosme_unit h3 small {
        display: inline-block;
        border: 1px solid #000;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.0;
        padding: 5px 10px;
        vertical-align: middle; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 365, style.scss */
          .cosme_boxb .cosme_unit h3 small {
            margin-top: 5px; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 365, style.scss */
          .cosme_boxb .cosme_unit h3 small {
            margin-top: 5px; } }
        @media screen and (max-width: 360px) {
          /* line 365, style.scss */
          .cosme_boxb .cosme_unit h3 small {
            margin-top: 5px; } }
    /* line 388, style.scss */
    .cosme_boxb .cosme_unit p {
      margin: 15px 0 0; }
    /* line 391, style.scss */
    .cosme_boxb .cosme_unit h4 {
      margin: 15px 0 0;
      font-weight: bold; }
    /* line 395, style.scss */
    .cosme_boxb .cosme_unit ul {
      display: flex;
      flex-wrap: wrap; }
      /* line 399, style.scss */
      .cosme_boxb .cosme_unit ul li {
        color: #ff0000;
        margin-right: 30px; }
        /* line 402, style.scss */
        .cosme_boxb .cosme_unit ul li:before {
          display: inline-block;
          content: '';
          width: 12px;
          height: 12px;
          background-color: #ff0000;
          border-radius: 50%;
          position: relative;
          top: 0;
          margin-right: 5px; }
    /* line 415, style.scss */
    .cosme_boxb .cosme_unit table {
      margin: 15px 0 0;
      border-top: 1px solid #000;
      border-right: 1px solid #000; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 415, style.scss */
        .cosme_boxb .cosme_unit table {
          margin: 15px auto 0; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 415, style.scss */
        .cosme_boxb .cosme_unit table {
          margin: 15px auto 0; } }
      @media screen and (max-width: 360px) {
        /* line 415, style.scss */
        .cosme_boxb .cosme_unit table {
          margin: 15px auto 0; } }
      /* line 432, style.scss */
      .cosme_boxb .cosme_unit table th {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        padding: 5px 30px;
        line-height: 1.5;
        white-space: nowrap; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 432, style.scss */
          .cosme_boxb .cosme_unit table th {
            padding: 5px 15px; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 432, style.scss */
          .cosme_boxb .cosme_unit table th {
            padding: 5px 15px; } }
        @media screen and (max-width: 360px) {
          /* line 432, style.scss */
          .cosme_boxb .cosme_unit table th {
            padding: 5px 10px; } }
      /* line 452, style.scss */
      .cosme_boxb .cosme_unit table td {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        padding: 5px 30px;
        line-height: 1.5; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 452, style.scss */
          .cosme_boxb .cosme_unit table td {
            padding: 5px 15px; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 452, style.scss */
          .cosme_boxb .cosme_unit table td {
            padding: 5px 15px; } }
        @media screen and (max-width: 360px) {
          /* line 452, style.scss */
          .cosme_boxb .cosme_unit table td {
            padding: 5px 10px; } }
    /* line 472, style.scss */
    .cosme_boxb .cosme_unit:first-of-type {
      width: 100%;
      padding: 30px 60px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (min-width: 930.01px) and (max-width: 1100px) {
        /* line 472, style.scss */
        .cosme_boxb .cosme_unit:first-of-type {
          padding: 30px; } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 472, style.scss */
        .cosme_boxb .cosme_unit:first-of-type {
          padding: 15px 30px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 472, style.scss */
        .cosme_boxb .cosme_unit:first-of-type {
          display: block;
          padding: 20px; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 472, style.scss */
        .cosme_boxb .cosme_unit:first-of-type {
          display: block;
          padding: 20px; } }
      @media screen and (max-width: 360px) {
        /* line 472, style.scss */
        .cosme_boxb .cosme_unit:first-of-type {
          display: block;
          padding: 15px; } }
    /* line 497, style.scss */
    .cosme_boxb .cosme_unit:nth-of-type(n+2) {
      margin-top: 30px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 497, style.scss */
        .cosme_boxb .cosme_unit:nth-of-type(n+2) {
          margin-top: 10px; } }
      /* line 510, style.scss */
      .cosme_boxb .cosme_unit:nth-of-type(n+2) h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 75px; }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 510, style.scss */
          .cosme_boxb .cosme_unit:nth-of-type(n+2) h3 {
            height: auto; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 510, style.scss */
          .cosme_boxb .cosme_unit:nth-of-type(n+2) h3 {
            height: auto; } }
        @media screen and (max-width: 360px) {
          /* line 510, style.scss */
          .cosme_boxb .cosme_unit:nth-of-type(n+2) h3 {
            height: auto; } }
        /* line 529, style.scss */
        .cosme_boxb .cosme_unit:nth-of-type(n+2) h3 span {
          margin-right: 0; }
        /* line 532, style.scss */
        .cosme_boxb .cosme_unit:nth-of-type(n+2) h3 small {
          margin-top: 5px; }
      /* line 536, style.scss */
      .cosme_boxb .cosme_unit:nth-of-type(n+2) p {
        text-align: center; }
        /* line 538, style.scss */
        .cosme_boxb .cosme_unit:nth-of-type(n+2) p span {
          display: inline-block;
          text-align: left; }
      /* line 543, style.scss */
      .cosme_boxb .cosme_unit:nth-of-type(n+2) table {
        margin: 15px auto 0; }

/* line 550, style.scss */
.cosme_price dl {
  display: flex;
  margin: 10px 0 0;
  align-items: center; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 550, style.scss */
    .cosme_price dl {
      justify-content: center;
      margin: 20px 0 0; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 550, style.scss */
    .cosme_price dl {
      justify-content: center;
      margin: 20px 0 0; } }
  @media screen and (max-width: 360px) {
    /* line 550, style.scss */
    .cosme_price dl {
      justify-content: center;
      margin: 20px 0 0; } }
  /* line 570, style.scss */
  .cosme_price dl dt {
    line-height: 1.2; }
    @media screen and (max-width: 360px) {
      /* line 570, style.scss */
      .cosme_price dl dt {
        font-size: 13px;
        font-size: 1.3rem; } }
  /* line 585, style.scss */
  .cosme_price dl dd {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: bold;
    color: #ff0000;
    line-height: 1.5; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 585, style.scss */
      .cosme_price dl dd {
        font-size: 32px;
        font-size: 3.2rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 585, style.scss */
      .cosme_price dl dd {
        font-size: 32px;
        font-size: 3.2rem; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 585, style.scss */
      .cosme_price dl dd {
        font-size: 26px;
        font-size: 2.6rem; } }
    @media screen and (max-width: 360px) {
      /* line 585, style.scss */
      .cosme_price dl dd {
        font-size: 18px;
        font-size: 1.8rem; } }
    /* line 609, style.scss */
    .cosme_price dl dd span {
      color: #fff;
      background-color: #ff0000;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 4px 5px 3px 8px;
      font-weight: bold;
      vertical-align: middle;
      margin-right: 10px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 609, style.scss */
        .cosme_price dl dd span {
          font-size: 16px;
          font-size: 1.6rem;
          margin-right: 5px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 609, style.scss */
        .cosme_price dl dd span {
          font-size: 16px;
          font-size: 1.6rem;
          margin-right: 5px; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 609, style.scss */
        .cosme_price dl dd span {
          font-size: 15px;
          font-size: 1.5rem;
          margin-right: 5px;
          padding: 2px 3px 1px 6px; } }
      @media screen and (max-width: 360px) {
        /* line 609, style.scss */
        .cosme_price dl dd span {
          font-size: 14px;
          font-size: 1.4rem;
          margin-right: 5px;
          padding: 2px 3px 1px 6px; } }
    /* line 643, style.scss */
    .cosme_price dl dd small {
      font-size: 18px;
      font-size: 1.8rem; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 643, style.scss */
        .cosme_price dl dd small {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 643, style.scss */
        .cosme_price dl dd small {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 643, style.scss */
        .cosme_price dl dd small {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 360px) {
        /* line 643, style.scss */
        .cosme_price dl dd small {
          font-size: 14px;
          font-size: 1.4rem; } }
    /* line 665, style.scss */
    .cosme_price dl dd:before {
      display: inline-block;
      content: '';
      width: 20px;
      height: 14px;
      background-image: url("../images/price.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      vertical-align: middle;
      margin: 0 10px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 665, style.scss */
        .cosme_price dl dd:before {
          margin: 0 5px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 665, style.scss */
        .cosme_price dl dd:before {
          margin: 0 5px; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 665, style.scss */
        .cosme_price dl dd:before {
          margin: 0 5px; } }
      @media screen and (max-width: 360px) {
        /* line 665, style.scss */
        .cosme_price dl dd:before {
          margin: 0 5px; } }
  /* line 692, style.scss */
  .cosme_txt02 .cosme_price dl {
    justify-content: center;
    margin: 20px 0 0; }

/* line 698, style.scss */
.cosme_img01 {
  max-width: 280px;
  width: 100%;
  position: relative; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 698, style.scss */
    .cosme_img01 {
      max-width: 240px;
      padding-top: 20px;
      margin-top: 10px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 698, style.scss */
    .cosme_img01 {
      margin: 20px auto 0; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 698, style.scss */
    .cosme_img01 {
      margin: 20px auto 0; } }
  @media screen and (max-width: 360px) {
    /* line 698, style.scss */
    .cosme_img01 {
      margin: 20px auto 0; } }
  /* line 718, style.scss */
  .cosme_img01:after {
    display: block;
    content: '';
    width: 96px;
    height: 95px;
    background-image: url("../images/icon_price_down.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    right: -30px;
    top: -40px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 718, style.scss */
      .cosme_img01:after {
        width: 86px;
        height: 86px;
        right: -25px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 718, style.scss */
      .cosme_img01:after {
        width: 86px;
        height: 86px;
        right: -20px;
        top: -15px; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 718, style.scss */
      .cosme_img01:after {
        width: 77px;
        height: 77px;
        right: -10px;
        top: -15px; } }
    @media screen and (max-width: 360px) {
      /* line 718, style.scss */
      .cosme_img01:after {
        width: 77px;
        height: 77px;
        right: -10px;
        top: -15px; } }

/* line 757, style.scss */
.cosme_txt01 {
  width: calc(100% - 330px); }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 757, style.scss */
    .cosme_txt01 {
      width: calc(100% - 240px); } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 757, style.scss */
    .cosme_txt01 {
      width: 100%; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 757, style.scss */
    .cosme_txt01 {
      width: 100%; } }
  @media screen and (max-width: 360px) {
    /* line 757, style.scss */
    .cosme_txt01 {
      width: 100%; } }

/* line 774, style.scss */
.cosme_img02,
.cosme_img03 {
  max-width: 312px;
  width: 100%;
  margin: 20px auto 0; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 774, style.scss */
    .cosme_img02,
    .cosme_img03 {
      max-width: 240px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 774, style.scss */
    .cosme_img02,
    .cosme_img03 {
      max-width: 280px; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 774, style.scss */
    .cosme_img02,
    .cosme_img03 {
      max-width: 280px; } }
  @media screen and (max-width: 360px) {
    /* line 774, style.scss */
    .cosme_img02,
    .cosme_img03 {
      max-width: 280px; } }

/* line 795, style.scss */
.about_box {
  margin: 40px 0 0; }

/* line 798, style.scss */
.about_boxb {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 798, style.scss */
    .about_boxb {
      display: block; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 798, style.scss */
    .about_boxb {
      display: block; } }
  @media screen and (max-width: 360px) {
    /* line 798, style.scss */
    .about_boxb {
      display: block; } }

/* line 815, style.scss */
.about_img {
  max-width: 400px;
  align-self: center; }
  @media screen and (min-width: 930.01px) and (max-width: 1100px) {
    /* line 815, style.scss */
    .about_img {
      max-width: 350px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 815, style.scss */
    .about_img {
      max-width: 320px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 815, style.scss */
    .about_img {
      max-width: 300px;
      margin: 20px auto 0; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 815, style.scss */
    .about_img {
      max-width: 300px;
      margin: 20px auto 0; } }
  @media screen and (max-width: 360px) {
    /* line 815, style.scss */
    .about_img {
      max-width: 300px;
      margin: 20px auto 0; } }

/* line 837, style.scss */
.about_txt {
  width: calc(100% - 450px); }
  @media screen and (min-width: 930.01px) and (max-width: 1100px) {
    /* line 837, style.scss */
    .about_txt {
      width: calc(100% - 380px); } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 837, style.scss */
    .about_txt {
      width: calc(100% - 340px); } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 837, style.scss */
    .about_txt {
      width: 100%; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 837, style.scss */
    .about_txt {
      width: 100%; } }
  @media screen and (max-width: 360px) {
    /* line 837, style.scss */
    .about_txt {
      width: 100%; } }

/* line 856, style.scss */
.about_txtb h3 {
  color: #ba0202;
  font-weight: bold;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 856, style.scss */
    .about_txtb h3 {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 856, style.scss */
    .about_txtb h3 {
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 856, style.scss */
    .about_txtb h3 {
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center; } }
  @media screen and (max-width: 360px) {
    /* line 856, style.scss */
    .about_txtb h3 {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center; } }
  /* line 883, style.scss */
  .about_txtb h3 strong {
    font-size: 140%;
    font-weight: bold;
    margin-left: 5px;
    display: inline-block; }
/* line 891, style.scss */
.about_txtb > p > span {
  color: #ba0202; }

/* line 896, style.scss */
.about_list {
  margin: 10px 0 0; }

/* line 899, style.scss */
.about_listb {
  border: 1px solid #ba0202;
  padding: 15px 30px; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 899, style.scss */
    .about_listb {
      padding: 15px; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 899, style.scss */
    .about_listb {
      padding: 15px; } }
  @media screen and (max-width: 360px) {
    /* line 899, style.scss */
    .about_listb {
      padding: 10px; } }
  /* line 915, style.scss */
  .about_listb ul {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 360px) {
      /* line 915, style.scss */
      .about_listb ul {
        display: block; } }
    /* line 929, style.scss */
    .about_listb ul li {
      width: 33%;
      display: flex;
      line-height: 1.5; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 929, style.scss */
        .about_listb ul li {
          width: 50%; } }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 929, style.scss */
        .about_listb ul li {
          width: 50%; } }
      @media screen and (max-width: 360px) {
        /* line 929, style.scss */
        .about_listb ul li {
          width: 100%; } }
      /* line 946, style.scss */
      .about_listb ul li:before {
        display: block;
        content: '';
        width: 12px;
        height: 12px;
        background: #ba0202;
        border-radius: 50%;
        position: relative;
        top: 5px;
        margin-right: 5px; }
      /* line 957, style.scss */
      .about_listb ul li span {
        max-width: calc(100% - 17px); }
      /* line 960, style.scss */
      .about_listb ul li:nth-of-type(3n+2) {
        width: 22%; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 960, style.scss */
          .about_listb ul li:nth-of-type(3n+2) {
            width: 50%; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 960, style.scss */
          .about_listb ul li:nth-of-type(3n+2) {
            width: 50%; } }
        @media screen and (max-width: 360px) {
          /* line 960, style.scss */
          .about_listb ul li:nth-of-type(3n+2) {
            width: 100%; } }
      /* line 976, style.scss */
      .about_listb ul li:nth-of-type(3n) {
        width: 45%; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 976, style.scss */
          .about_listb ul li:nth-of-type(3n) {
            width: 50%; } }
        @media screen and (min-width: 360.01px) and (max-width: 600px) {
          /* line 976, style.scss */
          .about_listb ul li:nth-of-type(3n) {
            width: 50%; } }
        @media screen and (max-width: 360px) {
          /* line 976, style.scss */
          .about_listb ul li:nth-of-type(3n) {
            width: 100%; } }
  /* line 994, style.scss */
  .about_listb p {
    margin: 10px 0 0; }

/* line 998, style.scss */
.asta_box {
  margin: 20px 0 0; }

/* line 1001, style.scss */
.asta_boxb {
  background: #fff0f0;
  padding: 30px;
  text-align: center; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1001, style.scss */
    .asta_boxb {
      padding: 20px; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 1001, style.scss */
    .asta_boxb {
      padding: 20px; } }
  @media screen and (max-width: 360px) {
    /* line 1001, style.scss */
    .asta_boxb {
      padding: 15px; } }
  /* line 1018, style.scss */
  .asta_boxb h4 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #ba0202;
    line-height: 1.5; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1018, style.scss */
      .asta_boxb h4 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1018, style.scss */
      .asta_boxb h4 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 1018, style.scss */
      .asta_boxb h4 {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (max-width: 360px) {
      /* line 1018, style.scss */
      .asta_boxb h4 {
        font-size: 16px;
        font-size: 1.6rem; } }
  /* line 1043, style.scss */
  .asta_boxb p {
    display: inline-block;
    text-align: left;
    line-height: 1.5;
    margin: 10px 0 0; }

/* line 1050, style.scss */
.point_box {
  margin: 30px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 1050, style.scss */
    .point_box {
      margin: 20px 0 0; } }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 1050, style.scss */
    .point_box {
      margin: 20px 0 0; } }
  @media screen and (max-width: 360px) {
    /* line 1050, style.scss */
    .point_box {
      margin: 20px 0 0; } }

/* line 1067, style.scss */
.point_boxb ul {
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 360.01px) and (max-width: 600px) {
    /* line 1067, style.scss */
    .point_boxb ul {
      display: block; } }
  @media screen and (max-width: 360px) {
    /* line 1067, style.scss */
    .point_boxb ul {
      display: block; } }
  /* line 1082, style.scss */
  .point_boxb ul li {
    margin-right: 10px;
    line-height: 1.5;
    padding: 5px 20px;
    font-size: 22px;
    font-size: 2.2rem;
    border-radius: 25px;
    font-weight: bold;
    color: #ffffff;
    background: #ba0202;
    text-align: center; }
    @media screen and (min-width: 930.01px) and (max-width: 1100px) {
      /* line 1082, style.scss */
      .point_boxb ul li {
        font-size: 20px;
        font-size: 2.0rem; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 1082, style.scss */
      .point_boxb ul li {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 1082, style.scss */
      .point_boxb ul li {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 1082, style.scss */
      .point_boxb ul li {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0 15px; } }
    @media screen and (max-width: 360px) {
      /* line 1082, style.scss */
      .point_boxb ul li {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0 10px; } }
    /* line 1115, style.scss */
    .point_boxb ul li:last-of-type {
      margin-right: 0; }
      @media screen and (min-width: 360.01px) and (max-width: 600px) {
        /* line 1115, style.scss */
        .point_boxb ul li:last-of-type {
          margin: 0 15px; } }
      @media screen and (max-width: 360px) {
        /* line 1115, style.scss */
        .point_boxb ul li:last-of-type {
          margin: 0 10px; } }
    @media screen and (min-width: 360.01px) and (max-width: 600px) {
      /* line 1130, style.scss */
      .point_boxb ul li:nth-of-type(n+2) {
        margin-top: 10px; } }
    @media screen and (max-width: 360px) {
      /* line 1130, style.scss */
      .point_boxb ul li:nth-of-type(n+2) {
        margin-top: 10px; } }
    /* line 1144, style.scss */
    .point_boxb ul li span {
      display: inline-block;
      text-align: left; }

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