/* ==================================================
   借金問題を放置した場合のリスク
================================================== */
.debt_risk {
  --risk-u: min(0.15625vw, 1.21875px);
  background: #159447;
  font-family: "Noto Sans JP", sans-serif;
  overflow: visible;
  padding: 0;
  position: relative;
  z-index: 2;
}

.debt_risk::before {
  background: #f7f7f7;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  height: calc(50 * var(--risk-u));
  left: calc(-1 * var(--risk-u));
  position: absolute;
  top: calc(-2 * var(--risk-u));
  width: calc(100% + calc(2 * var(--risk-u)));
  z-index: 2;
}

.debt_risk,
.debt_risk * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.debt_risk_inner {
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 1;
}

.debt_risk_alert {
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 calc(2 * var(--risk-u)), transparent calc(2 * var(--risk-u)) calc(16 * var(--risk-u))),
    linear-gradient(180deg, #29353f 0%, #17232c 100%);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - calc(34 * var(--risk-u))), 50% 100%, 0 calc(100% - calc(34 * var(--risk-u))));
  margin: 0;
  padding: calc(88 * var(--risk-u)) calc(42 * var(--risk-u)) calc(72 * var(--risk-u));
  position: relative;
}

.debt_risk_kicker {
  background-color: #ef6b2e;
  border-radius: calc(999 * var(--risk-u));
  color: #fff;
  display: table;
  font-size: calc(29 * var(--risk-u));
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto calc(16 * var(--risk-u));
  padding: calc(8 * var(--risk-u)) calc(25 * var(--risk-u));
}

.debt_risk_title {
  color: #fff;
  font-size: calc(38 * var(--risk-u));
  font-weight: 700;
  line-height: 1.48;
  margin: 0 0 calc(28 * var(--risk-u));
  text-align: center;
}

.debt_risk_title span {
  background: none;
  color: #fff33f;
  white-space: nowrap;
}

.debt_risk_points {
  display: grid;
  gap: calc(18 * var(--risk-u));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}

.debt_risk_points li {
  background-color: rgba(255, 255, 255, 0.045);
  border: calc(1.5 * var(--risk-u)) solid rgba(255, 255, 255, 0.28);
  border-radius: calc(12 * var(--risk-u));
  box-shadow: 0 calc(5 * var(--risk-u)) calc(14 * var(--risk-u)) rgba(0, 0, 0, 0.12);
  list-style: none;
  overflow: hidden;
  padding: 0 0 calc(18 * var(--risk-u));
  text-align: center;
}

.debt_risk_image {
  background-image: url("../images/trouble/debt_risk_sprite_v2.png?v=20260817c");
  background-repeat: no-repeat;
  background-size: 318% auto;
  display: block;
  filter: brightness(0.94) saturate(0.9) contrast(1.02);
  height: calc(118 * var(--risk-u));
  margin-bottom: calc(12 * var(--risk-u));
  overflow: hidden;
  width: 100%;
}

.debt_risk_image_01 { background-position: 2% 2%; }
.debt_risk_image_02 {
  background-image: url("../images/trouble/debt_risk_credit_info_ng.png?v=20260817a");
  background-position: center 48%;
  background-size: cover;
}
.debt_risk_image_03 {
  background-image: url("../images/trouble/debt_risk_card_loan_ng.png?v=20260817a");
  background-position: center 48%;
  background-size: cover;
}
.debt_risk_image_04 { background-position: 2% 98%; }
.debt_risk_image_05 {
  background-image: url("../images/trouble/debt_risk_family_argument.png?v=20260817d");
  background-position: center 45%;
  background-size: cover;
}
.debt_risk_image_06 {
  background-image: url("../images/trouble/debt_risk_house_seizure.png?v=20260817e");
  background-position: center 44%;
  background-size: cover;
}

.debt_risk_points strong {
  color: #f5f7f8;
  display: block;
  font-size: calc(26 * var(--risk-u));
  font-weight: 700;
  line-height: 1.5;
  padding: 0 calc(8 * var(--risk-u));
}

