@charset "UTF-8";

/* =====================
  MV
===================== */
.mv {
  background-image: url("../../img/policy/mv_2x.png");
}

/* =====================
  プラポリ
===================== */
.article[data-id='1'] {
  padding-top: calc((100 / 750) * 106 * 1vw);
  padding-bottom: calc((100 / 750) * 103 * 1vw);
}

.policy-wrap .policy-unit+.policy-unit {
  margin-top: calc((100 / 750) * 81 * 1vw);
}

.policy-wrap .policy-unit:nth-of-type(2) {
  margin-top: calc((100 / 750) * 83 * 1vw);
}

.policy-wrap .policy-unit h2 {
  font-size: calc((100 / 750) * 34 * 1vw);
  font-weight: bold;
  line-height: 1;
  padding-bottom: calc((100 / 750) * 34 * 1vw);
  position: relative;
}

.policy-wrap .policy-unit h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #0D3C68 0%, #0D3C68 calc((100 / 750) * 200 * 1vw), #dedede calc((100 / 750) * 200 * 1vw), #dedede 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}

.policy-wrap .policy-unit>p {
  margin-top: calc((100 / 750) * 41 * 1vw);
}

.policy-wrap .policy-unit h3 {
  font-size: calc((100 / 750) * 30 * 1vw);
  font-weight: bold;
  line-height: 1;
  color: #0d3c68;
}

.policy-wrap .policy-unit ul>li {
  margin-top: calc((100 / 750) * 64 * 1vw);
}

.policy-wrap .policy-unit ul>li:first-child {
  margin-top: calc((100 / 750) * 72 * 1vw);
}

.policy-wrap .policy-unit ul .policy-table {
  margin-top: calc((100 / 750) * 64 * 1vw);
}

.policy-wrap .policy-unit ul .policy-table h4 {
  font-size: calc((100 / 750) * 30 * 1vw);
  font-weight: bold;
  line-height: 1;
  color: #0d3c68;
}

.policy-wrap .policy-unit ul .policy-table table {
  width: 100%;
  line-height: 1.69;
  margin-top: calc((100 / 750) * 30 * 1vw);
}

.policy-wrap .policy-unit ul .policy-table table th,
.policy-wrap .policy-unit ul .policy-table table td {
  border: solid 1px #dedede;
  padding-block: calc((100 / 750) * 19 * 1vw);
  padding-inline: calc((100 / 750) * 37 * 1vw);
}

.policy-wrap .policy-unit ul .policy-table table th {
  width: calc((100 / 750) * 180 * 1vw);
  text-align: center;
}

.policy-wrap .policy-unit ul>li>p {
  margin-top: calc((100 / 750) * 32 * 1vw);
}