@charset "UTF-8";
@charset "UTF-8";

/* ====================================
   フォントサイズ
==================================== */
/* ====================================
   フォントサイズ
==================================== */
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }
.fs-32 { font-size: 32px !important; }
.fs-36 { font-size: 36px !important; }
.fs-40 { font-size: 40px !important; }
.fs-48 { font-size: 48px !important; }
.fs-56 { font-size: 56px !important; }
.fs-64 { font-size: 64px !important; }

/* ------------------------------
   Mobile-only utility classes (prefix: sp_)
   These classes are active only on devices with width <= 768px.
   Use the same naming style as existing utilities but prefixed with `sp_`.
   ------------------------------ */
@media (max-width: 768px) {
  /* Display helpers */
  .sp_d-none { display: none !important; }
  .sp_d-block { display: block !important; }
  .sp_d-inline { display: inline !important; }
  .sp_d-inline-block { display: inline-block !important; }
  .sp_d-flex { display: flex !important; }
  .sp_d-inline-flex { display: inline-flex !important; }

  /* Text align */
  .sp_text-left { text-align: left !important; }
  .sp_text-center { text-align: center !important; }
  .sp_text-right { text-align: right !important; }

  /* Font sizes (mobile tuned) */
  .sp_fs-12 { font-size: 12px !important; }
  .sp_fs-14 { font-size: 14px !important; }
  .sp_fs-16 { font-size: 16px !important; }
  .sp_fs-18 { font-size: 18px !important; }

  /* Width / Height */
  .sp_w-100 { width: 100% !important; }
  .sp_h-auto { height: auto !important; }

  /* Spacing - margin top/bottom */
  .sp_mt-5 { margin-top: 5px !important; }
  .sp_mt-10 { margin-top: 10px !important; }
  .sp_mt-15 { margin-top: 15px !important; }
  .sp_mt-20 { margin-top: 20px !important; }

  .sp_mb-5 { margin-bottom: 5px !important; }
  .sp_mb-10 { margin-bottom: 10px !important; }
  .sp_mb-15 { margin-bottom: 15px !important; }
  .sp_mb-20 { margin-bottom: 20px !important; }

  /* Padding - horizontal / vertical */
  .sp_px-10 { padding-left: 10px !important; padding-right: 10px !important; }
  .sp_px-15 { padding-left: 15px !important; padding-right: 15px !important; }
  .sp_py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
  .sp_py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }

  /* Overflow / object fit helpers */
  .sp_overflow-hidden { overflow: hidden !important; }
  .sp_object-cover { object-fit: cover !important; }

  /* Utility: center block / margin auto */
  .sp_mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .sp_my-auto { margin-top: auto !important; margin-bottom: auto !important; }
}

/* ------------------------------
    PC-only utility classes (prefix: pc_)
    Active on devices with width >= 769px
    Mirrors common utilities but scoped to PC breakpoint
    ------------------------------ */