.debt_risk_points em {
  color: #fff33f;
  font-style: normal;
  font-weight: 700;
}

.debt_risk_emphasis {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: calc(30 * var(--risk-u));
}

.debt_risk_lead .debt_risk_emphasis {
  background: #159447;
  margin-top: 0;
  padding: calc(22 * var(--risk-u)) calc(18 * var(--risk-u)) calc(18 * var(--risk-u));
}

.debt_risk_arrows {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: calc(46 * var(--risk-u));
}

.debt_risk_lead .debt_risk_arrows {
  height: calc(44 * var(--risk-u));
}

.debt_risk_lead .debt_risk_arrows i {
  border-width: 0 calc(6 * var(--risk-u)) calc(6 * var(--risk-u)) 0;
  height: calc(23 * var(--risk-u));
  margin-top: calc(-6 * var(--risk-u));
  width: calc(23 * var(--risk-u));
}

.debt_risk_arrows i {
  border-bottom: calc(5 * var(--risk-u)) solid #fff33f;
  border-right: calc(5 * var(--risk-u)) solid #fff33f;
  display: block;
  height: calc(18 * var(--risk-u));
  margin-top: calc(-5 * var(--risk-u));
  transform: rotate(45deg);
  width: calc(18 * var(--risk-u));
}

.debt_risk_emphasis p {
  color: #fff;
  font-size: calc(36 * var(--risk-u));
  font-weight: 700;
  line-height: 1.45;
  margin: 0;
  text-align: center;
}

.debt_risk_emphasis_copy {
  display: block;
  margin: 0 auto;
  max-width: calc(590 * var(--risk-u));
  padding: calc(8 * var(--risk-u)) calc(6 * var(--risk-u)) calc(10 * var(--risk-u));
  width: 100%;
}

.debt_risk_emphasis small {
  background: #fff;
  color: #159447;
  display: table;
  font-size: calc(32 * var(--risk-u));
  font-weight: 800;
  letter-spacing: calc(2 * var(--risk-u));
  margin: 0 auto calc(4 * var(--risk-u));
  padding: calc(7 * var(--risk-u)) calc(30 * var(--risk-u)) calc(9 * var(--risk-u));
}

.debt_risk_emphasis b {
  color: #fff33f;
  font-size: calc(42 * var(--risk-u));
  font-weight: 600;
}

.debt_risk_lead {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
  overflow: hidden;
  padding-bottom: calc(32 * var(--risk-u));
  position: relative;
}

.debt_risk_lead_heading {
  background: #159447;
  color: #fff;
  font-size: calc(35 * var(--risk-u));
  font-weight: 700;
  line-height: 1.48;
  margin: 0;
  overflow: hidden;
  padding: calc(10 * var(--risk-u)) calc(82 * var(--risk-u)) calc(25 * var(--risk-u));
  position: relative;
  text-align: center;
}

.debt_risk_lead_heading::before,
.debt_risk_lead_heading::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(172 * var(--risk-u));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(86 * var(--risk-u));
  z-index: 0;
}

.debt_risk_lead_heading::before {
  background-image: url("../images/trouble/debt_heading_laurel_left.png");
  left: calc(10 * var(--risk-u));
}

.debt_risk_lead_heading::after {
  background-image: url("../images/trouble/debt_heading_laurel_right.png");
  right: calc(10 * var(--risk-u));
}

.debt_risk_lead_heading > span {
  color: #fff;
  display: block;
  position: relative;
  z-index: 1;
}

.debt_risk_lead_band {
  background-color: transparent;
  border-radius: 0;
  color: #fff33f !important;
  display: block !important;
  font-size: calc(32 * var(--risk-u));
  margin: calc(5 * var(--risk-u)) auto calc(4 * var(--risk-u));
  padding: 0;
  white-space: nowrap;
}

