@charset "UTF-8";

/* ===== SECTION__LAYOUT ===== */
.section__layout {
  .section__intro {
    padding: 0px 40px;

    .section__heading {
      h2 {
        margin: 0 0 40px;
        line-height: 1.2;
        text-align: center;
        font-size: var(--text-h3-pc);
        color: var(--color-secondary);
      }
    }
    .section__body {
      background-color: #fff;
      border-radius: 24px;
      padding: 90px;
      color: #1a1a1a;

      .section__lead {
        margin: 0 0 40px;
        padding: 0 30px;
        line-height: 2.25;
        letter-spacing: 1.8px;
        font-weight: 600;
        font-size: var(--text-xl-pc);
        background-color: rgb(109 132 146 / 5%);
      }

      .section__text {
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: 1.2px;
        margin: 0 0 48px;
      }

      .section__block-grid {
        display: grid;
        gap: 48px;

        .section__block {
          h4 {
            margin: 0;
            padding: 0 0 10px;
            line-height: 1.2;
            letter-spacing: 1.7px;
            font-size: var(--text-m-pc);
            border-bottom: 1px solid #c4cace;
          }

          p {
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: 1.2px;
            margin: 14px 0 0;
          }

          .list--num,
          .list--disc {
            margin: 10px 0;
            padding-left: 1.5em;
            line-height: 2;
            font-size: 16px;
          }
          .fine {
            p {
              letter-spacing: 1px;
              text-align: right;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 790px) {
  .section__layout {
    .section__intro {
      padding: 0;

      .section__heading {
        h2 {
          margin: 0 0 30px;
          font-size: var(--text-h3-sp);
        }
      }
      .section__body {
        padding: 30px 10px;

        .section__lead {
          margin: 0 0 28px;
          padding: 0 10px;
          line-height: 1.5;
          letter-spacing: 1.9px;
          font-size: var(--text-l-sp);
        }

        .section__text {
          letter-spacing: 1px;
          font-size: var(--text-m-sp);
          margin: 0 0 24px;
        }

        .section__block-grid {
          gap: 24px;

          .section__block {
            line-height: 1.6;
            letter-spacing: 0.8px;

            h4 {
              padding: 0 0 13px;
              font-size: var(--text-m-sp);
            }

            p {
              letter-spacing: 1px;
              font-size: var(--text-m-sp);
            }

            .list--num,
            .list--disc {
              line-height: 1.8;
              letter-spacing: 0;
              font-size: var(--text-m-sp);
            }

            .fine {
              p {
              }
            }
          }
        }
      }
    }
  }
}

/* ===== POLICY ===== */
.policy {
  margin: 180px 0;

  @media (max-width: 790px) {
    margin: 70px 0;
  }
}