@charset "UTF-8";

:root {
  --w-green: #09af3c;
  --w-green02: #f1faf3;
  --w-red: #fc2a62;
  --w-pink: #d80649;
  --w-black: #3a3a3a;
  --w-gray: #f0f0f0;
  --w-text: #2f2f2f;
}

.w-mv,
.w-def,
.w-pain,
.w-merit,
.w-achievement,
.w-media,
.w-diff,
.w-case,
.w-voice,
.w-flow,
.w-final,
.w-column,
.w-area {
  font-feature-settings: normal;
}

.w-def__inner,
.w-pain__inner,
.w-merit__inner,
.w-achievement__inner,
.w-media__inner,
.w-diff__inner,
.w-case__inner,
.w-voice__inner,
.w-flow__inner,
.w-final__inner,
.w-column__inner,
.w-area__inner {
  max-width: 1144px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 見出しアイコンはSVG。kaitori共通CSSの img[src$=".svg"]{display:block} で
   親の text-align:center が効かなくなるため、明示的に中央寄せする */
img.w-pain__icon,
img.w-achievement__icon,
img.w-media__icon,
img.w-case__icon,
img.w-final__icon {
  margin-left: auto;
  margin-right: auto;
}

/* MV
***************************************************************/
/* Figma(1440px)の座標を min(px, vw) で等比縮小させる
   写真 x=460 y=174 980x622 / タイトル x=62 y=373 / バッジ x=64 y=667 / 注記 x=867 y=819
   Figma では固定ヘッダー(106px)の下に 68px の余白があったが、ヘッダー直下に写真が来るよう余白は取らない */
.w-mv {
  padding-top: 0;
}
.w-mv__inner {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  min-height: min(728px, 50.556vw);
}
.w-mv__photo {
  display: block;
  width: 68.06%;
  height: min(622px, 43.194vw);
  margin-left: auto;
}
.w-mv__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
img.w-mv__ttl__sp {
  display: none;
}
.w-mv__text {
  position: absolute;
  left: 4.3%;
  top: min(199px, 13.819vw);
  z-index: 2;
}
/* h1 は「訳あり物件の高額買取なら」＋緑ボックス「成仏不動産の正しい買取」の一文。
   ボックスを h1 内に入れても元の2段組の見た目になるよう縦並びの flex にする */
.w-mv__ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: min(44px, 3.056vw);
  font-weight: 700;
  color: var(--w-black);
  line-height: 1.9;
  letter-spacing: 0.08em;
}
.w-mv__ttl__pc {
  margin-bottom: min(10px, 0.694vw);
}
.w-mv__box {
  background: var(--w-green);
  color: #fff;
  font-size: min(46px, 3.194vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
  padding: min(6px, 0.417vw) min(22px, 1.528vw);
}
.w-mv__badges {
  position: absolute;
  left: 4.44%;
  top: min(493px, 34.236vw);
  width: 42.3%;
  height: auto;
  z-index: 2;
}
.w-mv__note {
  position: absolute;
  right: 4.3%;
  top: min(645px, 44.792vw);
  width: 42%;
  font-size: min(10px, 0.694vw);
  color: var(--w-black);
  line-height: 1.5;
  z-index: 2;
}

/* def
***************************************************************/
.w-def {
  padding: 50px 0 100px;
  text-align: center;
}
/* Figma: 本文ブロックは 800px 幅で中央（x=320, w=800） */
.w-def__inner {
  max-width: 840px;
}
/* 握手アイコンは 206px の白丸SVGの中の実寸(94x61)で表示する。丸ごと置くと下半分が余白になる
   （kaitori/common.css の img[src$=".svg"]{width:100%} に負けないよう img 付きで指定） */
img.w-def__icon {
  display: block;
  width: 94px;
  height: auto;
  margin: 0 auto;
}
.w-def__lead {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  line-height: 1.5;
  /* Figma PC: アイコン下端→見出し文字上端が約54px（画像計測）。lh1.5 の半行分を差し引いた値 */
  margin: 44px 0 30px;
}
.w-def__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  background: var(--w-green);
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.w-def__text {
  padding: 24px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--w-black);
  text-align: left;
}

/* pain
***************************************************************/
/* Figma(1440px)実寸に合わせる
   セクション背景 y=1434 h=914 / アイコン 67x95 y=1494 / 見出し y=1609
   カード 409x134（x=297,734 / y=1688,1838）/ 矢印 76x37 y=1998
   白帯 338x50 y=2070・694x50 y=2132・297x50 y=2193 */
.w-pain {
  background: var(--w-green02);
  padding: 60px 20px 105px;
}
.w-pain__inner {
  max-width: 846px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
img.w-pain__icon {
  width: 67px;
  height: 95px;
}
.w-pain__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin: 20px 0 43px;
}
.w-pain__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 28px;
  row-gap: 16px;
  text-align: left;
}
.w-pain__item {
  height: 134px;
  background: #fff;
  border: 2px solid var(--w-green);
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding-left: 8px;
  overflow: hidden;
}
.w-pain__item img {
  width: 132px;
  height: 132px;
  object-fit: contain;
  flex: none;
}
.w-pain__item p {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: var(--w-black);
}
.w-pain__arrow {
  width: 76px;
  height: 37px;
  margin: 26px auto 0;
  background: url("../img/top/arrow_down_green.svg") no-repeat center top 0.62px / 58.88px 27.13px;
}
.w-pain__result {
  margin-top: 35px;
}
.w-pain__result span {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 50px;
  margin: 0 auto 12px;
  background: #fff;
  color: var(--w-green);
  font-size: 28px;
  line-height: 50px;
  letter-spacing: 0.05em;
  text-align: center;
}
.w-pain__result .line1 {
  width: 338px;
  max-width: 100%;
  font-weight: 500;
}
.w-pain__result .line2 {
  width: 694px;
  max-width: 100%;
  font-weight: 600;
}
.w-pain__result .line3 {
  width: 297px;
  max-width: 100%;
  margin-bottom: 0;
  font-weight: 500;
}