.debt_risk_lead_keyword {
  color: #fff33f !important;
  font-size: calc(41 * var(--risk-u));
  font-weight: 600;
}

.debt_risk_lead_keyword small {
  color: #fff;
  font-size: calc(24 * var(--risk-u));
  margin-left: calc(4 * var(--risk-u));
}

.debt_risk_lead_visual {
  background-color: #f4f8ef;
  height: calc(315 * var(--risk-u));
  margin: 0;
  overflow: hidden;
}

.debt_risk_lead_visual img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.debt_risk_lead_label {
  background-color: #ef6b2e;
  border-radius: calc(999 * var(--risk-u));
  color: #fff;
  display: table;
  font-size: calc(27 * var(--risk-u));
  font-weight: 700;
  line-height: 1.3;
  margin: calc(-19 * var(--risk-u)) auto calc(20 * var(--risk-u));
  padding: calc(9 * var(--risk-u)) calc(22 * var(--risk-u));
  position: relative;
}

.debt_risk_lead_text {
  color: #304a5a;
  font-size: calc(38 * var(--risk-u));
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.debt_risk_lead_text span {
  display: block;
}

.debt_risk_lead_text b,
.debt_risk_lead_text em {
  color: #ef6b2e;
  font-style: normal;
  font-weight: 700;
}

.debt_risk_badges {
  background-color: #fffdf2;
  border-bottom: 0;
  border-radius: calc(18 * var(--risk-u));
  border-top: 0;
  box-shadow: none;
  display: grid;
  gap: calc(8 * var(--risk-u));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: calc(16 * var(--risk-u)) calc(12 * var(--risk-u)) 0;
  padding: calc(18 * var(--risk-u)) calc(12 * var(--risk-u));
}

.debt_risk_badges li {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #e65f24;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.25;
  list-style: none;
  min-height: calc(106 * var(--risk-u));
  padding: calc(12 * var(--risk-u)) calc(11 * var(--risk-u));
  position: relative;
  text-align: center;
}

.debt_risk_badges li:last-child {
  border-right: 0;
}

.debt_risk_badges li::before,
.debt_risk_badges li::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: calc(68 * var(--risk-u));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(28 * var(--risk-u));
}

.debt_risk_badges li::before {
  background-image: url("../images/trouble/laurel_left.png");
  left: calc(3 * var(--risk-u));
}

.debt_risk_badges li::after {
  background-image: url("../images/trouble/laurel_right.png");
  right: calc(3 * var(--risk-u));
}

.debt_risk_badges li span {
  color: #df692f;
  font-size: calc(22 * var(--risk-u));
  font-weight: 600;
  white-space: nowrap;
}

.debt_risk_badges li strong {
  color: #ed5f22;
  display: block;
  font-size: calc(28 * var(--risk-u));
  font-weight: 700;
  margin-top: calc(4 * var(--risk-u));
  white-space: nowrap;
}

.debt_risk_badges .debt_risk_badge_single strong {
  font-size: calc(34 * var(--risk-u));
  margin-top: 0;
}

.debt_risk_support {
  background-color: transparent;
  border-left: 0;
  color: #30454f;
  font-size: calc(28 * var(--risk-u));
  font-weight: 500;
  line-height: 1.75;
  margin: calc(28 * var(--risk-u)) calc(28 * var(--risk-u)) 0;
  padding: 0;
}

.debt_risk_support em {
  background: linear-gradient(transparent 58%, #fff45c 58%, #fff45c 94%, transparent 94%);
  box-decoration-break: clone;
  color: #e05220;
  font-style: normal;
  font-weight: 700;
  padding: 0 calc(2 * var(--risk-u));
  -webkit-box-decoration-break: clone;
}

@media screen and (min-width: 769px) {
  .debt_risk {
    --risk-u: 1.1px;
    margin: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  .debt_risk_title {
    font-size: calc(35 * var(--risk-u));
  }

  .debt_risk_points strong {
    font-size: calc(24 * var(--risk-u));
  }

  .debt_risk_badges {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}