/* ==========================================================================
   未経験者をサポートする5つの安心
   上部（見出し〜説明文）は Figma 座標で絶対配置、5項目のボックス以降は通常フロー
   ========================================================================== */

.lx-support {
  position: relative;
  padding: 670px 20px 67px;
  overflow: hidden;
  background: #d1d1d1 linear-gradient(#d1d1d1, #ededed) 0 391px / 100% 1579px no-repeat;
}

/* 上部の明るいグレーの楕円（下辺がゆるやかなカーブになる） */
.lx-support__ellipse {
  position: absolute;
  top: -266px;
  left: -411px;
  width: 1213px;
  height: 906px;
  border-radius: 50%;
  background: var(--lx-gray);
}

.lx-support__bottom {
  position: absolute;
  top: 391px;
  left: 0;
}

.lx-support__deco {
  position: absolute;
}

.lx-support__deco--a {
  top: 14px;
  left: -14px;
}

.lx-support__deco--b {
  top: -1px;
  left: -10px;
}

.lx-support__band-white {
  top: 31px;
  left: 0;
  width: 288px;
}

.lx-support__band-red {
  top: 69px;
  left: 201px;
  width: 189px;
  height: 46px;
}

.lx-support__title-sub {
  top: 32px;
  left: 20px;
}

.lx-support__title-main {
  top: 79px;
  left: 213px;
  font-size: 32px;
}

.lx-support__five {
  position: relative;
  top: 4px;
  margin-right: -2px;
  font-size: 56px;
  line-height: 0;
  font-weight: 700;
}

.lx-support__team {
  position: absolute;
  top: 138px;
  left: 20px;
  width: 350px;
  height: 227px;
  object-fit: cover;
  object-position: bottom;
}

.lx-support__catch-band1,
.lx-support__catch-band2 {
  left: 0;
  height: 32px;
  background: var(--lx-white);
}

.lx-support__catch-band1 {
  top: 290px;
  width: 201px;
}

.lx-support__catch-band2 {
  top: 326px;
  width: 115px;
}

.lx-support__catch {
  position: absolute;
  top: 288px;
  left: 27px;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.lx-support__worry {
  position: absolute;
  top: 391px;
  left: 25px;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  white-space: nowrap;
  font-feature-settings: "palt";
}

.lx-support__bracket {
  position: absolute;
  top: -17px;
  left: -29px;
  color: var(--lx-red);
  font-size: 31px;
  font-weight: 300;
  line-height: 64px;
  font-feature-settings: normal;
}

.lx-support__bracket.is-close {
  top: -11px;
  left: 341px;
}

.lx-support__answer,
.lx-support__desc {
  position: absolute;
  left: 20px;
  width: 350px;
  font-size: 16px;
  line-height: 33px;
}

.lx-support__answer {
  top: 440px;
}

.lx-support__desc {
  top: 473px;
}

.lx-support__chevron {
  position: absolute;
  top: 620px;
  left: 182px;
}

.lx-support__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 27px 20px 38px;
  background: var(--lx-white);
}

.lx-support__item h3 {
  display: flex;
  align-items: flex-start;
  height: 30px;
  color: var(--lx-red);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.lx-support__item h3 .lx-en-italic {
  width: 55px;
  margin-left: -5px;
  color: var(--lx-black);
  font-size: 40px;
  line-height: 30px;
}

.lx-support__body {
  margin-top: 14px;
  padding-bottom: 28px;
  background: url("../images/support-divider.svg") left bottom / 310px 4px no-repeat;
  font-size: 16px;
  line-height: 1.6;
}

.lx-support__closing {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
}