@charset "UTF-8";
/* 初回価格、2回目価格の追加 ここから */
.block-goods-price {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "top-left top-right" "middle-left middle-right" "bottom-left bottom-right";
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 5px;
  padding-top: 12px;
}
.block-goods-price .block-goods-price--on-sales-comment {
  grid-area: top-left;
  width: 11em;
  margin-left: 0;
  margin-right: 0;
}
.block-goods-price .block-goods-price--regular-repeat-default-price {
  grid-area: top-right;
  width: 100%;
}
.block-goods-price .block-goods-price--regular-repeat-initial-price-name {
  grid-area: middle-left;
  margin-top: 0;
  font-size: 13px !important;
  font-weight: normal !important;
  color: #444 !important;
}
.block-goods-price .block-goods-price--regular-repeat-price-name {
  grid-area: bottom-left;
  margin-top: 0;
  font-weight: normal !important;
}
.block-goods-price .block-goods-price--items {
  width: auto !important;
}
.block-goods-price .block-goods-price--items:nth-of-type(1) {
  grid-area: middle-right;
}
.block-goods-price .block-goods-price--items:nth-of-type(2) {
  grid-area: bottom-right;
}
.block-goods-price .block-goods-price--items .block-goods-price--price {
  font-size: 3rem !important;
}
@media screen and (max-width: 786px) {
  .block-goods-price .block-goods-price--items .block-goods-price--price {
    font-size: 3rem !important;
  }
}
/* 初回価格、2回目価格の追加 ここまで */
/* 定期購入リニューアルデザイン 追加ここから */
.teikiLP {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: min(60px, 60 / 600 * 100vw) 0 min(80px, 80 / 600 * 100vw);
  padding: 0 0 min(40px, 40 / 600 * 100vw);
  z-index: 1;
  color: #333;
  font-size: clamp(16px, 32 / 600 * 100vw, 32px);
  text-align: center;
  overflow-wrap: anywhere;
  line-break: strict;
  background-image: url("/contents/img/lp_teikiLP/goodsimg_002.jpg");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
.teikiLP.faq_area {
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
}
@media screen and (max-width: 640px) {
  .teikiLP.faq_area {
    margin: 0 auto min(60px, 60 / 600 * 100vw);
  }
}
@media screen and (max-width: 700px) {
  .teikiLP .w640 {
    width: 100%;
  }
}
.teikiLP a {
  transition: 0.5s;
  display: block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.teikiLP a:hover {
  opacity: 0.7;
  text-decoration-thickness: max(1px, 0.03em);
  text-underline-offset: 0.1em;
}
@media screen and (max-width: 640px) {
  .teikiLP a:hover {
    opacity: 1;
  }
}
.teikiLP a:focus {
  text-decoration: none;
  text-decoration-thickness: max(1px, 0.03em);
  text-underline-offset: 0.1em;
}
@media screen and (max-width: 640px) {
  .teikiLP a:active {
    opacity: 0.7;
  }
}
.teikiLP a:link, .teikiLP a:active, .teikiLP a:hover, .teikiLP a:focus {
  outline: none !important;
  -moz-outline-style: none;
  text-decoration-thickness: max(1px, 0.03em);
  text-underline-offset: 0.1em;
}
.teikiLP .noneUL:target, .teikiLP .noneUL:visited, .teikiLP .noneUL:active, .teikiLP .noneUL:focus, .teikiLP .noneUL:focus-visible, .teikiLP .noneUL:focus-within, .teikiLP .noneUL:hover {
  text-decoration: none;
}
.teikiLP img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 640px;
  height: auto;
}
@media screen and (max-width: 640px) {
  .teikiLP img {
    max-width: 640px;
  }
}
.teikiLP button {
  padding: 0;
  border: none;
  font: inherit;
  background: none;
  transition: 0.5s;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.teikiLP button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 640px) {
  .teikiLP button:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  .teikiLP button:active {
    opacity: 0.7;
  }
}
.teikiLP picture {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.teikiLP b, .teikiLP strong {
  font-weight: 600;
  font-weight: bold;
}
.teikiLP .ul {
  text-decoration: underline;
}
.teikiLP .alL {
  text-align: left;
}
.teikiLP .alR {
  text-align: right;
}
.teikiLP .alC {
  text-align: center;
}
.teikiLP .alJ {
  text-align: justify;
}
.teikiLP .note {
  margin: 1em auto 0;
  line-height: 1.6;
  text-align: justify;
}
.teikiLP .notice_box {
  text-align: left;
}
.teikiLP .notice {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  font-size: clamp(12px, 24 / 600 * 100vw, 24px);
  line-height: calc(36 / 24);
  text-align: left;
}
.teikiLP .notice li {
  display: inline;
  text-indent: 0;
  padding: 0 0.5em 0 0;
  margin: 0;
  overflow-wrap: anywhere;
  line-break: strict;
  word-break: break-word;
}
.teikiLP span.note_1em,
.teikiLP p.note_1em,
.teikiLP .note_1em dd,
.teikiLP .note_1em li {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  text-align: justify;
  margin: 0.3em auto;
}
.teikiLP .note_free {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.3em;
       column-gap: 0.3em;
  text-align: justify;
}
.teikiLP sup {
  font-size: clamp(8px, 14 / 600 * 100vw, 14px);
  margin-left: -0.3em;
  margin-right: 0.3em;
  font-weight: 400;
  font-weight: normal;
  vertical-align: top !important;
  letter-spacing: -0.12em;
  white-space: nowrap;
}
.teikiLP sup.narrow01 {
  margin-left: -0.6em;
  margin-right: 0;
  letter-spacing: -0.2em;
}
.teikiLP sup.narrow02 {
  margin-right: -0.1em;
  margin-right: 0;
}
.teikiLP .small {
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(16px, calc((15 / 600) * 100vw), 15px);
  line-height: 1.6;
  text-align: left;
  letter-spacing: normal;
  vertical-align: baseline;
}
.teikiLP .caption {
  font-size: clamp(16px, calc((12 / 600) * 100vw), 12px);
  line-height: 1.5;
  text-align: left;
  vertical-align: super;
  letter-spacing: normal;
}
.teikiLP .toggle--arrow,
.teikiLP .toggle--adjust {
  position: relative;
  padding-right: 1.5em;
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.teikiLP .toggle--arrow::after, .teikiLP .toggle--arrow::before,
.teikiLP .toggle--adjust::after,
.teikiLP .toggle--adjust::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8%;
  display: block;
  width: 1em;
  height: 1em;
  background-color: #fff;
  -webkit-clip-path: inset(45% 0 45% 0);
          clip-path: inset(45% 0 45% 0);
  transform: translateY(-50%);
  transition: 0.2s;
}
.teikiLP .toggle--arrow::after,
.teikiLP .toggle--adjust::after {
  -webkit-clip-path: inset(0 45% 0 45%);
          clip-path: inset(0 45% 0 45%);
}
.teikiLP .toggle--arrow::after {
  display: none;
}
.teikiLP .details[open] > .toggle--adjust::after {
  transform: rotate(90deg) translate(-50%, 0%);
}
.teikiLP summary::-webkit-details-marker {
  display: none;
}
.teikiLP .details {
  position: relative;
  width: 100%;
  margin: auto 0;
  padding: min(20px, 20 / 600 * 100vw) 0 0;
}
.teikiLP .details::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: min(300px, 300 / 600 * 100vw);
  background-image: linear-gradient(180deg, #e4d9d3 0%, transparent 100%);
}
.teikiLP .details_inner {
  margin: 0 auto;
  padding: 5% min(30px, 30 / 600 * 100vw);
}
@media screen and (max-width: 640px) {
  .teikiLP .details_inner {
    padding: 5% min(20px, 20 / 600 * 100vw);
  }
}
.teikiLP .toggle--arrow,
.teikiLP .toggle--adjust {
  display: flex;
  flex-direction: column;
  width: min(590px, 590 / 600 * 100vw);
  margin: 0 auto;
  padding: 0.6em 2.2em 0.6em 0.8em;
  color: #d05e94;
  font-size: clamp(15px, 28 / 600 * 100vw, 28px);
  letter-spacing: 0.05em;
  background-color: #f4f0ed;
  border: 2px solid #d05e94;
  border-radius: 100cqh;
}
.teikiLP .toggle--arrow:target, .teikiLP .toggle--arrow:visited, .teikiLP .toggle--arrow:active, .teikiLP .toggle--arrow:focus, .teikiLP .toggle--arrow:focus-visible, .teikiLP .toggle--arrow:focus-within, .teikiLP .toggle--arrow:hover,
.teikiLP .toggle--adjust:target,
.teikiLP .toggle--adjust:visited,
.teikiLP .toggle--adjust:active,
.teikiLP .toggle--adjust:focus,
.teikiLP .toggle--adjust:focus-visible,
.teikiLP .toggle--adjust:focus-within,
.teikiLP .toggle--adjust:hover {
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  .teikiLP .toggle--arrow,
  .teikiLP .toggle--adjust {
    width: 85%;
  }
}
.teikiLP .toggle--arrow::after, .teikiLP .toggle--arrow::before,
.teikiLP .toggle--adjust::after,
.teikiLP .toggle--adjust::before {
  background-color: #d05e94;
}
.teikiLP .priceset {
  color: #333;
  font-size: clamp(16px, 32 / 600 * 100vw, 32px);
}
.teikiLP .priceset .unit {
  font-size: 65%;
}
.teikiLP .price-default {
  margin: 0 auto;
  font-size: clamp(21px, 37 / 600 * 100vw, 37px);
  white-space: nowrap;
  line-height: 1.2em;
}
.teikiLP .price-default .price {
  position: relative;
  display: inline-block;
  color: inherit;
  font-size: inherit;
  margin: 0 0.2em;
}
.teikiLP .price-default .price::after {
  content: "";
  position: absolute;
  top: 40%;
  left: -1%;
  display: block;
  width: 102%;
  height: 2px;
  background-color: #333;
}
@media screen and (max-width: 640px) {
  .teikiLP .price-default .price::after {
    top: 47%;
  }
}
@media screen and (max-width: 400px) {
  .teikiLP .price-default .price::after {
    height: 1px;
  }
}
.teikiLP .price-default .unit {
  font-size: 65%;
  letter-spacing: 0.01em;
  transform: translateY(-0.1em);
}
.teikiLP .price-cp {
  margin: 0 auto;
  color: #d22054;
  font-size: clamp(28px, 52 / 600 * 100vw, 52px);
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.2em;
}
.teikiLP .price-cp .price {
  margin-right: 0.05em;
  color: inherit;
  font-size: inherit;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 640px) {
  .teikiLP .price-cp .price {
    letter-spacing: 0;
  }
}
.teikiLP .price-cp .unit {
  color: inherit;
  font-size: 65%;
  letter-spacing: 0.01em;
  transform: translateY(-0.05em);
}
.teikiLP .view_details {
  font-size: clamp(16px, 32 / 600 * 100vw, 32px);
  letter-spacing: 0.1em;
}
.teikiLP .view_details a {
  display: inline;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}
@media screen and (max-width: 640px) {
  .teikiLP .view_details a {
    text-decoration-thickness: 1px;
  }
}
.teikiLP .d-pc {
  display: unset;
}
@media screen and (max-width: 640px) {
  .teikiLP .d-pc {
    display: none !important;
  }
}
.teikiLP .d-sb {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .teikiLP .d-sb {
    display: unset !important;
  }
}
.teikiLP .fColor_01 {
  color: #333;
}
.teikiLP .fColor_02 {
  color: #d05e94;
}
.teikiLP .fColor_03 {
  color: #d22054;
}
.teikiLP .fColor_04 {
  color: #9146aa;
}
.teikiLP .sec_inner {
  width: min(580px, 580 / 600 * 100vw);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 640px) {
  .teikiLP .sec_inner {
    width: min(490px, 490 / 600 * 100vw);
  }
}
.teikiLP .inner_narrow {
  width: min(520px, 520 / 600 * 100vw);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 640px) {
  .teikiLP .inner_narrow {
    width: min(430px, 430 / 600 * 100vw);
  }
}
.teikiLP #flow {
  padding: 1px 0 min(30px, 30 / 600 * 100vw);
}
.teikiLP #flow,
.teikiLP #merit {
  margin: 0 auto;
  padding: 1px 0 min(60px, 60 / 600 * 100vw);
}
.teikiLP #flow h2,
.teikiLP #merit h2 {
  margin: min(83px, 83 / 600 * 100vw) auto;
}
.teikiLP #flow .merit_list,
.teikiLP #merit .merit_list {
  width: min(708px, 708 / 600 * 100vw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: min(12px, 12 / 600 * 100vw);
       column-gap: min(12px, 12 / 600 * 100vw);
  row-gap: min(20px, 20 / 600 * 100vw);
}
.teikiLP #flow .merit_list li,
.teikiLP #merit .merit_list li {
  width: min(168px, 168 / 600 * 100vw);
  height: min(168px, 168 / 600 * 100vw);
  border-radius: 50%;
  overflow: hidden;
}
.teikiLP #flow .merit_list li a,
.teikiLP #merit .merit_list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 0 min(15px, 15 / 600 * 100vw);
  background-color: #fff;
}
.teikiLP #flow .merit_list li a:target, .teikiLP #flow .merit_list li a:visited, .teikiLP #flow .merit_list li a:active, .teikiLP #flow .merit_list li a:focus, .teikiLP #flow .merit_list li a:focus-visible, .teikiLP #flow .merit_list li a:focus-within, .teikiLP #flow .merit_list li a:hover,
.teikiLP #merit .merit_list li a:target,
.teikiLP #merit .merit_list li a:visited,
.teikiLP #merit .merit_list li a:active,
.teikiLP #merit .merit_list li a:focus,
.teikiLP #merit .merit_list li a:focus-visible,
.teikiLP #merit .merit_list li a:focus-within,
.teikiLP #merit .merit_list li a:hover {
  text-decoration: none;
}
.teikiLP #flow .merit_list li a::after,
.teikiLP #merit .merit_list li a::after {
  content: "";
  position: absolute;
  bottom: min(15px, 15 / 600 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 0.7em;
  height: 0.35em;
  background-color: #d05e94;
  -webkit-clip-path: polygon(8% 0, 50% 78%, 92% 0, 100% 8%, 50% 100%, 0 8%);
          clip-path: polygon(8% 0, 50% 78%, 92% 0, 100% 8%, 50% 100%, 0 8%);
}
.teikiLP #flow .merit_list li a .inner,
.teikiLP #merit .merit_list li a .inner {
  font-size: min(24px, 24 / 600 * 100vw);
  line-height: calc(32 / 24);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.teikiLP #flow .merit_list li:nth-of-type(1) a .inner, .teikiLP #merit .merit_list li:nth-of-type(1) a .inner {
  line-height: calc(27 / 24);
}

