@charset "UTF-8";
.sec-risk {
  position: relative;
  padding: 94.992px 0 116px;
  background-color: #F8F8F8;
  background-image: url("../../assets/img/risk/bg-pattern.webp");
  background-repeat: repeat;
  background-position: 0 -2.5px;
  background-size: 10px 10px;
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  text-autospace: no-autospace;
  line-break: strict;
}
.risk-head {
  padding-inline: 24px;
  text-align: center;
}
.risk-title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--c-text);
}
.risk-title-s { font-size: 40px; }
.risk-title-nb { white-space: nowrap; }
.risk-br-sp { display: none; }
.risk-br-pc { display: inline; }
.risk-lead {
  margin-top: 32.333px;
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--c-text);
}
.risk-list {
  margin-top: 78.878px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}
.risk-list .risk-item:nth-child(4) { margin-left: -1px; }
.risk-item {
  position: relative;
  width: 280px;
  height: 109px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
}
.risk-icon {
  display: block;
  position: absolute;
  top: 36px;
  width: 35.4983px;
  height: 35.0304px;
}
.risk-icon img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.risk-item:nth-child(1) .risk-icon { left: 22.117px; }
.risk-item:nth-child(2) .risk-icon { left: 31.117px; }
.risk-item:nth-child(3) .risk-icon { left: 40.117px; }
.risk-item:nth-child(4) .risk-icon { left: 28.117px; }
.risk-label {
  position: absolute;
  top: 41.785px;
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  color: var(--c-text);
  white-space: nowrap;
}
.risk-item:nth-child(1) .risk-label { left: 77.617px; }
.risk-item:nth-child(2) .risk-label { left: 98.996px; }
.risk-item:nth-child(3) .risk-label { left: 99.980px; }
.risk-item:nth-child(4) .risk-label { left: 86.320px; }
@media (max-width: 767px) {
  .sec-risk {
    padding: 72.141px 0 79.617px;
    background-position: 3px 0.5px;
  }
  .risk-title { font-size: min(29px, calc((100vw - 16px) / 11.069)); }
  .risk-title-s { font-size: 0.724138em; }
  .risk-br-sp { display: inline; }
  .risk-head { padding-inline: 0; }
  .risk-lead {
    margin-top: 41.742px;
    width: min(342px, calc(100% - 48px));
    margin-inline: auto;
    font-size: 16px;
    text-align: left;
  }
  .risk-br-pc { display: none; }
  .risk-list {
    margin-top: 27.336px;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 88px 88px;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 22.582px;
    row-gap: 26.383px;
    width: min(342.582px, calc(100% - 32px));
    margin-inline: auto;
  }
  .risk-item {
    width: auto;
    height: auto;
  }
  .risk-list .risk-item:nth-child(4) { margin-left: 0; }
  .risk-icon {
    width: 25.8733px;
    height: 25.5311px;
    left: 50%;
  }
  .risk-item:nth-child(1) .risk-icon { top: 12.469px; left: 50%; margin-left: -9.684px; }
  .risk-item:nth-child(2) .risk-icon { top: 14.086px; left: 50%; margin-left: -9.684px; }
  .risk-item:nth-child(3) .risk-icon { top: 12.469px; left: 50%; margin-left: -9.187px; }
  .risk-item:nth-child(4) .risk-icon { top: 14.086px; left: 50%; margin-left: -9.187px; }
  .risk-label {
    font-size: 16px;
    text-align: center;
    white-space: normal;
  }
  .risk-item:nth-child(1) .risk-label { top: 50.920px; left: 0; right: 0; }
  .risk-item:nth-child(2) .risk-label { top: 52.537px; left: 0; right: 0; }
  .risk-item:nth-child(3) .risk-label { top: 50.920px; left: 0; right: 0; }
  .risk-item:nth-child(4) .risk-label { top: 52.537px; left: 0; right: 0; }
}
.risk-lead { text-wrap: pretty; }