@charset "UTF-8";
/* ==========================================================================
   ハウスクリーニングリリース記念ご案内ページ（仮）
   {=path.root=}/pages/71bdopen2026
   - PC/SP 共通。サイト共通 CSS と同じく 768px 以下を SP、769px 以上を PC とする
     （メディアクエリの外は SP 用、PC 用は @media (min-width: 769px) で上書き）
   - SP はデザイン幅 390px を基準に、画面幅に比例して全体を拡大縮小する
     （サイズは calc(値 * var(--u)) で指定。--u は SP で 100vw / 390、PC で 1px）
   - クラス接頭辞：hcr-
   ========================================================================== */

/* --------------------------------------------------------------------------
   共通
   -------------------------------------------------------------------------- */
/* ページ外枠まわり：このページを含む body に限って、サイト共通の余白をなくす
   - #site_header の下（PC 60px / SP 24px）、#footer の上（60px）
   - SP 用 CSS が .wrapper_ に付ける左右（16px）
   ※ .wrapper_ は overflow: hidden のため、ページ側のマイナス余白では打ち消せない（はみ出した分が隠れる） */
body:has(#page_71bdopen2026) #site_header {
  margin-bottom: 0;
}
body:has(#page_71bdopen2026) #footer {
  margin-top: 0;
}
body:has(#page_71bdopen2026) .wrapper_ {
  padding-left: 0;
  padding-right: 0;
}

.hcr {
  --hcr-navy: #04105F;
  --hcr-badge: #01235C;
  --hcr-text: #333333;
  --hcr-note: #555555;
  --hcr-blue: #C1EAFF;
  --hcr-yellow: #FFF29C;
  --hcr-shadow: #AACBEC;
  --hcr-card: #F8FCFF;
  --hcr-coupon-blue: #E6F4FE;
  --hcr-line: #707070;
  --u: calc(100vw / 390);
  overflow: hidden;
  color: var(--hcr-text);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  -webkit-text-size-adjust: 100%;
}

.hcr *,
.hcr *::before,
.hcr *::after {
  box-sizing: border-box;
}

/* 共通 CSS（base / sb_base 等）のタグ指定を打ち消す */
.hcr :where(h1, h2, h3, p, ul, ol, li, dl, dt, dd, figure) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  list-style: none;
}
.hcr h1::before, .hcr h1::after,
.hcr h2::before, .hcr h2::after {
  content: none;
}
.hcr img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.hcr a {
  color: inherit;
  text-decoration: none;
  transition: opacity .3s;
}
.hcr a:hover {
  opacity: .7;
  text-decoration: none;
}
.hcr :where(button) {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  cursor: pointer;
}
.hcr-sp { display: inline; }
.hcr-pc { display: none; }

/* --------------------------------------------------------------------------
   クーポンコード（3か所共通）
   -------------------------------------------------------------------------- */