/* merit
***************************************************************/
/* Figma(1440px)実寸: 見出し「5」110px y=2438 / 見出し文 30px y=2467
   1段目(2件) y=2555 / 2段目(3件) y=2847 / 各アイテム gap=60 / 円 166px・アイコン90px
   実績バッジ 594x206 y=3180 */
.w-merit {
  padding: 90px 20px 100px;
  text-align: center;
}
.w-merit__inner {
  max-width: 1144px;
  margin: 0 auto;
  padding: 0;
}
.w-merit__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.w-merit__num {
  color: var(--w-green);
  font-size: 110px;
  font-weight: 500;
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  line-height: 0.9;
  letter-spacing: 0.05em;
  margin: 0 8px;
  vertical-align: -14px;
}
.w-merit__badges {
  width: 594px;
  max-width: 100%;
  height: auto;
  margin: 62px auto 0;
}

/* achievement
***************************************************************/
/* Figma(1440px)実寸: アイコン90x78 y=4073 / 見出し30px y=4173
   カード 368px x3（gap 20 / 全体1144px）y=4254 / 写真210px
   本文 bg=green02 padding24 gap18 / 緑フッター padding 20/24/24 gap12
   注記14px 右寄せ y=4873 */
.w-achievement {
  padding: 100px 0 100px;
  text-align: center;
}
img.w-achievement__icon {
  width: 90px;
  height: 78px;
}
.w-achievement__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin: 22px 0 59px;
}
.w-achievement__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  text-align: left;
}
.w-achievement__item {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
}
img.w-achievement__item__photo {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}
.w-achievement__item__body {
  background: var(--w-green02);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.w-achievement__item__price {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--w-black);
  border-bottom: 1px solid #c9dfcf;
  padding-bottom: 18px;
  white-space: nowrap;
}
.w-achievement__item__price > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.w-achievement__item__price .label {
  font-style: normal;
}
.w-achievement__item__price .amount {
  display: flex;
  align-items: baseline;
  font-style: normal;
  font-size: 17px;
  font-weight: 800;
}
.w-achievement__item__price b {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
}
.w-achievement__item__price .pink {
  color: var(--w-red);
}
.w-achievement__item__price .pink .amount {
  font-size: 18px;
}
.w-achievement__item__price .pink b {
  font-size: 35px;
}
.w-achievement__item__price .pink b.lg {
  font-size: 40px;
}
img.w-achievement__item__up {
  width: 48px;
  height: auto;
  flex: none;
  margin-bottom: 4px;
}
.w-achievement__item__detail {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #000;
}
.w-achievement__item__comment {
  flex: 1;
  background: var(--w-green);
  color: #fff;
  padding: 20px 24px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.w-achievement__item__comment .badge {
  display: inline-block;
  background: #fff;
  color: var(--w-green);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.05em;
  border-radius: 30px;
  padding: 5px 20px;
}
.w-achievement__item__comment p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: left;
}
.w-achievement__note {
  font-size: 14px;
  color: var(--w-black);
  text-align: right;
  margin-top: 22px;
  padding-bottom: 100px;
}

/* media
***************************************************************/
/* Figma(1440px)実寸: 背景 y=3486 h=487 / カメラ 81x63 y=3550 / 見出し30px y=3626
   リード18px y=3682（※注記13px は右寄せ 右端x=1049）
   ロゴ 199x142 radius20 y=3731 を gap17 で並べ、両端は画面外へはみ出す（x=-29 起点） */
.w-media {
  position: relative;
  background: var(--w-green02);
  padding: 64px 0 100px;
  text-align: center;
  overflow: hidden;
}
.w-media__head {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
img.w-media__icon {
  width: 81px;
  height: 63px;
}
.w-media__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin-top: 13px;
}
.w-media__sub {
  position: relative;
  margin-top: 15px;
}
.w-media__sub .lead {
  font-size: 18px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
}
.w-media__sub .note {
  position: absolute;
  top: 3px;
  left: calc(50% + 218px);
  font-size: 13px;
  font-weight: 500;
  color: var(--w-black);
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.w-media__slider {
  display: flex;
  justify-content: center;
  margin-top: 49px;
}
.w-media__list {
  flex: none;
  display: flex;
  gap: 17px;
}
.w-media__list li {
  flex: none;
  width: 199px;
  height: 142px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.w-media__list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* diff
***************************************************************/
/* Figma(1440px)実寸: 見出し30px y=7015 / カード 560x296 gap24 y=7096
   緑帯 519x46（内側20px）/ 見出し文字22px / 図版 519x69（top98）/ 本文485px 16px（top199） */
.w-diff {
  padding: 100px 20px 100px;
  text-align: center;
}
.w-diff__inner {
  max-width: 1144px;
  margin: 0 auto;
  padding: 0;
}
.w-diff__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
}
.w-diff__ttl .green {
  color: var(--w-green);
}
.w-diff__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 40px;
}
.w-diff__item {
  /* グリッド子要素は既定 min-width:auto で縮まないため解除 */
  min-width: 0;
  height: 296px;
  background: #fff;
  border: 2px solid var(--w-green);
  border-radius: 20px;
  padding: 20px;
  text-align: left;
}
.w-diff__item__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  background: var(--w-green02);
  color: var(--w-green);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.w-diff__item__fig--chukai {
  display: block;
  width: 519px;
  max-width: 100%;
  margin-top: 32px;
}
.w-diff__item__fig--chukai img {
  display: block;
  width: 100%;
  height: 69px;
  object-fit: contain;
}
/* 買取側は3要素を Figma の間隔（10px / 5px・合計338px）で詰めて中央に置く。
   元アセットは3要素が離れた1枚絵なので、背景位置で切り出して使う */
