@charset "UTF-8";
.strength-section {
  background: #FFF5ED;
  padding: 0 24px 24px;
  text-align: center;
}

.strength-title-section {
  background-color: #FFF5ED;
  text-align: center;
  position: relative;
  padding: 48px 0 32px;
  overflow: hidden;
}

.strength-bg-text {
  font-size: 9vw;
  color: #FCEBC6;
  font-weight: 900;
  letter-spacing: 1.5px;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
}

.strength-title {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 900;
  color: #000;
  margin-top: -1.6rem;
  z-index: 2;
}

.strength-line {
  width: 90px;
  height: 6px;
  margin: 6px auto 0;
  border-radius: 3px;
  background: linear-gradient(to right, #F18627, #FEB202);
}

.strength-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.strength-card {
  border-radius: 16px;
  text-align: left;
  margin-bottom: 48px;
}
.strength-card img {
  width: 100%;
  height: auto;
  margin-bottom: 24px;
}

.strength-card-title {
  font-weight: 700;
  font-size: 4.5vw;
  margin-bottom: 12px;
  text-align: center;
}

.strength-card-title-other {
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}
.strength-card-title-other .strength-sub {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 3.7vw;
}
.strength-card-title-other.highlight-bg {
  background: #F36A3A;
  color: #FFF;
  padding: 4px 1px;
  font-size: 5.2vw;
}

.strength-card-title .highlight-bg {
  background: #F36A3A;
  color: #FFF;
  padding: 4px 1px;
  font-size: 5.2vw;
  display: inline-block;
  margin-bottom: 2px;
}

.strength-card-title .small-black {
  color: #000;
  font-weight: 700;
  font-size: 3.5vw;
}

.strength-card-text {
  font-size: 3.6vw;
  line-height: 1.6;
  color: #000;
  margin-top: 16px;
}

.strength-img-wrapper {
  text-align: center;
}

.strength-cta {
  margin-top: 15px;
  text-align: center;
}

.highlight-group {
  display: inline-flex;
}

.highlight-bg {
  background: #F36A3A;
  color: #FFF;
  padding: 4px 1px;
  font-size: 5.2vw;
  display: inline;
}

@media (min-width: 768px) {
  .strength-title {
    font-size: 2.5rem;
    margin-top: -2.2rem;
  }
  .strength-card-title {
    font-size: 1.2rem;
  }
  .strength-card-title .small-black {
    font-size: 1.7rem;
  }
  .strength-card-text {
    font-size: 1.5rem;
  }
  .strength-cards {
    gap: 24px;
  }
  .strength-card {
    flex: 1;
  }
  .strength-card img {
    width: 70%;
  }
  .strength-sub {
    font-size: 1.7rem;
    margin-bottom: 16px;
  }
  .strength-card {
    text-align: center;
  }
}
@media (max-width: 410px) {
  .strength-card-title {
    font-size: 4.3vw;
  }
}
@media (min-width: 960px) {
  .strength-card img {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .strength-title-section {
    padding: 64px 0 104px;
  }
  .strength-section {
    max-width: 960px;
    margin: 0 auto;
  }
  .strength-cards {
    flex-direction: column;
    gap: 64px;
  }
  .strength-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 0;
  }
  .strength-card:nth-child(even) {
    flex-direction: row-reverse;
  }
  .strength-card-title br {
    display: none;
  }
  .strength-card-body {
    width: 50%;
    text-align: left;
  }
  .strength-card-title,
  .strength-card-title-other,
  .strength-card-text {
    text-align: left;
  }
  .strength-card-title,
  .strength-card-title-other {
    font-size: 1.5rem;
  }
  .strength-card-text {
    font-size: 1.3rem;
    line-height: 1.8;
    margin-top: 24px;
  }
  .strength-card-text br {
    display: none;
  }
  /* 画像とテキストのバランス調整 */
  .strength-card > img {
    flex-shrink: 0;
  }
  /* テキストブロックの幅を調整 */
  .strength-card > p,
  .strength-card > div {
    width: 50%;
  }
  .strength-card-title .highlight-bg {
    font-size: 2.5rem;
  }
  .highlight-group {
    display: flex;
    flex-direction: column; /* ← 2行に分ける */
    align-items: left;
  }
  .highlight-group.highlight-bg {
    padding: 4px 8px;
    display: inline-block;
  }
  .highlight-group {
    width: 216px;
  }
  .pc-line1 {
    font-size: 2.5rem;
  }
  .pc-line2 {
    font-size: 2.5rem;
    width: 423px;
  }
  .strength-card-title .small-black {
    font-size: 1.3rem;
  }
  .strength-card-title-other .strength-sub {
    font-size: 1.3rem;
  }
  .strength-card-title-other .highlight-bg {
    font-size: 2rem;
  }
  .strength-cta {
    margin-top: 72px;
  }
}/*# sourceMappingURL=strength.css.map */