.hcr-coupon {
  margin: 0 auto;
  padding: calc(14 * var(--u)) calc(13 * var(--u)) calc(10 * var(--u));
  color: var(--hcr-navy);
  font-weight: 700;
}
.hcr-coupon--blue { background: var(--hcr-coupon-blue); }
.hcr-coupon--white { background: #fff; }
.hcr-coupon--shadow {
  background: #fff;
  box-shadow: 0 calc(3 * var(--u)) calc(12 * var(--u)) rgba(4, 16, 95, .08);
}
.hcr-coupon__title {
  font-size: calc(14 * var(--u));
  line-height: calc(20 * var(--u));
  letter-spacing: .1em;
}
.hcr-coupon__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(52 * var(--u));
  margin-top: calc(6 * var(--u));
  padding: 0 calc(80 * var(--u)) 0 calc(8 * var(--u));
  border: calc(2 * var(--u)) dashed var(--hcr-navy);
  background: #fff;
}
.hcr-coupon__code {
  font-size: calc(23.5 * var(--u));
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.hcr-coupon__copy {
  position: absolute;
  top: 50%;
  right: calc(8 * var(--u));
  width: calc(62 * var(--u));
  height: calc(30 * var(--u));
  transform: translateY(-50%);
  background: var(--hcr-navy);
  color: #fff;
  font-size: calc(13 * var(--u));
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  transition: opacity .3s;
}
.hcr-coupon__copy:hover { opacity: .7; }
.hcr-coupon__copy.is-copied,
.hcr-coupon__copy.is-failed {
  width: auto;
  min-width: calc(62 * var(--u));
  padding: 0 calc(4 * var(--u));
  font-size: calc(10 * var(--u));
  letter-spacing: -.04em;
  white-space: nowrap;
}
.hcr-coupon__note {
  margin-top: calc(10 * var(--u));
  font-size: calc(11 * var(--u));
  line-height: calc(16 * var(--u));
}

/* --------------------------------------------------------------------------
   MV・キャンペーン概要
   -------------------------------------------------------------------------- */
.hcr-intro {
  position: relative;
  padding: calc(48 * var(--u)) calc(12 * var(--u)) calc(73 * var(--u));
  background: linear-gradient(#fff calc(109 * var(--u)), var(--hcr-blue) calc(303 * var(--u)));
}
.hcr-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 101.042%;
  margin-top: -3.438%;
  aspect-ratio: 1940 / 1372;
  transform: translateX(-50%);
  background: url("../../../img/usr/freepage/71bdopen2026/mv_bg.png") 0 0 / 100% 100% no-repeat;
  pointer-events: none;
}
.hcr-intro__panel {
  position: relative;
  max-width: calc(366 * var(--u));
  margin: 0 auto;
  padding: calc(81 * var(--u)) calc(17 * var(--u)) calc(86 * var(--u));
  border-radius: 1000px 1000px 0 0;
  background: #fff;
}

/* MV */
.hcr-mv {
  position: relative;
  color: var(--hcr-navy);
}
.hcr-mv__lead {
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: calc(20 * var(--u));
}
.hcr-mv__title {
  margin-top: calc(21 * var(--u));
  font-size: calc(33 * var(--u));
  font-weight: 900;
  line-height: calc(40 * var(--u));
  text-shadow: 0 calc(3 * var(--u)) 0 var(--hcr-shadow);
}
.hcr-mv__title > span { display: block; }
.hcr-mv__title-l1 { font-size: calc(35 * var(--u)); }

.hcr-mv__offer {
  position: relative;
  margin-top: calc(26 * var(--u));
  padding: calc(50 * var(--u)) 0 0;
  height: calc(158 * var(--u));
  background: var(--hcr-yellow);
}
.hcr-mv__price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
}
.hcr-mv__num {
  font-family: "Anton", Impact, sans-serif;
  font-size: calc(80 * var(--u));
  font-weight: 400;
  line-height: .8;
  letter-spacing: -.01em;
}
.hcr-mv__yen {
  position: relative;
  margin: 0 0 calc(-2 * var(--u)) calc(4 * var(--u));
  font-size: calc(32 * var(--u));
  font-weight: 900;
  line-height: 1;
}
.hcr-mv__tax {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .05em;
  white-space: nowrap;
}
.hcr-mv__off {
  margin: 0 0 calc(-4 * var(--u)) calc(13 * var(--u));
  font-size: calc(50 * var(--u));
  font-weight: 900;
  line-height: 1;
}
.hcr-mv__badge {
  position: absolute;
  top: calc(-26 * var(--u));
  right: calc(-16 * var(--u));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(80 * var(--u));
  height: calc(80 * var(--u));
  border-radius: 50%;
  background: var(--hcr-badge);
  color: #fff;
  font-size: calc(12 * var(--u));
  line-height: 1.3;
}
.hcr-mv__badge-head {
  padding-bottom: calc(2 * var(--u));
  border-bottom: 1px solid #fff;
}
.hcr-mv__badge-date {
  margin-top: calc(2 * var(--u));
  font-size: calc(10 * var(--u));
}
.hcr-mv__badge-num { font-size: calc(16 * var(--u)); }
.hcr-mv__deco {
  position: absolute;
  max-width: none;
}
.hcr-mv__deco--cracker {
  top: calc(97 * var(--u));
  left: calc(-24 * var(--u));
  width: calc(78 * var(--u));
}
.hcr-mv__deco--stars {
  top: calc(92 * var(--u));
  right: calc(-15 * var(--u));
  width: calc(30 * var(--u));
}

/* 2個目以降の要素 */
.hcr-intro .hcr-coupon { margin-top: calc(26 * var(--u)); }