@media (min-width: 769px) {
   /* Display helpers */
   .pc_d-none { display: none !important; }
   .pc_d-block { display: block !important; }
   .pc_d-inline { display: inline !important; }
   .pc_d-inline-block { display: inline-block !important; }
   .pc_d-flex { display: flex !important; }
   .pc_d-inline-flex { display: inline-flex !important; }

   /* Text align */
   .pc_text-left { text-align: left !important; }
   .pc_text-center { text-align: center !important; }
   .pc_text-right { text-align: right !important; }
   .pc_text-justify { text-align: justify !important; }

   /* Font weights */
   .pc_fw-100 { font-weight: 100 !important; }
   .pc_fw-200 { font-weight: 200 !important; }
   .pc_fw-300 { font-weight: 300 !important; }
   .pc_fw-400 { font-weight: 400 !important; }
   .pc_fw-500 { font-weight: 500 !important; }
   .pc_fw-600 { font-weight: 600 !important; }
   .pc_fw-700 { font-weight: 700 !important; }
   .pc_fw-800 { font-weight: 800 !important; }
   .pc_fw-900 { font-weight: 900 !important; }
   .pc_fw-normal { font-weight: normal !important; }
   .pc_fw-bold { font-weight: bold !important; }

   /* Font sizes */
   .pc_fs-12 { font-size: 12px !important; }
   .pc_fs-14 { font-size: 14px !important; }
   .pc_fs-16 { font-size: 16px !important; }
   .pc_fs-18 { font-size: 18px !important; }
   .pc_fs-20 { font-size: 20px !important; }
   .pc_fs-22 { font-size: 22px !important; }
   .pc_fs-24 { font-size: 24px !important; }
   .pc_fs-26 { font-size: 26px !important; }
   .pc_fs-28 { font-size: 28px !important; }
   .pc_fs-30 { font-size: 30px !important; }
   .pc_fs-32 { font-size: 32px !important; }
   .pc_fs-36 { font-size: 36px !important; }
   .pc_fs-40 { font-size: 40px !important; }
   .pc_fs-48 { font-size: 48px !important; }
   .pc_fs-56 { font-size: 56px !important; }
   .pc_fs-64 { font-size: 64px !important; }

   /* Width / Height */
   .pc_w-100 { width: 100% !important; }
   .pc_h-100 { height: 100% !important; }
   .pc_h-auto { height: auto !important; }

   /* Margin top */
   .pc_mt-0 { margin-top: 0px !important; }
   .pc_mt-5 { margin-top: 5px !important; }
   .pc_mt-10 { margin-top: 10px !important; }
   .pc_mt-15 { margin-top: 15px !important; }
   .pc_mt-20 { margin-top: 20px !important; }
   .pc_mt-25 { margin-top: 25px !important; }
   .pc_mt-30 { margin-top: 30px !important; }
   .pc_mt-40 { margin-top: 40px !important; }
   .pc_mt-50 { margin-top: 50px !important; }
   .pc_mt-60 { margin-top: 60px !important; }
   .pc_mt-70 { margin-top: 70px !important; }
   .pc_mt-80 { margin-top: 80px !important; }
   .pc_mt-90 { margin-top: 90px !important; }
   .pc_mt-100 { margin-top: 100px !important; }

   /* Margin bottom */
   .pc_mb-0 { margin-bottom: 0px !important; }
   .pc_mb-5 { margin-bottom: 5px !important; }
   .pc_mb-10 { margin-bottom: 10px !important; }
   .pc_mb-15 { margin-bottom: 15px !important; }
   .pc_mb-20 { margin-bottom: 20px !important; }
   .pc_mb-25 { margin-bottom: 25px !important; }
   .pc_mb-30 { margin-bottom: 30px !important; }
   .pc_mb-40 { margin-bottom: 40px !important; }
   .pc_mb-50 { margin-bottom: 50px !important; }
   .pc_mb-60 { margin-bottom: 60px !important; }
   .pc_mb-70 { margin-bottom: 70px !important; }
   .pc_mb-80 { margin-bottom: 80px !important; }
   .pc_mb-90 { margin-bottom: 90px !important; }
   .pc_mb-100 { margin-bottom: 100px !important; }

   /* Margin left/right/x/y */
   .pc_ml-0 { margin-left: 0px !important; }
   .pc_ml-5 { margin-left: 5px !important; }
   .pc_ml-10 { margin-left: 10px !important; }
   .pc_ml-15 { margin-left: 15px !important; }
   .pc_ml-20 { margin-left: 20px !important; }
   .pc_ml-25 { margin-left: 25px !important; }
   .pc_ml-30 { margin-left: 30px !important; }
   .pc_ml-40 { margin-left: 40px !important; }
   .pc_ml-50 { margin-left: 50px !important; }
   .pc_ml-60 { margin-left: 60px !important; }
   .pc_ml-70 { margin-left: 70px !important; }
   .pc_ml-80 { margin-left: 80px !important; }
   .pc_ml-90 { margin-left: 90px !important; }
   .pc_ml-100 { margin-left: 100px !important; }

   .pc_mr-0 { margin-right: 0px !important; }
   .pc_mr-5 { margin-right: 5px !important; }
   .pc_mr-10 { margin-right: 10px !important; }
   .pc_mr-15 { margin-right: 15px !important; }
   .pc_mr-20 { margin-right: 20px !important; }
   .pc_mr-25 { margin-right: 25px !important; }
   .pc_mr-30 { margin-right: 30px !important; }
   .pc_mr-40 { margin-right: 40px !important; }
   .pc_mr-50 { margin-right: 50px !important; }
   .pc_mr-60 { margin-right: 60px !important; }
   .pc_mr-70 { margin-right: 70px !important; }
   .pc_mr-80 { margin-right: 80px !important; }
   .pc_mr-90 { margin-right: 90px !important; }
   .pc_mr-100 { margin-right: 100px !important; }

   .pc_mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
   .pc_mx-5 { margin-left: 5px !important; margin-right: 5px !important; }
   .pc_mx-10 { margin-left: 10px !important; margin-right: 10px !important; }
   .pc_mx-15 { margin-left: 15px !important; margin-right: 15px !important; }
   .pc_mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
   .pc_mx-25 { margin-left: 25px !important; margin-right: 25px !important; }
   .pc_mx-30 { margin-left: 30px !important; margin-right: 30px !important; }
   .pc_mx-40 { margin-left: 40px !important; margin-right: 40px !important; }
   .pc_mx-50 { margin-left: 50px !important; margin-right: 50px !important; }
   .pc_mx-60 { margin-left: 60px !important; margin-right: 60px !important; }
   .pc_mx-70 { margin-left: 70px !important; margin-right: 70px !important; }
   .pc_mx-80 { margin-left: 80px !important; margin-right: 80px !important; }
   .pc_mx-90 { margin-left: 90px !important; margin-right: 90px !important; }
   .pc_mx-100 { margin-left: 100px !important; margin-right: 100px !important; }

   .pc_my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
   .pc_my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
   .pc_my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
   .pc_my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
   .pc_my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
   .pc_my-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
   .pc_my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
   .pc_my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
   .pc_my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
   .pc_my-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
   .pc_my-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
   .pc_my-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
   .pc_my-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
   .pc_my-100 { margin-top: 100px !important; margin-bottom: 100px !important; }

   /* Padding */
   .pc_pt-0 { padding-top: 0px !important; }
   .pc_pt-5 { padding-top: 5px !important; }
   .pc_pt-10 { padding-top: 10px !important; }
   .pc_pt-15 { padding-top: 15px !important; }
   .pc_pt-20 { padding-top: 20px !important; }
   .pc_pt-25 { padding-top: 25px !important; }
   .pc_pt-30 { padding-top: 30px !important; }
   .pc_pt-40 { padding-top: 40px !important; }
   .pc_pt-50 { padding-top: 50px !important; }
   .pc_pt-60 { padding-top: 60px !important; }
   .pc_pt-70 { padding-top: 70px !important; }
   .pc_pt-80 { padding-top: 80px !important; }
   .pc_pt-90 { padding-top: 90px !important; }
   .pc_pt-100 { padding-top: 100px !important; }

   .pc_pb-0 { padding-bottom: 0px !important; }
   .pc_pb-5 { padding-bottom: 5px !important; }
   .pc_pb-10 { padding-bottom: 10px !important; }
   .pc_pb-15 { padding-bottom: 15px !important; }
   .pc_pb-20 { padding-bottom: 20px !important; }
   .pc_pb-25 { padding-bottom: 25px !important; }
   .pc_pb-30 { padding-bottom: 30px !important; }
   .pc_pb-40 { padding-bottom: 40px !important; }
   .pc_pb-50 { padding-bottom: 50px !important; }
   .pc_pb-60 { padding-bottom: 60px !important; }
   .pc_pb-70 { padding-bottom: 70px !important; }
   .pc_pb-80 { padding-bottom: 80px !important; }
   .pc_pb-90 { padding-bottom: 90px !important; }
   .pc_pb-100 { padding-bottom: 100px !important; }

   .pc_pl-0 { padding-left: 0px !important; }
   .pc_pl-5 { padding-left: 5px !important; }
   .pc_pl-10 { padding-left: 10px !important; }
   .pc_pl-15 { padding-left: 15px !important; }
   .pc_pl-20 { padding-left: 20px !important; }
   .pc_pl-25 { padding-left: 25px !important; }
   .pc_pl-30 { padding-left: 30px !important; }
   .pc_pl-40 { padding-left: 40px !important; }
   .pc_pl-50 { padding-left: 50px !important; }
   .pc_pl-60 { padding-left: 60px !important; }
   .pc_pl-70 { padding-left: 70px !important; }
   .pc_pl-80 { padding-left: 80px !important; }
   .pc_pl-90 { padding-left: 90px !important; }
   .pc_pl-100 { padding-left: 100px !important; }

   .pc_pr-0 { padding-right: 0px !important; }
   .pc_pr-5 { padding-right: 5px !important; }
   .pc_pr-10 { padding-right: 10px !important; }
   .pc_pr-15 { padding-right: 15px !important; }
   .pc_pr-20 { padding-right: 20px !important; }
   .pc_pr-25 { padding-right: 25px !important; }
   .pc_pr-30 { padding-right: 30px !important; }
   .pc_pr-40 { padding-right: 40px !important; }
   .pc_pr-50 { padding-right: 50px !important; }
   .pc_pr-60 { padding-right: 60px !important; }
   .pc_pr-70 { padding-right: 70px !important; }
   .pc_pr-80 { padding-right: 80px !important; }
   .pc_pr-90 { padding-right: 90px !important; }
   .pc_pr-100 { padding-right: 100px !important; }

   .pc_px-0 { padding-left: 0px !important; padding-right: 0px !important; }
   .pc_px-5 { padding-left: 5px !important; padding-right: 5px !important; }
   .pc_px-10 { padding-left: 10px !important; padding-right: 10px !important; }
   .pc_px-15 { padding-left: 15px !important; padding-right: 15px !important; }
   .pc_px-20 { padding-left: 20px !important; padding-right: 20px !important; }
   .pc_px-25 { padding-left: 25px !important; padding-right: 25px !important; }
   .pc_px-30 { padding-left: 30px !important; padding-right: 30px !important; }
   .pc_px-40 { padding-left: 40px !important; padding-right: 40px !important; }
   .pc_px-50 { padding-left: 50px !important; padding-right: 50px !important; }
   .pc_px-60 { padding-left: 60px !important; padding-right: 60px !important; }
   .pc_px-70 { padding-left: 70px !important; padding-right: 70px !important; }
   .pc_px-80 { padding-left: 80px !important; padding-right: 80px !important; }
   .pc_px-90 { padding-left: 90px !important; padding-right: 90px !important; }
   .pc_px-100 { padding-left: 100px !important; padding-right: 100px !important; }

   .pc_py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
   .pc_py-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
   .pc_py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
   .pc_py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
   .pc_py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
   .pc_py-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
   .pc_py-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
   .pc_py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
   .pc_py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
   .pc_py-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
   .pc_py-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
   .pc_py-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
   .pc_py-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
   .pc_py-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

   /* Positioning helpers */
   .pc_position-relative { position: relative !important; }
   .pc_position-absolute { position: absolute !important; }
   .pc_position-fixed { position: fixed !important; }
   .pc_position-sticky { position: sticky !important; }

   /* Overflow */
   .pc_overflow-hidden { overflow: hidden !important; }
   .pc_overflow-auto { overflow: auto !important; }
   .pc_overflow-scroll { overflow: scroll !important; }

   /* Utility centering */
   .pc_m-auto { margin: auto !important; }
   .pc_mx-auto { margin-left: auto !important; margin-right: auto !important; }
   .pc_my-auto { margin-top: auto !important; margin-bottom: auto !important; }
}