.teikiLP #flow .merit_list li:nth-of-type(4) a .inner, .teikiLP #merit .merit_list li:nth-of-type(4) a .inner {
  line-height: calc(28 / 24);
}

.teikiLP #flow .merit_list li a b,
.teikiLP #merit .merit_list li a b {
  color: #d05e94;
}
.teikiLP #flow .merit_list li a .fontL,
.teikiLP #merit .merit_list li a .fontL {
  font-size: 220%;
  line-height: 1em;
}
.teikiLP #flow [class*=merit0],
.teikiLP #merit [class*=merit0] {
  margin: min(60px, 60 / 600 * 100vw) auto 0;
  padding: 0;
}
.teikiLP #flow .merit01, .teikiLP #merit .merit01 {
  padding: 0;
}
.teikiLP #flow .merit01 .merit_inner, .teikiLP #merit .merit01 .merit_inner {
  padding-top: 1px !important;
}

.teikiLP #flow .merit02, .teikiLP #merit .merit02 {
  padding: min(50px, 50 / 600 * 100vw) 0 0;
}
.teikiLP #flow .merit02 .merit_inner, .teikiLP #merit .merit02 .merit_inner {
  padding-top: 1px !important;
}

.teikiLP #flow .merit03, .teikiLP #merit .merit03 {
  padding: min(50px, 50 / 600 * 100vw) 0 0;
}
.teikiLP #flow .merit03 .merit_inner, .teikiLP #merit .merit03 .merit_inner {
  padding-top: 1px !important;
}

