/* 共通 */

.trouble-heading::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  margin-top: 24px;
  background: #8f8a82;
}

/* Outfitフォント */
.hero-tags {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  color: #888888;
  margin-bottom: 24px !important;
}


/* WHY */
.is-heading-en {
  letter-spacing: -0.04em;
  line-height: 1;
}

/* price */
.price-num {
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
}

/* スマホで縮小 */
@media (max-width: 768px) {
  .is-heading-en {
    font-size: 3rem !important;
  }
}


/*ボタン*/
.wp-block-button__link {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(34, 34, 34, 0.14);
}


/* FLOW */
.flow-cards {
  position: relative;
}

.flow-cards::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 36%;
  height: 1px;
  background-color: #e6e0d8;
  z-index: 0;
}

.flow-cards > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 781px) {
  .flow-cards::before {
    display: none;
  }
}


/* レスポンシブ */
@media (max-width: 768px) {
  .hero-h1 {
    font-size: 1.8rem !important; /* 32px 目安 */
  }
}