/* ====================================
   マージン（上）
==================================== */
.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }

/* ====================================
   マージン（下）
==================================== */
.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }

/* ====================================
   マージン（左）
==================================== */
.ml-0 { margin-left: 0px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }

/* ====================================
   マージン（右）
==================================== */
.mr-0 { margin-right: 0px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }

/* ====================================
   マージン（左右）
==================================== */
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx-5 { margin-left: 5px !important; margin-right: 5px !important; }
.mx-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-15 { margin-left: 15px !important; margin-right: 15px !important; }
.mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-25 { margin-left: 25px !important; margin-right: 25px !important; }
.mx-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mx-40 { margin-left: 40px !important; margin-right: 40px !important; }
.mx-50 { margin-left: 50px !important; margin-right: 50px !important; }
.mx-60 { margin-left: 60px !important; margin-right: 60px !important; }
.mx-70 { margin-left: 70px !important; margin-right: 70px !important; }
.mx-80 { margin-left: 80px !important; margin-right: 80px !important; }
.mx-90 { margin-left: 90px !important; margin-right: 90px !important; }
.mx-100 { margin-left: 100px !important; margin-right: 100px !important; }

/* ====================================
   マージン（上下）
==================================== */
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.my-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.my-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.my-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.my-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.my-100 { margin-top: 100px !important; margin-bottom: 100px !important; }

