@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

.bth_inc_how__main {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 769px) {
    .bth_inc_how__main {
      width: 100%;
      margin-top: 20px;
      padding: 30px 20px; } }
  @media (max-width: 768px) {
    .bth_inc_how__main {
      width: 91.282vw;
      padding: 4.103vw 3.846vw;
      margin: 3.846vw auto 0; } }
  .bth_inc_how__main .bth_inc_how__main_thumb {
    width: 100%;
    position: relative;
    display: block; }
  .bth_inc_how__main .bth_inc_how__txt_wrp {
    text-align: center;
    margin: auto;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .bth_inc_how__main .bth_inc_how__txt_wrp {
        margin-top: 20px; } }
    @media (max-width: 768px) {
      .bth_inc_how__main .bth_inc_how__txt_wrp {
        margin-top: 2.564vw; } }
  @media screen and (min-width: 769px) {
    .bth_inc_how__main .bth_inc_how__name {
      font-size: 14px;
      line-height: 1.5; } }
  @media (max-width: 768px) {
    .bth_inc_how__main .bth_inc_how__name {
      font-size: 3.077vw;
      line-height: 1.33; } }
  @media screen and (min-width: 769px) {
    .bth_inc_how__main .bth_inc_how__price {
      font-size: 14px;
      margin-top: 20px;
      line-height: 1.5; } }
  @media (max-width: 768px) {
    .bth_inc_how__main .bth_inc_how__price {
      font-size: 3.077vw;
      margin-top: 2.564vw;
      line-height: 1.33; } }
  .bth_inc_how__main .bth_inc_how__btn {
    margin-left: auto;
    margin-right: auto;
    background-color: #FE7183; }
    @media screen and (min-width: 769px) {
      .bth_inc_how__main .bth_inc_how__btn {
        width: 500px;
        margin-top: 20px; } }
    @media (max-width: 768px) {
      .bth_inc_how__main .bth_inc_how__btn {
        width: 71.795vw;
        margin-top: 2.564vw; } }

.bth_inc_how__desc {
  display: flex;
  background-color: #fff;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 769px) {
    .bth_inc_how__desc {
      width: 100%;
      padding: 20px;
      margin-top: 20px; } }
  @media (max-width: 768px) {
    .bth_inc_how__desc {
      width: 91.282vw;
      padding: 2.564vw;
      margin: 3.846vw auto 0; } }
  .bth_inc_how__desc.is__try {
    display: block; }
  .bth_inc_how__desc .bth_inc_how__thumb {
    position: relative; }
    @media screen and (min-width: 769px) {
      .bth_inc_how__desc .bth_inc_how__thumb {
        width: 270px; } }
    @media (max-width: 768px) {
      .bth_inc_how__desc .bth_inc_how__thumb {
        width: 41.795vw; } }
  @media screen and (min-width: 769px) {
    .bth_inc_how__desc .bth_inc_how__txtarea {
      width: 270px;
      line-height: 1.35; } }
  @media (max-width: 768px) {
    .bth_inc_how__desc .bth_inc_how__txtarea {
      width: 41.795vw;
      line-height: 1.3; } }
  .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt {
    line-height: 1.8; }
    @media screen and (min-width: 769px) {
      .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt {
        font-size: 14px; } }
    @media (max-width: 768px) {
      .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt {
        font-size: 3vw; } }
    @media screen and (min-width: 769px) {
      .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt + .bth_inc_how__txt {
        margin-top: 20px; } }
    @media (max-width: 768px) {
      .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt + .bth_inc_how__txt {
        margin-top: 3.205vw; } }
    @media screen and (min-width: 769px) {
      .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt + .bth_inc_how__txt.is__note {
        margin-top: 15px; } }
    @media (max-width: 768px) {
      .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txt + .bth_inc_how__txt.is__note {
        margin-top: 2.564vw; } }
    .bth_inc_how__desc .bth_inc_how__txtarea .bth_inc_how__txtis__price {
      text-align: right; }

.bth_inc_how__main_thumb.is__glad::before,
.bth_inc_how__main_thumb.is__gift::before,
.bth_inc_how__main_thumb.is__new::before,
.bth_inc_how__main_thumb.is__no1::before,
.bth_inc_how__main_thumb.is__point::before,
.bth_inc_how__main_thumb.is__happy::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute; }
  @media screen and (min-width: 769px) {
    .bth_inc_how__main_thumb.is__glad::before,
    .bth_inc_how__main_thumb.is__gift::before,
    .bth_inc_how__main_thumb.is__new::before,
    .bth_inc_how__main_thumb.is__no1::before,
    .bth_inc_how__main_thumb.is__point::before,
    .bth_inc_how__main_thumb.is__happy::before {
      width: 70px;
      height: 70px;
      bottom: 15px;
      right: 15px; } }
  @media (max-width: 768px) {
    .bth_inc_how__main_thumb.is__glad::before,
    .bth_inc_how__main_thumb.is__gift::before,
    .bth_inc_how__main_thumb.is__new::before,
    .bth_inc_how__main_thumb.is__no1::before,
    .bth_inc_how__main_thumb.is__point::before,
    .bth_inc_how__main_thumb.is__happy::before {
      width: 16.026vw;
      height: 16.026vw;
      bottom: 1.923vw;
      right: 1.923vw; } }

.bth_inc_how__main_thumb.is__glad::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_glad.png"); }

.bth_inc_how__main_thumb.is__gift::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_gift.png"); }

.bth_inc_how__main_thumb.is__new::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_new.png"); }

.bth_inc_how__main_thumb.is__no1::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_no1.png"); }

.bth_inc_how__main_thumb.is__point::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_point.png"); }

.bth_inc_how__main_thumb.is__limit::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_limit.png"); }

.bth_inc_how__main_thumb.is__happy::before {
  background-image: url("/ec/images/shop1/ft_birth/inc/icon_happy.png"); }

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