/* リード */
.hcr-lead { margin-top: calc(62 * var(--u)); }
.hcr-lead__title {
  position: relative;
  display: inline-block;
  padding: 0 calc(18 * var(--u));
  color: var(--hcr-navy);
  font-size: calc(16 * var(--u));
  font-weight: 900;
  line-height: calc(22 * var(--u));
  white-space: nowrap;
}
.hcr-lead__title::before,
.hcr-lead__title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(2 * var(--u));
  height: calc(17 * var(--u));
  background: var(--hcr-navy);
}
.hcr-lead__title::before {
  left: calc(3 * var(--u));
  transform: translateY(-50%) rotate(-32deg);
}
.hcr-lead__title::after {
  right: calc(3 * var(--u));
  transform: translateY(-50%) rotate(32deg);
}
.hcr .hcr-lead__title::before,
.hcr .hcr-lead__title::after {
  content: "";
}
.hcr-lead__text {
  font-size: calc(14 * var(--u));
  line-height: calc(25 * var(--u));
  letter-spacing: .1em;
}
.hcr-lead__title + .hcr-lead__text { margin-top: calc(26 * var(--u)); }
.hcr-lead__text--mark { margin: calc(12 * var(--u)) 0; }
.hcr-lead__mark {
  color: var(--hcr-navy);
  font-weight: 700;
  letter-spacing: .05em;
  background: linear-gradient(transparent 55%, rgba(255, 242, 156, .61) 55%, rgba(255, 242, 156, .61) 95%, transparent 95%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* キャンペーン概要 */
.hcr-summary { margin-top: calc(57 * var(--u)); }
.hcr-summary__title {
  background: var(--hcr-navy);
  color: #fff;
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: calc(38 * var(--u));
  letter-spacing: .05em;
}
.hcr-summary__list { margin-top: calc(42 * var(--u)); }
.hcr-summary__item + .hcr-summary__item { margin-top: calc(40 * var(--u)); }
.hcr-summary__item:nth-child(3) { margin-top: calc(35 * var(--u)); }
.hcr-summary__label {
  display: inline-block;
  min-width: calc(60 * var(--u));
  padding-bottom: 1px;
  border-bottom: 1px solid var(--hcr-line);
  font-size: calc(14 * var(--u));
  font-weight: 400;
  line-height: calc(20 * var(--u));
}
.hcr-summary__item:nth-child(2) .hcr-summary__label { min-width: calc(70 * var(--u)); }
.hcr-summary__label--wide { min-width: calc(120 * var(--u)); }
.hcr-summary__value {
  margin-top: calc(15 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: calc(23 * var(--u));
}
.hcr-summary__value--date { font-size: calc(12 * var(--u)); }
.hcr-summary__num {
  font-size: calc(16 * var(--u));
  letter-spacing: .05em;
}
.hcr-summary__notes {
  margin-top: calc(35 * var(--u));
  color: var(--hcr-note);
  font-size: calc(11 * var(--u));
  font-weight: 400;
  line-height: calc(21 * var(--u));
}

/* --------------------------------------------------------------------------
   クーポンご利用の手順
   -------------------------------------------------------------------------- */
.hcr-steps {
  padding: calc(61 * var(--u)) calc(28 * var(--u)) calc(81 * var(--u));
  background: #fff;
}
.hcr-steps__title {
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: calc(20 * var(--u));
  letter-spacing: .05em;
}
.hcr-steps__list {
  display: flex;
  justify-content: space-between;
  max-width: calc(334 * var(--u));
  margin: calc(21 * var(--u)) auto 0;
}
.hcr-steps__item {
  position: relative;
  width: 25.45%;
  min-width: 0;
}
.hcr-steps__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% + (100% * .6786 - calc(12 * var(--u))) / 2);
  margin-top: calc(50% - calc(7 * var(--u)));
  border-style: solid;
  border-width: calc(7 * var(--u)) 0 calc(7 * var(--u)) calc(12 * var(--u));
  border-color: transparent transparent transparent var(--hcr-navy);
}
.hcr-steps__icon {
  display: block;
  width: 100%;
  max-width: calc(85 * var(--u));
  margin: 0 auto;
}
.hcr-steps__num {
  display: inline-block;
  margin-top: calc(22 * var(--u));
  padding: 0 calc(4 * var(--u));
  min-width: calc(40 * var(--u));
  border-bottom: calc(2 * var(--u)) solid var(--hcr-navy);
  font-size: calc(14 * var(--u));
  font-weight: 400;
  line-height: calc(20 * var(--u));
  box-sizing: border-box;
}
.hcr-steps__text {
  margin-top: calc(4 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: calc(20 * var(--u));
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   さっそくクーポンを使ってみる
   -------------------------------------------------------------------------- */
.hcr-try {
  padding: calc(57 * var(--u)) calc(28 * var(--u)) calc(72 * var(--u));
  background: var(--hcr-blue);
}
.hcr-try__title {
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: calc(20 * var(--u));
}
.hcr-try__title::before {
  content: "";
  display: block;
  width: calc(39 * var(--u));
  height: calc(15 * var(--u));
  margin: 0 auto calc(9 * var(--u));
  background: url("../../../img/usr/freepage/71bdopen2026/deco_sparkle.png") center / contain no-repeat;
}
.hcr .hcr-try__title::before { content: ""; }
.hcr-try .hcr-coupon {
  max-width: calc(334 * var(--u));
  margin-top: calc(14 * var(--u));
}
.hcr-services {
  max-width: calc(334 * var(--u));
  margin: calc(26 * var(--u)) auto 0;
}
.hcr-service + .hcr-service { margin-top: calc(16 * var(--u)); }
.hcr-service__link {
  display: block;
}
.hcr-service__body {
  display: flex;
  background: var(--hcr-card);
}
.hcr-service--reverse .hcr-service__body { flex-direction: row-reverse; }
.hcr-service__img {
  width: 50%;
  aspect-ratio: 167 / 94;
  overflow: hidden;
}
.hcr-service__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-service__name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: var(--hcr-navy);
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: calc(20 * var(--u));
}
.hcr-service__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(38 * var(--u));
  background: var(--hcr-navy);
  color: #fff;
  font-size: calc(14 * var(--u));
  font-weight: 700;
  line-height: 1;
}
.hcr-service__btn::after {
  content: "";
  margin-left: calc(10 * var(--u));
  border-style: solid;
  border-width: calc(5 * var(--u)) 0 calc(5 * var(--u)) calc(9 * var(--u));
  border-color: transparent transparent transparent #fff;
}

/* --------------------------------------------------------------------------
   お客様の声・ヨーシャ
   -------------------------------------------------------------------------- */
.hcr-voice {
  padding: calc(58 * var(--u)) calc(28 * var(--u)) calc(59 * var(--u));
  background: linear-gradient(#fff 20%, #E9F6FE);
}
.hcr-voice__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: calc(334 * var(--u));
  margin: 0 auto;
}
.hcr-voice__row + .hcr-voice__row { margin-top: calc(37 * var(--u)); }
.hcr-voice__person {
  flex-shrink: 0;
  color: var(--hcr-navy);
  font-size: calc(12 * var(--u));
  font-weight: 700;
  line-height: calc(18 * var(--u));
}
.hcr-voice__icon {
  display: block;
  border-radius: 50%;
}
.hcr-voice__icon--customer {
  width: calc(70 * var(--u));
  border: calc(3 * var(--u)) solid var(--hcr-blue);
  box-sizing: border-box;
}
.hcr-voice__icon--yohsha {
  width: calc(71 * var(--u));
  margin-top: calc(21 * var(--u));
}
.hcr-voice__name { margin-top: calc(5 * var(--u)); }
.hcr-voice__bubble {
  position: relative;
  width: calc(100% - calc(86 * var(--u)));
  margin-top: calc(4 * var(--u));
  padding: calc(16 * var(--u)) calc(10 * var(--u)) calc(15 * var(--u)) calc(17 * var(--u));
  background: #fff;
  box-shadow: 0 calc(3 * var(--u)) calc(12 * var(--u)) rgba(4, 16, 95, .08);
  font-size: calc(14 * var(--u));
  font-weight: 400;
  line-height: calc(24.5 * var(--u));
  text-align: left;
  box-sizing: border-box;
}
.hcr-voice__bubble::before {
  content: "";
  position: absolute;
  top: calc(38 * var(--u));
  left: calc(-8 * var(--u));
  border-style: solid;
  border-width: calc(6 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u)) 0;
  border-color: transparent #fff transparent transparent;
}
.hcr-voice__answer {
  position: relative;
  width: calc(100% - calc(86 * var(--u)));
  padding: calc(24 * var(--u)) 0 calc(22 * var(--u));
  background: var(--hcr-navy);
  color: #fff;
  font-weight: 700;
  box-sizing: border-box;
}
.hcr-voice__answer::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: calc(6 * var(--u)) 0 calc(6 * var(--u)) calc(7 * var(--u));
  border-color: transparent transparent transparent var(--hcr-navy);
}
.hcr-voice__answer > span { display: block; }
.hcr-voice__answer-sub {
  font-size: calc(12 * var(--u));
  line-height: calc(18 * var(--u));
}
.hcr-voice__answer-main {
  margin-top: calc(6 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(32 * var(--u));
  letter-spacing: .05em;
}
.hcr-voice .hcr-coupon {
  max-width: calc(334 * var(--u));
  margin-top: calc(41 * var(--u));
  padding-top: calc(17 * var(--u));
  padding-bottom: calc(13 * var(--u));
}

/* ==========================================================================
   PC（769px 以上）
   デザインデータ（1920px 幅）の半分の値で実装
   ========================================================================== */
@media (min-width: 769px) {
  .hcr { --u: 1px; }
  .hcr-sp { display: none; }
  .hcr-pc { display: inline; }

  /* クーポンコード */
  .hcr-coupon {
    width: 600px;
    padding: 29px 26px 22px;
  }
  .hcr-coupon__title {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: .15em;
  }
  .hcr-coupon__box {
    height: 94px;
    margin-top: 13px;
    padding: 0 133px 0 10px;
    border-width: 3px;
  }
  .hcr-coupon__code {
    font-size: 44px;
    letter-spacing: 0;
  }
  .hcr-coupon__copy {
    right: 15px;
    width: 118px;
    height: 60px;
    font-size: 24px;
    letter-spacing: .1em;
  }
  .hcr-coupon__copy.is-copied,
  .hcr-coupon__copy.is-failed {
    width: 118px;
    padding: 0;
    font-size: 16px;
    letter-spacing: 0;
  }
  .hcr-coupon__note {
    margin-top: 15px;
    font-size: 20px;
    line-height: 28px;
  }

  /* MV・キャンペーン概要 */
  .hcr-intro {
    padding: 60px 0 111px;
    background: linear-gradient(#fff 370px, var(--hcr-blue) 849px);
  }
  .hcr-intro::before {
    width: calc(max(960px, 100%) * 1.01042);
    margin-top: calc(max(960px, 100%) * -.03438);
    -webkit-mask-image: linear-gradient(#000 630px, transparent 730px);
    mask-image: linear-gradient(#000 630px, transparent 730px);
  }
  .hcr-intro__panel {
    width: 800px;
    max-width: none;
    padding: 103px 100px 111px;
    box-sizing: border-box;
  }
  .hcr-mv__lead {
    font-size: 25px;
    line-height: 35px;
  }
  .hcr-mv__title {
    margin-top: 32px;
    font-size: 55px;
    line-height: 65px;
    text-shadow: 0 7px 0 var(--hcr-shadow);
  }
  .hcr-mv__title-l1 { font-size: 60px; }
  .hcr-mv__offer {
    margin-top: 38px;
    height: 200px;
    padding-top: 53px;
  }
  .hcr-mv__num {
    font-size: 116px;
    letter-spacing: .02em;
  }
  .hcr-mv__yen {
    margin: 0 0 -3px 8px;
    font-size: 55px;
  }
  .hcr-mv__tax {
    font-size: 22px;
  }
  .hcr-mv__off {
    margin: 0 0 -6px 20px;
    font-size: 85px;
  }
  .hcr-mv__badge {
    top: -36px;
    right: -100px;
    width: 154px;
    height: 154px;
    font-size: 20px;
  }
  .hcr-mv__badge-head {
    width: 100px;
    padding-bottom: 6px;
  }
  .hcr-mv__badge-date {
    margin-top: 4px;
    font-size: 20px;
  }
  .hcr-mv__badge-num { font-size: 30px; }
  .hcr-mv__deco--cracker {
    top: 109px;
    left: -98px;
    width: 128px;
  }
  .hcr-mv__deco--stars {
    top: 160px;
    right: -141px;
    width: 60px;
  }
  .hcr-intro .hcr-coupon { margin-top: 45px; }

  /* リード */
  .hcr-lead { margin-top: 42px; }
  .hcr-lead__title {
    padding: 0 33px;
    font-size: 25px;
    line-height: 35px;
  }
  .hcr-lead__title::before,
  .hcr-lead__title::after {
    width: 3px;
    height: 31px;
  }
  .hcr-lead__title::before { left: 7px; }
  .hcr-lead__title::after { right: 7px; }
  .hcr-lead__text {
    font-size: 18px;
    line-height: 45px;
  }
  .hcr-lead__title + .hcr-lead__text { margin-top: 22px; }
  .hcr-lead__text--mark { margin: 0; }
  .hcr-lead__mark {
    font-size: 20px;
  }

  /* キャンペーン概要 */
  .hcr-summary { margin-top: 49px; }
  .hcr-summary__title {
    font-size: 20px;
    line-height: 52px;
  }
  .hcr-summary__list { margin-top: 42px; }
  .hcr-summary__item + .hcr-summary__item,
  .hcr-summary__item:nth-child(3) { margin-top: 49px; }
  .hcr-summary__label,
  .hcr-summary__item:nth-child(2) .hcr-summary__label {
    min-width: 100px;
    padding-bottom: 3px;
    font-size: 20px;
    line-height: 30px;
  }
  .hcr-summary__label--wide { min-width: 160px; }
  .hcr-summary__value {
    margin: 12px -40px 0;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
  }
  .hcr-summary__value--date { font-size: 20px; }
  .hcr-summary__num { font-size: 25px; }
  .hcr-summary__notes {
    margin-top: 46px;
    font-size: 20px;
    line-height: 37px;
  }

  /* クーポンご利用の手順 */
  .hcr-steps { padding: 83px 0 72px; }
  .hcr-steps__title {
    font-size: 25px;
    line-height: 35px;
  }
  .hcr-steps__list {
    max-width: none;
    width: 720px;
    margin-top: 48px;
  }
  .hcr-steps__item { width: 160px; }
  .hcr-steps__item:not(:last-child)::after {
    left: calc(100% + 46px);
    margin-top: 64px;
    border-width: 16px 0 16px 28px;
  }
  .hcr-steps__icon { max-width: 160px; }
  .hcr-steps__num {
    margin-top: 20px;
    min-width: 69px;
    font-size: 16px;
    line-height: 34px;
  }
  .hcr-steps__text {
    margin-top: 0;
    font-size: 16px;
    line-height: 34px;
  }

  /* さっそくクーポンを使ってみる */
  .hcr-try { padding: 57px 0 79px; }
  .hcr-try__title {
    font-size: 25px;
    line-height: 35px;
  }
  .hcr-try__title::before {
    width: 87px;
    height: 33px;
    margin-bottom: 17px;
  }
  .hcr-try .hcr-coupon {
    width: 720px;
    max-width: none;
    margin-top: 45px;
  }
  .hcr-services {
    width: 720px;
    max-width: none;
    margin-top: 39px;
  }
  .hcr-service + .hcr-service { margin-top: 30px; }
  .hcr-service__img {
    aspect-ratio: auto;
    height: 200px;
  }
  .hcr-service__name {
    font-size: 25px;
    line-height: 35px;
  }
  .hcr-service__btn {
    height: 60px;
    font-size: 20px;
    font-weight: 500;
  }
  .hcr-service__btn::after {
    margin-left: 22px;
    border-width: 8px 0 8px 15px;
  }

  /* お客様の声・ヨーシャ */
  .hcr-voice { padding: 91px 0 107px; }
  .hcr-voice__row { max-width: none; width: 600px; }
  .hcr-voice__row + .hcr-voice__row { margin-top: 69px; }
  .hcr-voice__person {
    font-size: 20px;
    line-height: 28px;
  }
  .hcr-voice__icon--customer {
    width: 132px;
    border-width: 5px;
  }
  .hcr-voice__icon--yohsha {
    width: 133px;
    margin-top: 41px;
  }
  .hcr-voice__name { margin-top: 10px; }
  .hcr-voice__bubble {
    width: 439px;
    margin-top: 7px;
    padding: 25px 20px 23px 29px;
    font-size: 24px;
    line-height: 49px;
    letter-spacing: .03em;
  }
  .hcr-voice__bubble::before {
    top: 58px;
    left: -12px;
    border-width: 9px 12px 9px 0;
  }
  .hcr-voice__answer {
    width: 441px;
    padding: 50px 0 40px;
  }
  .hcr-voice__answer::after {
    border-width: 14px 0 14px 15px;
  }
  .hcr-voice__answer-sub {
    font-size: 24px;
    line-height: 32px;
  }
  .hcr-voice__answer-main {
    margin-top: 11px;
    font-size: 40px;
    line-height: 59px;
  }
  .hcr-voice .hcr-coupon {
    max-width: none;
    margin-top: 75px;
    padding-top: 34px;
    padding-bottom: 31px;
  }
}