.w-diff__item__fig--kaitori {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 519px;
  max-width: 100%;
  height: 69px;
  margin-top: 32px;
}
.w-diff__item__fig--kaitori .seller,
.w-diff__item__fig--kaitori .arrows {
  display: block;
  height: 69px;
  background-image: url("../img/top/diff_kaitori.webp");
  background-repeat: no-repeat;
  background-size: 515px 69px;
  flex: none;
}
.w-diff__item__fig--kaitori .seller {
  width: 134px;
  background-position: 0 0;
}
.w-diff__item__fig--kaitori .arrows {
  width: 54px;
  margin-left: 10px;
  background-position: -231px 0;
}
.w-diff__item__fig--kaitori .buyer {
  width: 135px;
  height: 69px;
  margin-left: 5px;
  flex: none;
  object-fit: contain;
}
.w-diff__item__text {
  width: 485px;
  max-width: 100%;
  margin: 32px auto 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--w-black);
}

/* お客様の声 — Figma: アイコン100x74 y=6378 / 見出し30px y=6484
   カード 800x254 y=6561（padding 30/40・内容幅538・radius20） */
.w-voice {
  padding: 106px 20px 0;
  text-align: center;
}
.w-voice__inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}
img.w-voice__icon {
  width: 100px;
  height: 74px;
  margin: 0 auto;
}
.w-voice__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin-top: 32px;
}
.w-voice .w-more {
  margin-top: 30px;
}

/* TOPのよくある質問 — Figma(1440px): 背景 y=7492 h=1055 / アイコン90x90 y=7562
   見出し30px y=7682 / カード群 760x564 y=7773 / ボタン400x70 y=8377
***************************************************************/
.w-topFaq {
  background: var(--w-green02);
  padding: 70px 20px 100px;
  text-align: center;
}
.w-topFaq__inner {
  max-width: 760px;
  margin: 0 auto;
}
img.w-topFaq__icon {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.w-topFaq__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin-top: 30px;
}
.w-topFaq__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 61px;
  text-align: left;
}
.w-topFaq__item {
  background: #fff;
  border-left: 10px solid var(--w-green);
  border-radius: 0 20px 20px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 40px 40px 40px 50px;
}
.w-topFaq__item .q {
  display: flex;
  gap: 6px;
  color: var(--w-green);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.w-topFaq__item .q span {
  flex: none;
  font-family: "Outfit", sans-serif;
  font-size: 30px;
  line-height: 26px;
  letter-spacing: -0.1em;
}
.w-topFaq__item .a {
  font-size: 16px;
  color: var(--w-black);
  line-height: 26px;
  letter-spacing: 0.05em;
}
.w-topFaq .w-more {
  margin-top: 40px;
}

/* case
***************************************************************/
/* Figma(1440px)実寸: 背景 y=4994 h=1284 / アイコン90x80 y=5064 / 見出し30px y=5166
   カード 480x298 を 2x2（gap40・全体1000px）y=5247
   カード内: タグ 214x46（left -10 / top 30・22px）/ 人物 103x153（left 324 / top 42）
   価格20px(left30/top106)・種別18px・区切り線 420px(bottom72)・本文16px(top242) */
.w-case {
  background: var(--w-green02);
  padding: 70px 20px 0;
  text-align: center;
}
.w-case__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}
img.w-case__icon {
  width: 90px;
  height: 80px;
}
.w-case__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin: 22px 0 81px;
}
.w-case .w-more {
  margin-top: 40px;
}
.w-case .w-cvBtn {
  margin: 60px 0 0;
  padding-bottom: 100px;
}

