@charset "utf-8";

/*MV*/

#policy {
  padding-bottom: calc(86 / 1366 * 100vw);
  .mv {
    margin-bottom: calc(115 / 1366 * 100vw);
  }

  .block_policy {
    width: calc(994 / 1366 * 100vw);
    margin: 0 auto;
    padding-left: 14.9%;
  }
  .data_policy {
    display: flex;
    flex-flow: column;
    gap: calc(58 / 1366 * 100vw) 0;
  }
  .data_policy .data {
    display: flex;
    flex-flow: column;
    gap: calc(14 / 1366 * 100vw) 0;
  }
  .data_policy dt {
    display: flex;
    align-items: center;
    font-size: calc(33 / 1366 * 100vw);
    line-height: calc(60 / 33);
    text-align: left;
    color: #000;
    font-family: "Noto Sans JP";
    font-weight: bold;
  }
  .data_policy dt .en {
    width: calc(118.1 / 1366 * 100vw);
    display: flex;
    align-items: center;
    align-self: flex-end;
    gap: 0 calc(7 / 1366 * 100vw);
    font-weight: 900;
    font-size: calc(44 / 1366 * 100vw);
    line-height: 1;
  }
  .data_policy .size_s {
    font-size: calc(14 / 1366 * 100vw);
    line-height: calc(13 / 14);
    letter-spacing: 0.01em;
    margin-top: calc(5 / 1366 * 100vw);
  }
  .data_policy .dec01 {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    padding-left: calc(84 / 1366 * 100vw);
  }
  .data_policy .dec01::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(22.5 / 1366 * 100vw);
    background-color: #000;
    transform: translateY(-50%) rotate(-45deg);
    width: calc(48 / 1366 * 100vw);
    height: 1px;
  }
  .data_policy dd {
    padding-left: calc(204 / 1366 * 100vw);
    font-size: calc(14 / 1366 * 100vw);
    letter-spacing: 0.05em;
    line-height: 2;
  }
  .data_policy dd .tel {
    border-bottom: 1px solid #707070;
    padding-bottom: calc(9.5 / 1366 * 100vw);
    margin-bottom: calc(9.5 / 1366 * 100vw);
    line-height: 1;
    .en {
      font-weight: 900;
      font-size: calc(28 / 1366 * 100vw);
      margin-right: calc(14 / 1366 * 100vw);

      .size_m {
        font-size: calc(21 / 1366 * 100vw);
      }
    }
  }

  @media screen and (max-width: 768px) {
    padding-bottom: calc(86 / 375 * 100vw);
    .mv {
      margin-bottom: calc(115 / 1366 * 100vw);
    }

    .block_policy {
      width: 84%;
      padding-left: 0;
    }
    .data_policy {
      gap: calc(30 / 375 * 100vw) 0;
    }
    .data_policy .data {
      display: flex;
      flex-flow: column;
      gap: calc(12 / 375 * 100vw) 0;
    }
    .data_policy dt {
      font-size: calc(24 / 375 * 100vw);
      line-height: calc(38 / 24);
      align-items: flex-end;
    }
    .data_policy dt .en {
      width: calc(44 / 375 * 100vw);
      flex-flow: column;
      align-items: center;
      gap: calc(7 / 375 * 100vw) 0;

      font-size: calc(35 / 375 * 100vw);
    }

    .data_policy dt .en.adjust_sp {
      margin-bottom: calc(38 / 375 * 100vw);
    }

    .data_policy .size_s {
      font-size: calc(10 / 375 * 100vw);
      line-height: calc(13 / 10);
      margin-top: calc(-4 / 375 * 100vw);
    }
    .data_policy .dec01 {
      width: calc(270 / 375 * 100vw);
      padding-left: calc(45 / 375 * 100vw);
    }
    .data_policy .dec01::before {
      width: calc(34 / 375 * 100vw);
      left: calc(5.5 / 375 * 100vw);
      transform: translateY(0) rotate(-45deg);
      top: calc(20 / 375 * 100vw);
    }
    .data_policy dd {
      padding-left: calc(89 / 375 * 100vw);
      font-size: calc(14 / 375 * 100vw);
    }
    .data_policy dd .tel {
      border-bottom: 1px solid #707070;
      padding-bottom: calc(13.5 / 375 * 100vw);
      margin-bottom: calc(9.5 / 375 * 100vw);
      line-height: 1.4;
      .en {
        font-size: calc(24 / 375 * 100vw);
        margin-right: 0;

        .size_m {
          font-size: calc(18 / 375 * 100vw);
        }
      }
    }
  }
}