/* =========================================================
   トップページ：「解決します」帯
   ========================================================= */
.solve {
  min-height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px var(--gutter);
  background: linear-gradient(180deg, #d0e3ff 0%, #7aafff 53.617%, var(--main-3) 100%);
}
.solve__text {
  max-width: var(--container);
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: clamp(17px, 1.67vw, 24px);
  line-height: 1.5;
  letter-spacing: .06em;
}
.solve__text em {
  font-style: normal;
  font-size: 1.33em;
  letter-spacing: .13em;
}
.solve__line {
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}
/* 二重線：1本の要素の上下ボーダーで描き、2本とも同じ 1px 幅にそろえる
   （別々の要素だと端数位置でにじみ、片方が太く見えるため） */
.solve__line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/* ---- Responsive ---- */
@media (max-width: 560px) {
  /* 「立ち上げの」「「難しい・高い・時間がない」を、」「らくらくEコマースが”解決”します！」で改行する */
  .solve__row { display: block; }
  /* 二重線を文字に少し近づける */
  .solve__line { padding-bottom: 8px; }
}