/* flow — Figma(1440px): アイコン105x87 y=8647 / 見出し30px y=8759 / リード25px y=8814
   本体 1088px幅 y=8894（ラベル25px・枠 padding 60/40・radius20・border2）
   本文20px / 矢印76x37 / ワンストップ表 dt=257px 25px・dd=18px
   持ち出し0円プラン: bg #fef2f6 / border red / リボン297x65 24px
***************************************************************/
.w-flow {
  padding: 100px 20px 100px;
  text-align: center;
}
.w-flow__inner {
  max-width: 1088px;
  margin: 0 auto;
  padding: 0;
}
img.w-flow__icon {
  width: 105px;
  height: 87px;
  margin: 0 auto 25px;
}
.w-flow__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
}
.w-flow__lead {
  font-size: 25px;
  font-weight: 500;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin: 15px 0 40px;
}
.w-flow__list {
  text-align: left;
}
.w-flow__list li {
  position: relative;
}
/* Figma: 76x37 の枠内に 58.88x27.13 の角丸三角（0円プランの後だけピンク） */
.w-flow__list li:not(:last-child)::after {
  content: "";
  display: block;
  width: 76px;
  height: 37px;
  margin: 14px auto 0;
  background: url("../img/top/arrow_down_green.svg") no-repeat center top 0.62px / 58.88px 27.13px;
}
.w-flow__list li.w-flow__list__item--pink::after {
  background-image: url("../img/top/arrow_down_red.svg");
}
.w-flow__list__ttl {
  color: var(--w-green);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.w-flow__list__ttl--black {
  color: var(--w-black);
}
.w-flow__list__ttl--pink {
  display: flex;
  align-items: flex-start;
  width: 297.41px;
  height: 65.11px;
  padding: 16px 0 0 34px;
  margin-bottom: 0;
  background: url("../img/top/ribbon_0yen.svg") no-repeat 0 0 / 100% 100%;
  color: #fff;
  font-size: 24px;
  line-height: 1.24;
}
.w-flow__list__box {
  background: var(--w-green02);
  border: 2px solid var(--w-green);
  border-radius: 20px;
  padding: 40px 60px;
}
.w-flow__list__box .w-cvBtn {
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 20px 0 0;
}
.w-flow__list__box .w-cvBtn__tel,
.w-flow__list__box .w-cvBtn__mail {
  min-width: 0;
}
.w-flow__list__box p {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--w-text);
}
.w-flow__list__box--pink {
  background: #fef2f6;
  border-color: var(--w-red);
  border-radius: 0 20px 20px 20px;
}
.w-flow__list__box .small {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 10px;
}
p.w-flow__list__box__emphasis {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0 0;
}
/* 持ち出し0円プランの図解（Figma: 円158.07 / 円間58.75 /「−」27.09x4.22 /「＝」27.08x13.40）
   1em = Figma 23px として等比縮小させる（図全体の設計幅 591.7px）
***************************************************************/
.w-flow__zero {
  padding: 22px 0;
  margin-top: 10px;
}
.w-flow__zero__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.687em;
  font-size: min(23px, calc((100vw - 100px) / 25.73));
}
.w-flow__zero__circle {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6.873em;
  height: 6.873em;
  background: #fff;
  border-radius: 50%;
}
.w-flow__list__box .w-flow__zero__ttl {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.13em;
  text-indent: 0.13em;
  color: var(--w-red);
  text-align: center;
}
.w-flow__list__box .w-flow__zero__sub {
  font-size: 0.58em;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  color: var(--w-black);
  text-align: center;
}
.w-flow__zero__op {
  flex: none;
  background: var(--w-black);
}
.w-flow__zero__op--minus {
  width: 1.178em;
  height: 0.184em;
}
.w-flow__zero__op--equal {
  width: 1.178em;
  height: 0.582em;
  background: linear-gradient(
    to bottom,
    var(--w-black) 0 0.185em,
    transparent 0.185em 0.397em,
    var(--w-black) 0.397em 0.582em
  );
}
.w-flow__list__box__emphasis .pink {
  color: var(--w-red);
}
/* ワンストップ対応（Figma: bg #f0f0f0 / border #3a3a3a / ラベル帯 #8b8b8b h44 22px） */
.w-flow__list__box--gray {
  background: var(--w-gray);
  border-color: var(--w-black);
}
p.w-flow__list__box__label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  background: #8b8b8b;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: 50px;
  margin-bottom: 20px;
}
.w-flow__list__box__dl {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.w-flow__list__box__dl > div {
  display: flex;
  align-items: flex-start;
}
.w-flow__list__box__dl dt {
  flex: none;
  width: 257px;
  padding: 16px 20px 15px;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0.05em;
  color: var(--w-black);
  text-align: center;
}
.w-flow__list__box__dl dd {
  padding: 7px 10px 5px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--w-text);
}

/* final — Figma: 背景 y=11556 h=1295 / アイコン99x108 y=11612 / 見出し30px y=11734
   リード25px y=11789 / 支店グリッド 368x234 3列（gap 20/30）1144px y=11879 / btn y=12681
***************************************************************/
.w-final {
  background: var(--w-green02);
  padding: 56px 20px 110px;
  text-align: center;
}
.w-final__inner {
  max-width: 1144px;
  margin: 0 auto;
  padding: 0;
}
img.w-final__icon {
  width: 99px;
  height: 108px;
}
.w-final__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin-top: 14px;
}
.w-final__lead {
  font-size: 25px;
  font-weight: 500;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin: 15px 0 50px;
}
.w-final .w-more {
  margin-top: 40px;
}

/* column — Figma: 背景 y=12851 h=780 / 見出し31px y=12951 / リード18px(lh30) y=13014
   カード 340x297 gap30（3枚=1080px）y=13124 / btn y=13461
***************************************************************/
.w-column {
  background: #fff;
  padding: 100px 20px 100px;
  text-align: center;
}
.w-column__inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
}
.w-column__ttl {
  font-size: 31px;
  font-weight: 600;
  color: var(--w-text);
  letter-spacing: 0.05em;
}
.w-column__lead {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: var(--w-text);
  margin: 21px 0 50px;
}
.w-column__slider {
  position: relative;
}
/* 左右の矢印（Figma: 37x215 緑ピル・radius50・白三角21.63x17.16）
   カード列の外側 20px に置くため、はみ出さない幅でのみ表示する */