.teikiLP #flow .merit00, .teikiLP #merit .merit00 {
  margin: 0 auto;
}

.teikiLP #flow [class*=merit0] .merit_inner,
.teikiLP #merit [class*=merit0] .merit_inner {
  background-color: #fff;
  padding: min(50px, 50 / 600 * 100vw) 0 min(60px, 60 / 600 * 100vw);
}
.teikiLP #flow [class*=merit0] .merit_inner .ttl_flow_h4,
.teikiLP #flow [class*=merit0] .merit_inner h3,
.teikiLP #merit [class*=merit0] .merit_inner .ttl_flow_h4,
.teikiLP #merit [class*=merit0] .merit_inner h3 {
  display: inline-block;
  margin: 0 auto;
  padding: 0.6em 1em;
  transform: translateY(-50%);
  background-image: linear-gradient(90deg, #a796ce 0%, #d05e94 100%);
  border-radius: 100cqh;
  color: #fff;
  font-size: clamp(15px, 34 / 600 * 100vw, 34px);
  line-height: 1em;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 640px) {
  .teikiLP #flow [class*=merit0] .merit_inner .ttl_flow_h4,
  .teikiLP #flow [class*=merit0] .merit_inner h3,
  .teikiLP #merit [class*=merit0] .merit_inner .ttl_flow_h4,
  .teikiLP #merit [class*=merit0] .merit_inner h3 {
    padding: 0.6em 0.8em;
    font-size: clamp(14px, 30 / 600 * 100vw, 30px);
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .ttl_flow_h4.ttl_flow_h3,
.teikiLP #flow [class*=merit0] .merit_inner h3.ttl_flow_h3,
.teikiLP #merit [class*=merit0] .merit_inner .ttl_flow_h4.ttl_flow_h3,
.teikiLP #merit [class*=merit0] .merit_inner h3.ttl_flow_h3 {
  margin: min(30px, 30 / 600 * 100vw) auto 0;
  padding: 0;
  transform: none;
  background: none;
}
.teikiLP #flow [class*=merit0] .merit_inner .ttl_flow_h4,
.teikiLP #merit [class*=merit0] .merit_inner .ttl_flow_h4 {
  width: min(300px, 300 / 600 * 100vw);
  margin: min(50px, 50 / 600 * 100vw) auto 0;
  padding: 0.25em 0;
  transform: none;
  font-size: clamp(16px, 32 / 600 * 100vw, 32px);
}
.teikiLP #flow [class*=merit0] .merit_inner .ttl_flow_h4:nth-of-type(n+2),
.teikiLP #merit [class*=merit0] .merit_inner .ttl_flow_h4:nth-of-type(n+2) {
  margin: min(80px, 80 / 600 * 100vw) auto 0;
}
.teikiLP #flow [class*=merit0] .merit_inner .merit_image,
.teikiLP #merit [class*=merit0] .merit_inner .merit_image {
  margin: min(30px, 30 / 600 * 100vw) auto;
}
.teikiLP #flow [class*=merit0] .merit_inner .explanation,
.teikiLP #merit [class*=merit0] .merit_inner .explanation {
  text-align: justify;
  font-size: clamp(16px, 24 / 600 * 100vw, 24px);
  line-height: calc(50 / 26);
}
@media screen and (max-width: 640px) {
  .teikiLP #flow [class*=merit0] .merit_inner .explanation,
  .teikiLP #merit [class*=merit0] .merit_inner .explanation {
    line-height: calc(46 / 26);
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .situation,
.teikiLP #merit [class*=merit0] .merit_inner .situation {
  position: relative;
  padding: 0 0 1px;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation::before,
.teikiLP #merit [class*=merit0] .merit_inner .situation::before {
  content: "";
  display: block;
  width: min(122px, 122 / 600 * 100vw);
  height: min(83px, 83 / 600 * 100vw);
  margin: min(35px, 35 / 600 * 100vw) auto 0;
  background-image: url("/contents/img/lp_teikiLP/ico_arrow_01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation h4,
.teikiLP #merit [class*=merit0] .merit_inner .situation h4 {
  margin: 0 auto min(35px, 35 / 600 * 100vw);
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .priceset,
.teikiLP #merit [class*=merit0] .merit_inner .situation .priceset {
  display: inline-block;
  height: min(80px, 80 / 600 * 100vw);
  margin: min(15px, 15 / 600 * 100vw) auto;
  padding: 0 0 0 min(95px, 95 / 600 * 100vw);
  background-image: url("/contents/img/lp_teikiLP/ico_total.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: min(80px, 80 / 600 * 100vw);
  color: #d22054;
  font-size: min(50px, 50 / 600 * 100vw);
  font-weight: bold;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .priceset .price,
.teikiLP #merit [class*=merit0] .merit_inner .situation .priceset .price {
  color: inherit;
  line-height: 1.1em;
  font-size: min(70px, 70 / 600 * 100vw);
}
@media screen and (max-width: 640px) {
  .teikiLP #flow [class*=merit0] .merit_inner .situation .priceset .price,
  .teikiLP #merit [class*=merit0] .merit_inner .situation .priceset .price {
    font-size: min(60px, 60 / 600 * 100vw);
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .priceset .unit,
.teikiLP #merit [class*=merit0] .merit_inner .situation .priceset .unit {
  margin-left: 0.2em;
  color: inherit;
  font-size: clamp(16px, 28 / 600 * 100vw, 28px);
  font-weight: normal;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02,
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation01,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation01 {
  position: relative;
  width: min(540px, 540 / 600 * 100vw);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .teikiLP #flow [class*=merit0] .merit_inner .situation .situation02,
  .teikiLP #flow [class*=merit0] .merit_inner .situation .situation01,
  .teikiLP #merit [class*=merit0] .merit_inner .situation .situation02,
  .teikiLP #merit [class*=merit0] .merit_inner .situation .situation01 {
    width: min(440px, 440 / 600 * 100vw);
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02::after,
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation01::after,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02::after,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation01::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: min(168px, 168 / 600 * 100vw);
  height: min(41px, 41 / 600 * 100vw);
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  z-index: 2;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02 .priceset,
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation01 .priceset,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02 .priceset,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation01 .priceset {
  height: min(74px, 74 / 600 * 100vw);
  margin: min(35px, 35 / 600 * 100vw) auto min(57px, 57 / 600 * 100vw);
  background-size: min(74px, 74 / 600 * 100vw);
  font-size: clamp(16px, 32 / 600 * 100vw, 32px);
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02 .priceset .price,
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation01 .priceset .price,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02 .priceset .price,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation01 .priceset .price {
  line-height: 1.5em;
  font-size: min(54px, 54 / 600 * 100vw);
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02 .priceset .unit,
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation01 .priceset .unit,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02 .priceset .unit,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation01 .priceset .unit {
  font-size: clamp(12px, 24 / 600 * 100vw, 24px);
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation01 .priceset,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation01 .priceset {
  color: #333;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02 {
  padding: min(80px, 80 / 600 * 100vw) 0 1px;
  margin: 0 auto min(57px, 57 / 600 * 100vw);
  background-color: #f1eade;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .situation02::after,
.teikiLP #merit [class*=merit0] .merit_inner .situation .situation02::after {
  background-color: #f1eade;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .txt_wrap,
.teikiLP #merit [class*=merit0] .merit_inner .situation .txt_wrap {
  margin: min(70px, 70 / 600 * 100vw) auto 0;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .txt_wrap .txt_01,
.teikiLP #merit [class*=merit0] .merit_inner .situation .txt_wrap .txt_01 {
  font-size: min(38px, 38 / 600 * 100vw);
  font-weight: bold;
  letter-spacing: 0.02em;
}
.teikiLP #flow [class*=merit0] .merit_inner .situation .txt_wrap .txt_02,
.teikiLP #merit [class*=merit0] .merit_inner .situation .txt_wrap .txt_02 {
  color: #d22054;
  font-size: min(47px, 47 / 600 * 100vw);
  font-weight: bold;
  letter-spacing: 0.04em;
}
.teikiLP #flow [class*=merit0] .merit_inner p.note,
.teikiLP #merit [class*=merit0] .merit_inner p.note {
  margin: 1.2em auto 0;
  font-size: clamp(12px, 18 / 600 * 100vw, 18px);
  line-height: calc(36 / 22);
}
.teikiLP #flow [class*=merit0] .merit_inner .cycle_list,
.teikiLP #merit [class*=merit0] .merit_inner .cycle_list {
  display: flex;
  justify-content: space-between;
  width: min(540px, 540 / 600 * 100vw);
  max-width: 95%;
  margin: min(35px, 35 / 600 * 100vw) auto;
}
.teikiLP #flow [class*=merit0] .merit_inner .cycle_list li,
.teikiLP #merit [class*=merit0] .merit_inner .cycle_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32%;
  aspect-ratio: 1/1;
  padding: min(15px, 15 / 600 * 100vw) 0 0;
  background-color: #d05e94;
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: clamp(12px, 20 / 600 * 100vw, 20px);
  white-space: nowrap;
}
@media screen and (max-width: 360px) {
  .teikiLP #flow [class*=merit0] .merit_inner .cycle_list li,
  .teikiLP #merit [class*=merit0] .merit_inner .cycle_list li {
    padding: min(18px, 18 / 600 * 100vw) 0 0;
    line-height: 1.3em;
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .cycle_list li dt,
.teikiLP #merit [class*=merit0] .merit_inner .cycle_list li dt {
  margin: 0 auto 0.2em;
  font-size: clamp(14px, 26 / 600 * 100vw, 26px);
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .teikiLP #flow [class*=merit0] .merit_inner .cycle_list li dt,
  .teikiLP #merit [class*=merit0] .merit_inner .cycle_list li dt {
    font-size: clamp(13px, 22 / 600 * 100vw, 22px);
  }
}
@media screen and (max-width: 360px) {
  .teikiLP #flow [class*=merit0] .merit_inner .cycle_list li dt,
  .teikiLP #merit [class*=merit0] .merit_inner .cycle_list li dt {
    margin: 0 auto 0.1em;
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .cycle_list li .mark,
.teikiLP #merit [class*=merit0] .merit_inner .cycle_list li .mark {
  position: relative;
}
.teikiLP #flow [class*=merit0] .merit_inner .cycle_list li .mark::before,
.teikiLP #merit [class*=merit0] .merit_inner .cycle_list li .mark::before {
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  margin: 0 0.15em 0.15em 0;
  background-color: #fff;
  border-radius: 50%;
}
.teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap {
  margin: min(55px, 55 / 600 * 100vw) auto min(30px, 30 / 600 * 100vw);
}
.teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(430px, 430 / 600 * 100vw);
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 430/62;
  border-radius: 100cqh;
  padding: 0.5em 2.5em;
  border: 2px solid #333;
  font-size: clamp(15px, 28 / 600 * 100vw, 28px);
  white-space: nowrap;
}
.teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:target, .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:visited, .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:active, .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:focus, .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:focus-visible, .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:focus-within, .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link:hover,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:target,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:visited,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:active,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:focus,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:focus-visible,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:focus-within,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link:hover {
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  .teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link,
  .teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link {
    min-width: 60%;
    width: 85%;
  }
}
.teikiLP #flow [class*=merit0] .merit_inner .btn_link_wrap .btn_link::after,
.teikiLP #merit [class*=merit0] .merit_inner .btn_link_wrap .btn_link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 0.8em;
  transform: translateY(-50%);
  display: block;
  width: 0.8em;
  height: 0.45em;
  background-color: #333;
  -webkit-clip-path: polygon(8% 0, 50% 78%, 92% 0, 100% 8%, 50% 100%, 0 8%);
          clip-path: polygon(8% 0, 50% 78%, 92% 0, 100% 8%, 50% 100%, 0 8%);
}
.teikiLP #faqs {
  padding: 1px 0;
}
.teikiLP #faqs #faq img {
  width: min(380px, 380 / 600 * 100vw);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .teikiLP #faqs #faq img {
    width: min(440px, 440 / 600 * 100vw);
  }
}
.teikiLP #faqs #faq h2 {
  margin: 0.3em auto;
  font-size: min(50px, 50 / 600 * 100vw);
  font-weight: bold;
}
.teikiLP #faqs .faq_list {
  margin: 0 0 min(60px, 60 / 600 * 100vw);
}
.teikiLP #faqs .faq_list > li {
  height: auto;
  padding: min(30px, 30 / 600 * 100vw) 0 0;
}
.teikiLP #faqs .faq_list .details {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.teikiLP #faqs .faq_list .details::before {
  display: none;
}
.teikiLP #faqs .faq_list .toggle--adjust {
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 0.5em 3.5em 0.5em 1.2em;
  background-color: #e5e4de;
  background-image: none;
  border: none;
  border-radius: min(12px, 12 / 600 * 100vw);
  color: #333;
  font-size: clamp(16px, 24 / 600 * 100vw, 24px);
  font-weight: bold;
  line-height: calc(48 / 36);
  text-align: left;
}
@media screen and (max-width: 640px) {
  .teikiLP #faqs .faq_list .toggle--adjust {
    padding: 3% 13% 3% 4%;
  }
}
.teikiLP #faqs .faq_list .toggle--adjust::after, .teikiLP #faqs .faq_list .toggle--adjust::before {
  width: 1em;
  height: 1em;
  right: 3.5%;
  background-color: #333;
  -webkit-clip-path: inset(45% 0 45% 0);
          clip-path: inset(45% 0 45% 0);
}
.teikiLP #faqs .faq_list .toggle--adjust::after {
  -webkit-clip-path: inset(0 45% 0 45%);
          clip-path: inset(0 45% 0 45%);
}
.teikiLP #faqs .faq_list .details_inner {
  margin: 0 auto;
  padding: 1em 2%;
  font-size: clamp(16px, 24 / 600 * 100vw, 24px);
  letter-spacing: 0.03em;
  text-align: left;
}
.teikiLP #faqs .faq_list .details_inner .creditcard {
  width: 100%;
  max-width: 622px;
  margin: 0 0 min(25px, 25 / 600 * 100vw);
}
.teikiLP #faqs .faq_list .details_inner p + p {
  margin-top: 0.7em;
}
.teikiLP #faqs .faq_list .details_inner ul.note_1em {
  margin: 1.5em auto 0;
  font-size: clamp(12px, 18 / 600 * 100vw, 18px);
}
.teikiLP #faqs .faq_list .details_inner dl {
  font-size: inherit;
}
.teikiLP #faqs .faq_list .details_inner dl dt {
  margin: 1.2em auto 0.3em;
  font-weight: bold;
}
.teikiLP #faqs .faq_list .details_inner dl dt:first-child {
  margin: 0 auto 0.3em;
}
.teikiLP #faqs .faq_list .details_inner ul + dl dt:first-child,
.teikiLP #faqs .faq_list .details_inner p + dl dt:first-child {
  margin: 1.2em auto 0.3em;
}
.teikiLP #faqs .faq_list .details_inner .contact {
  margin: 2em auto 0;
}
.teikiLP #faqs .faq_list .details_inner .contact a {
  display: inline;
  text-decoration: underline;
  text-decoration-thickness: max(1px, 0.03em);
  text-underline-offset: 0.1em;
}
.teikiLP #faqs .faq_list .details_inner .fontL {
  font-size: 160%;
  line-height: 1.2em;
}
.teikiLP #faqs .faq_list .details_inner .fontS {
  font-size: 90%;
}

/* 定期購入リニューアルデザイン 追加ここまで *//*# sourceMappingURL=teiki.css.map */