/* ====================================
   パディング（上）
==================================== */
.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }

/* ====================================
   パディング（下）
==================================== */
.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }

/* ====================================
   パディング（左）
==================================== */
.pl-0 { padding-left: 0px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }

/* ====================================
   パディング（右）
==================================== */
.pr-0 { padding-right: 0px !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }

/* ====================================
   パディング（左右）
==================================== */
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.px-5 { padding-left: 5px !important; padding-right: 5px !important; }
.px-10 { padding-left: 10px !important; padding-right: 10px !important; }
.px-15 { padding-left: 15px !important; padding-right: 15px !important; }
.px-20 { padding-left: 20px !important; padding-right: 20px !important; }
.px-25 { padding-left: 25px !important; padding-right: 25px !important; }
.px-30 { padding-left: 30px !important; padding-right: 30px !important; }
.px-40 { padding-left: 40px !important; padding-right: 40px !important; }
.px-50 { padding-left: 50px !important; padding-right: 50px !important; }
.px-60 { padding-left: 60px !important; padding-right: 60px !important; }
.px-70 { padding-left: 70px !important; padding-right: 70px !important; }
.px-80 { padding-left: 80px !important; padding-right: 80px !important; }
.px-90 { padding-left: 90px !important; padding-right: 90px !important; }
.px-100 { padding-left: 100px !important; padding-right: 100px !important; }

/* ====================================
   パディング（上下）
==================================== */
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.py-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.py-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.py-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.py-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.py-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.py-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

/* ====================================
   テキスト揃え
==================================== */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

/* ====================================
   フォントウェイト
==================================== */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.fw-normal { font-weight: normal !important; }
.fw-bold { font-weight: bold !important; }

/* ====================================
   表示・非表示
==================================== */
/* .d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; } */

/* ====================================
   その他汎用クラス
==================================== */
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }

.m-auto { margin: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }

.overflow-hidden { overflow: hidden !important; }
.overflow-auto { overflow: auto !important; }
.overflow-scroll { overflow: scroll !important; }


.c-white{
   color: #fff;
}
.c-navy{
   color: var(--color-main-dark-blue);
}