.w-column__nav {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 215px;
  background: var(--w-green);
  border-radius: 50px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.w-column__nav::before {
  content: "";
  width: 17.16px;
  height: 21.63px;
  background: url("../img/common/arrow_white.svg") no-repeat center / contain;
}
.w-column__nav--prev {
  left: -57px;
}
.w-column__nav--prev::before {
  transform: scaleX(-1);
}
.w-column__nav--next {
  right: -57px;
}
.w-column .w-more {
  margin-top: 40px;
}

/* news & media — Figma: 背景 #f0f0f0 y=13631 h=865 / 見出し Outfit Bold 35px(+100)
   白枠 1088x222 radius20（+177 / +488）内側の行 1010幅・行高30・区切り線1px
   日付 Outfit Medium 17px / タグ 14px（お知らせ98x30・メディア78x30 radius3）
   本文 16px lh30 / 一覧リンク 18px 下線(+424 / +735)
***************************************************************/
.w-news {
  background: var(--w-gray);
  padding: 100px 20px;
}
.w-news__inner {
  max-width: 1088px;
  margin: 0 auto;
  padding: 0;
}
.w-news__ttl {
  font-family: "Outfit", "Noto Sans JP", sans-serif;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--w-text);
  text-align: center;
  margin-bottom: 15px;
}
.w-news__block {
  background: #fff;
  border-radius: 20px;
  padding: 26px 33px 26px 45px;
}
.w-news__block + .w-news__block {
  margin-top: 34px;
}
.w-news__list li + li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #000;
}
.w-news__row {
  display: flex;
  align-items: center;
  min-height: 30px;
  color: var(--w-text);
}
.w-news__date {
  flex: none;
  width: 110px;
  white-space: nowrap;
  font-family: "Outfit", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.1em;
}
.w-news__tag {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  height: 30px;
  padding: 0 20px;
  background: var(--w-green);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  white-space: nowrap;
  margin-right: 15px;
}
.w-news__block--media .w-news__tag {
  background: var(--w-red);
}
.w-news__text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.05em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.w-news__arrow {
  flex: none;
  width: 17.16px;
  height: 21.63px;
  margin-left: 15px;
  background: url("../img/common/arrow_green.svg") no-repeat center / contain;
}
.w-news__block--media .w-news__arrow {
  background-image: url("../img/common/arrow_red.svg");
}
.w-news__more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin: 25px 0 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: var(--w-text);
}
.w-news__more::before {
  content: "";
  order: 2;
  flex: none;
  width: 17.16px;
  height: 21.63px;
  background: url("../img/common/arrow_green.svg") no-repeat center / contain;
}
.w-news__more span {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* area — Figma: セクション y=14496 h=771 / 見出し30px(+100) / リード18px(+190)
   都道府県リスト 900x180(+286・内側テキスト820) / CV_btn 974x125(+536)
***************************************************************/
.w-area {
  background: var(--w-green02);
  padding: 100px 20px 0;
  text-align: center;
}
.w-area__inner {
  max-width: 974px;
  margin: 0 auto;
  padding: 0;
}
.w-area__ttl {
  font-size: 30px;
  font-weight: 600;
  color: var(--w-black);
  letter-spacing: 0.05em;
}
.w-area__lead {
  font-size: 26px;
  font-weight: 500;
  color: var(--w-black);
  letter-spacing: 0.05em;
  margin: 51px 0 46px;
}
.w-area__list {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  padding: 30px;
  text-align: justify;
  border: 2px solid var(--w-green);
  border-radius: 20px;
  background: #fff;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: var(--w-black);
  text-align: left;
}
.w-area .w-cvBtn {
  margin-top: 70px;
  padding-bottom: 100px;
}


/* SP
***************************************************************/
@media all and (max-width: 680px) {
  /* Figma SP(390px): 写真 x-88/y-217 564x864 / タイトル画像 x0/y116 353x182
     バッジ x-5/y570 400 / 注記 x30/y713 330（10px lh14）/ 次セクションは y804 */
  .w-mv {
    position: relative;
    padding: 0;
    margin-top: -50px;
    overflow: hidden;
  }
  .w-mv__inner {
    position: relative;
    min-height: 197.18vw;
  }
  .w-mv__photo {
    position: absolute;
    left: -22.564vw;
    top: -55.641vw;
    width: 144.615vw;
    height: 221.538vw;
    margin-left: 0;
  }
  .w-mv__text {
    left: 0;
    top: 29.744vw;
    width: 90.513vw;
  }
  .w-mv__ttl {
    margin-bottom: 0;
  }
  .w-mv__ttl__pc,
  .w-mv__box {
    display: none;
  }
  img.w-mv__ttl__sp {
    display: block;
    width: 100%;
    height: auto;
  }
  .w-mv__badges {
    left: -1.282vw;
    top: 146.154vw;
    width: 102.564vw;
    max-width: none;
  }
  .w-mv__note {
    left: 7.692vw;
    right: auto;
    top: 182.821vw;
    width: 84.615vw;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.05em;
  }
  /* Figma SP: アイコン71x46(y804) / リード20px lh27(y867) / btn 330x40(y978) / 本文16px lh23(y1043) */
  .w-def {
    padding: 35px 0 50px;
  }
  .w-def__inner {
    padding: 0 30px;
  }
  img.w-def__icon {
    width: 71px;
  }
  .w-def__lead {
    font-size: 20px;
    line-height: 27px;
    margin: 17px 0 30px;
  }
  .w-def__btn {
    height: 40px;
    font-size: 20px;
  }
  .w-def__text {
    padding-top: 25px;
    line-height: 23px;
  }
  /* Figma SP: 背景 y1277 h939 / アイコン50x71(+30) / 見出し20px lh27(+111)
     カード 330x110（x30・120間隔）/ イラストは左右交互でカード外にはみ出す
     本文14px lh25 / 矢印76x37 / 白帯4本 h35・47間隔 */
  .w-pain {
    padding: 30px 7.692vw 50px;
  }
  img.w-pain__icon {
    width: 50px;
    height: 71px;
  }
  .w-pain__ttl {
    font-size: 20px;
    line-height: 27px;
    margin: 10px 0 20px;
  }
  .w-pain__list {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .w-pain__item {
    display: block;
    position: relative;
    height: 110px;
    padding: 0;
    overflow: visible;
  }
  .w-pain__item img {
    position: absolute;
    top: 50%;
    width: 30.769vw;
    height: 30.769vw;
    transform: translateY(-50%);
  }
  .w-pain__item p {
    position: absolute;
    top: 50%;
    font-size: 14px;
    line-height: 25px;
    transform: translateY(-50%);
  }
  .w-pain__item:nth-child(1) img {
    left: -1.795vw;
    width: 31.026vw;
    height: 31.026vw;
  }
  .w-pain__item:nth-child(1) p {
    left: 32.051vw;
  }
  .w-pain__item:nth-child(2) img {
    left: 55.128vw;
    width: 31.282vw;
    height: 31.282vw;
  }
  .w-pain__item:nth-child(2) p {
    left: 18.462vw;
  }
  .w-pain__item:nth-child(3) img {
    left: 1.795vw;
  }
  .w-pain__item:nth-child(3) p {
    left: 33.590vw;
  }
  .w-pain__item:nth-child(4) img {
    left: 55.385vw;
  }
  .w-pain__item:nth-child(4) p {
    left: 7.949vw;
  }
  .w-pain__arrow {
    margin-top: 22px;
  }
  .w-pain__result {
    margin-top: 22px;
  }
  .w-pain__result span,
  .w-pain__result .line1,
  .w-pain__result .line2,
  .w-pain__result .line3 {
    width: fit-content;
    max-width: 100%;
    height: auto;
    min-height: 35px;
    margin: 0 auto 12px;
    padding: 0 14px;
    font-size: 20px;
    line-height: 35px;
  }
  .w-pain__result .line3 {
    margin-bottom: 0;
  }
  .w-achievement__list {
    grid-template-columns: 1fr;
  }
  .w-diff__list {
    grid-template-columns: 1fr;
  }
  .w-flow__list__box__dl > div {
    flex-direction: column;
    gap: 0;
  }
}

/* SP（Figma実寸のPCレイアウトを解除する） */
@media all and (max-width: 680px) {
  /* Figma SP: 背景 y4128 h560 / カメラ50x38.9(+28) / 見出し20px(+80) / リード15px(+130)
     ロゴ 140x100 を2列3行 gap10（290px幅・+180）/ 注記12px 右寄せ(+520) */
  .w-media {
    padding: 28px 0 60px;
  }
  img.w-media__icon {
    width: 50px;
    height: 39px;
  }
  .w-media__head {
    position: static;
  }
  .w-media__sub {
    position: static;
    margin-top: 20px;
  }
  .w-media__sub .lead {
    font-size: 15px;
    line-height: 22px;
  }
  .w-media__slider {
    display: block;
    margin-top: 28px;
  }
  .w-media__list {
    display: grid;
    grid-template-columns: repeat(2, 140px);
    justify-content: center;
    gap: 10px;
  }
  .w-media__list li {
    width: 140px;
    height: 100px;
  }
  /* Figma SPは6枚（AbemaTVは無し・Nスタが先頭） */
  .w-media__list li:nth-child(1) {
    display: none;
  }
  .w-media__list li:nth-child(7) {
    order: -1;
  }
  .w-media__sub .note {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 28px;
    width: 290px;
    margin-left: -145px;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
  }
  .w-achievement {
    padding: 50px 0 0;
  }
  .w-achievement__list {
    grid-template-columns: 1fr;
  }
  .w-achievement__ttl,
  .w-case__ttl,
  .w-voice__ttl,
  .w-diff__ttl,
  .w-topFaq__ttl,
  .w-flow__ttl,
  .w-final__ttl,
  .w-column__ttl,
  .w-area__ttl {
    font-size: 22px;
  }
  .w-media__ttl {
    font-size: 20px;
    line-height: 30px;
    margin-top: 13px;
  }
  /* Figma SP: 背景 y6603 h1560 / アイコン50x45(+40) / 見出し20px lh30(+95)
     カード 340x263（x25・20px間隔）/ タグ 163x38(x-7,y20) / 人物 72x106(x231,y29)
     本文枠 x30 y78 w280（価格18px / 詳細15px / 区切り線 緑1.42px / 本文14px lh1.5） */
  .w-case {
    padding: 40px 25px 0;
  }
  img.w-case__icon {
    width: 50px;
    height: 45px;
  }
  .w-case__ttl {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 30px;
  }
  .w-case .w-more {
    margin-top: 30px;
  }
  .w-case .w-cvBtn {
    margin-top: 40px;
    padding-bottom: 50px;
  }
  /* Figma SP: アイコン60x42(+40) / 見出し20px lh30 2行(+90)
     カード 340x352(+180・padding30) / 人物 77x112(right37 top21) / 見出し幅160 */
  .w-voice {
    padding: 40px 25px 0;
  }
  img.w-voice__icon {
    width: 60px;
    height: 42px;
  }
  .w-voice__ttl {
    font-size: 20px;
    line-height: 30px;
    margin-top: 8px;
  }
  .w-voice .w-more {
    margin-top: 40px;
  }
  /* 枠内のCVボタンは290px幅（Figma SP: アイコン左26px・白丸27px） */
  .w-flow__list__box .w-cvBtn {
    flex-wrap: wrap;
  }
  .w-flow__list__box .w-cvBtn__tel {
    padding-left: 26px;
  }
  .w-flow__list__box .w-cvBtn__mail {
    padding: 0 14px 0 26px;
  }
  .w-flow__list__box .w-cvBtn__play,
  .w-flow__list__box .w-cvBtn__play .circle {
    width: 27px;
    height: 27px;
  }
  .w-flow__list__box .w-cvBtn__play .tri {
    width: 9px;
  }
  /* Figma SP: カード 340（padding20・下30）/ 見出し帯 300x46
     図版 仲介272x161(+30) / 買取121x169(+26) / 本文 280px 15px lh21(+30) */
  .w-diff {
    padding: 50px 25px 0;
  }
  .w-diff__ttl {
    font-size: 20px;
    line-height: 30px;
  }
  .w-diff__list {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
  }
  .w-diff__item {
    height: auto;
    padding: 20px 20px 30px;
  }
  .w-diff__item__ttl {
    height: 46px;
    font-size: 20px;
  }
  .w-diff__item__fig--chukai {
    width: 272px;
    margin: 30px auto 0;
  }
  .w-diff__item__fig--chukai img {
    height: 161px;
  }
  .w-diff__item__fig--kaitori {
    display: block;
    width: 121px;
    height: 169px;
    margin: 26px auto 0;
    background: url("../img/top/diff_kaitori_sp.webp") no-repeat center / contain;
  }
  .w-diff__item__fig--kaitori .seller,
  .w-diff__item__fig--kaitori .arrows,
  .w-diff__item__fig--kaitori .buyer {
    display: none;
  }
  .w-diff__item__text {
    width: 280px;
    max-width: 100%;
    margin: 30px auto 0;
    font-size: 14px;
    line-height: 21px;
  }
  /* Figma SP: 背景 y9774 h1262 / アイコン50x50(+40) / 見出し20px lh30 2行(+100)
     カード 340（border-top 8px緑・radius 0 0 20 20・padding 40/30）30px間隔
     Q.は中央寄せの独立行（Outfit 30px）/ 設問18px lh26 / 回答16px lh26 */
  .w-topFaq {
    padding: 40px 25px 50px;
  }
  img.w-topFaq__icon {
    width: 50px;
    height: 50px;
  }
  .w-topFaq__ttl {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }
  .w-topFaq__list {
    margin-top: 30px;
    gap: 30px;
  }
  .w-topFaq__item {
    padding: 40px 30px;
    border-left: none;
    border-top: 8px solid var(--w-green);
    border-radius: 0 0 20px 20px;
  }
  .w-topFaq__item .q {
    display: block;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 10px;
  }
  .w-topFaq__item .q span {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  .w-topFaq__item .a {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
  }
  .w-topFaq .w-more {
    margin-top: 30px;
  }
  /* Figma SP: アイコン59x48 / 見出し20px(+58) / リード16px(+108) / リスト(+164)
     ステップ見出し20px lh27（枠まで15px）/ 枠 padding 30/25 / 本文16px lh24
     ワンストップ: ラベル290x40 16px / dt 中央18px lh35(43高) / dd 16px lh1.5
     0円プラン: リボン244x48 20px / 図解は2段（円122.28）/ 強調20px 3行 */
  .w-flow {
    padding: 40px 25px 50px;
  }
  img.w-flow__icon {
    width: 59px;
    height: 48px;
    margin-bottom: 10px;
  }
  .w-flow__ttl {
    font-size: 20px;
    line-height: 30px;
  }
  .w-flow__lead {
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 30px;
  }
  .w-flow__list__ttl {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px;
  }
  .w-flow__list li:not(:last-child)::after {
    margin-top: 11px;
  }
  .w-flow__list__box {
    /* 枠線2pxを含めて内寸290pxにする */
    padding: 30px 23px;
  }
  .w-flow__list__box p {
    font-size: 16px;
    line-height: 24px;
  }
  .w-flow__list__ttl--pink {
    width: 244px;
    height: 48px;
    padding: 12px 0 0 24px;
    font-size: 20px;
  }
  p.w-flow__list__box__label {
    height: 40px;
    font-size: 16px;
    margin-bottom: 14px;
  }
  p.w-flow__list__box__emphasis {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 14px;
  }
  .w-flow__zero {
    padding: 20px 0;
  }
  .w-flow__zero__figure {
    flex-wrap: wrap;
    row-gap: 0;
    width: 100%;
    font-size: min(17.79px, calc((100vw - 101px) / 16.3));
  }
  /* 3つ目の円が中央に来るように「＝」の分だけ右に余白を足す */
  .w-flow__zero__circle:last-of-type {
    margin-right: 1.865em;
  }
  .w-flow__list__box__dl dt {
    width: 100%;
    height: 43px;
    padding: 4px 0;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
  }
  .w-flow__list__box__dl dd {
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
  }
  .w-news {
    padding: 50px 16px;
  }
  .w-news__ttl {
    font-size: 26px;
  }
  .w-news__block {
    padding: 20px 16px;
  }
  .w-news__row {
    flex-wrap: wrap;
  }
  .w-news__date {
    width: auto;
    margin-right: 10px;
    font-size: 14px;
  }
  .w-news__tag {
    height: 24px;
    min-width: 0;
    padding: 0 10px;
    margin-right: 0;
    font-size: 12px;
  }
  .w-news__text {
    flex: 1 1 100%;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.6;
    white-space: normal;
  }
  .w-news__arrow {
    display: none;
  }
  .w-news__block + .w-news__block {
    margin-top: 24px;
  }
  .w-news__more {
    margin: 16px 0 0;
    font-size: 15px;
  }
  .w-column {
    padding: 50px 16px 0;
  }
  .w-column__lead {
    font-size: 15px;
    line-height: 1.7;
    margin: 14px 0 24px;
  }
  .w-area {
    padding: 50px 16px 0;
  }
  .w-area__lead {
    font-size: 18px;
    margin: 20px 0 20px;
  }
  .w-area__list {
    width: auto;
    padding: 16px;
    font-size: 14px;
    line-height: 2;
  }
  .w-area .w-cvBtn {
    margin-top: 30px;
    padding-bottom: 50px;
  }
}

/* タブレット域（681〜1200px）: Figma実寸の固定値だと収まらない箇所を縮小する */
@media all and (max-width: 1239px) {
  .w-column__nav {
    display: none;
  }
}

@media all and (min-width: 681px) and (max-width: 1200px) {
  .w-achievement__item__price {
    font-size: 13px;
    gap: 2px;
  }
  .w-achievement__item__price b {
    font-size: 22px;
  }
  .w-achievement__item__price .pink b,
  .w-achievement__item__price .pink b.lg {
    font-size: 25px;
  }
  .w-achievement__item__price .amount,
  .w-achievement__item__price .pink .amount {
    font-size: 13px;
  }
  img.w-achievement__item__up {
    width: 30px;
  }
  .w-achievement__item__body {
    padding: 16px;
  }
  .w-achievement__item__detail,
  .w-achievement__item__comment p,
  .w-achievement__item__comment .badge {
    font-size: 14px;
    line-height: 22px;
  }
  .w-flow__list__box {
    padding: 32px 24px;
  }
  .w-flow__list__box__dl dt {
    width: 200px;
    font-size: 20px;
  }
}

/* 狭いタブレット域（681〜900px）: 3カラムのままだと収まらないので折り返す */
@media all and (min-width: 681px) and (max-width: 900px) {
  .w-achievement__list {
    grid-template-columns: 1fr 1fr;
  }
}

/* SP 残りのセクション（Figma SP 390px 実寸）
***************************************************************/
@media all and (max-width: 680px) {
  /* merit — Figma: 見出し2行(+0/+14) / 項目は1列 246高・40間隔(+134) / バッジ 390x154 */
  .w-merit {
    padding: 50px 25px 0;
  }
  .w-merit__ttl {
    font-size: 20px;
    line-height: 27px;
  }
  .w-merit__num {
    font-size: 70px;
    line-height: 100px;
    vertical-align: -20px;
    margin: 0 4px;
  }
  .w-merit__row:first-of-type {
    margin-top: 20px;
  }
  .w-merit__item__body .num {
    height: 48px;
  }
  .w-merit__badges {
    width: 100vw;
    max-width: none;
    margin: 40px -25px 0;
  }

  /* achievement — Figma: アイコン56x49(+0) / 見出し20px(+58) / カード340 1列 gap20(+114) */
  .w-achievement {
    padding: 40px 0 0;
  }
  .w-achievement__inner {
    padding: 0 25px;
  }
  img.w-achievement__icon {
    width: 56px;
    height: 49px;
  }
  .w-achievement__ttl {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 30px;
  }
  .w-achievement__list {
    gap: 20px;
  }
  /* Figma SP: 写真340x200 / 本文 padding20（内容300）/ 金額 ラベル14px・数字28px（当社33px） */
  img.w-achievement__item__photo {
    height: 200px;
  }
  .w-achievement__item__body {
    padding: 20px;
  }
  .w-achievement__item__price {
    gap: 2px;
    font-size: 14px;
  }
  .w-achievement__item__price .amount {
    font-size: 15px;
  }
  .w-achievement__item__price b {
    font-size: 28px;
  }
  .w-achievement__item__price .pink .amount {
    font-size: 17px;
  }
  .w-achievement__item__price .pink b,
  .w-achievement__item__price .pink b.lg {
    font-size: 33px;
  }
  img.w-achievement__item__up {
    width: 48px;
  }

  /* final — Figma: アイコン54x59(+40) / 見出し20px 2行(+109) / リード16px(+189)
     支店カード 340x210 1列 gap30(+245) / ラベルは右下 30高 14px */
  .w-final {
    padding: 40px 25px 50px;
  }
  img.w-final__icon {
    width: 54px;
    height: 59px;
  }
  .w-final__ttl {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }
  .w-final__lead {
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 30px;
  }
  .w-final .w-more {
    margin-top: 40px;
  }

  /* column — Figma: 見出し20px 2行(+0) / リード15px lh26(+80) / カード340x268(+237)
     左右の丸矢印 53x53(+324) / ボタン(+545) */
  .w-column {
    padding: 50px 25px 60px;
  }
  .w-column__ttl {
    font-size: 20px;
    line-height: 30px;
  }
  .w-column__lead {
    font-size: 15px;
    line-height: 26px;
    margin: 20px 0 27px;
  }
  .w-column__nav {
    display: flex;
    top: 87px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
  }
  .w-column__nav--prev {
    left: 38px;
  }
  .w-column__nav--next {
    right: -15px;
  }
  .w-column .w-more {
    margin-top: 40px;
  }

  /* news — Figma: 見出し(+50) / 枠 340x375 padding 30/20(+95・+550)
     行: 日付16px+タグ80x30 / 見出し15px lh20 / 区切り線 / 行間20 / 一覧リンク中央 */
  .w-news {
    padding: 50px 25px;
  }
  .w-news__ttl {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .w-news__block {
    padding: 30px 20px 20px;
  }
  .w-news__list li + li {
    margin-top: 20px;
    padding-top: 0;
    border-top: none;
  }
  .w-news__row {
    display: block;
  }
  .w-news__date {
    display: inline-block;
    width: 99px;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.1em;
    vertical-align: middle;
  }
  .w-news__tag {
    height: 30px;
    min-width: 80px;
    padding: 0 14px;
    margin: 0;
    font-size: 14px;
    vertical-align: middle;
  }
  .w-news__text {
    display: block;
    margin-top: 7px;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
  }
  .w-news__list li {
    padding-bottom: 17px;
    border-bottom: 1px solid #000;
  }
  .w-news__list li:last-child {
    padding-bottom: 10px;
    border-bottom: none;
  }
  .w-news__block + .w-news__block {
    margin-top: 30px;
  }
  .w-news__more {
    justify-content: center;
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 30px;
  }

  /* area — Figma: 見出し20px(+50) / リード20px 2行(+100) / 枠 340x328(+182) / CV(+570) */
  .w-area {
    padding: 50px 25px 0;
  }
  .w-area__ttl {
    font-size: 20px;
    line-height: 30px;
  }
  .w-area__lead {
    font-size: 20px;
    line-height: 26px;
    margin: 20px 0 32px;
  }
  .w-area__list {
    width: auto;
    padding: 25px;
    border-radius: 20px;
    font-size: 15px;
    line-height: 26px;
  }
  .w-area .w-cvBtn {
    margin-top: 40px;
    padding-bottom: 80px;
  }
}