@charset "UTF-8";
/* =========================
   CSS RESET
   ========================= */
/* Box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
  padding: 0;
}

/* HTML & body */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
  color: #000;
  background: #fff;
}

/* Media elements */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

p {
  overflow-wrap: break-word;
}

/* Lists */
/* Links */
a {
  color: inherit;
  text-decoration: none;
}

/* Forms */
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
}

/* Table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Address hidden overflow issue on iOS */
body {
  -webkit-font-smoothing: antialiased;
}

/* Remove animations for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*-------------------------------------------
  color
-------------------------------------------*/
:root {
  --main-color: #111111;
  --accent-color: #ff3335;
  --bg-gray: #f8f9fa;
  --text-main: var(--main-color);
  --text-sub: #6c757d;
}

:root {
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);
}

.fs-0 {
  font-size: clamp(36 / 16 * 1rem, 36 / 16 * 1rem + (56 - 36) * calc((100vw - 375px) / 585), 56 / 16 * 1rem) !important;
}

.fs-1 {
  font-size: clamp(24 / 16 * 1rem, 24 / 16 * 1rem + (48 - 24) * calc((100vw - 375px) / 585), 48 / 16 * 1rem) !important;
}

.fs-2 {
  font-size: clamp(20 / 16 * 1rem, 20 / 16 * 1rem + (32 - 20) * calc((100vw - 375px) / 585), 32 / 16 * 1rem) !important;
}

.fs-3 {
  font-size: clamp(18 / 16 * 1rem, 18 / 16 * 1rem + (28 - 18) * calc((100vw - 375px) / 585), 28 / 16 * 1rem) !important;
}

.fs-4 {
  font-size: clamp(16 / 16 * 1rem, 16 / 16 * 1rem + (24 - 16) * calc((100vw - 375px) / 585), 24 / 16 * 1rem) !important;
}

.fs-5 {
  font-size: clamp(14 / 16 * 1rem, 14 / 16 * 1rem + (20 - 14) * calc((100vw - 375px) / 585), 20 / 16 * 1rem) !important;
}

.fs-6 {
  font-size: clamp(12 / 16 * 1rem, 12 / 16 * 1rem + (18 - 12) * calc((100vw - 375px) / 585), 18 / 16 * 1rem) !important;
}

.fs-7 {
  font-size: clamp(10 / 16 * 1rem, 10 / 16 * 1rem + (16 - 10) * calc((100vw - 375px) / 585), 16 / 16 * 1rem) !important;
}

.p-0 {
  padding: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-0 {
    padding: calc(0 / 16 * 1rem) !important;
  }
}

.pt-0 {
  padding-top: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-0 {
    padding-top: calc(0 / 16 * 1rem) !important;
  }
}

.pb-0 {
  padding-bottom: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-0 {
    padding-bottom: calc(0 / 16 * 1rem) !important;
  }
}

.pl-0 {
  padding-left: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-0 {
    padding-left: calc(0 / 16 * 1rem) !important;
  }
}

.pr-0 {
  padding-right: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-0 {
    padding-right: calc(0 / 16 * 1rem) !important;
  }
}

.py-0 {
  padding-top: calc(0 / 16 * 1rem) !important;
  padding-bottom: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-0 {
    padding-top: calc(0 / 16 * 1rem) !important;
    padding-bottom: calc(0 / 16 * 1rem) !important;
  }
}

.px-0 {
  padding-left: calc(0 / 16 * 1rem) !important;
  padding-right: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-0 {
    padding-left: calc(0 / 16 * 1rem) !important;
    padding-right: calc(0 / 16 * 1rem) !important;
  }
}

.m-0 {
  margin: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-0 {
    margin: calc(0 / 16 * 1rem) !important;
  }
}

.mt-0 {
  margin-top: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-0 {
    margin-top: calc(0 / 16 * 1rem) !important;
  }
}

.mb-0 {
  margin-bottom: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-0 {
    margin-bottom: calc(0 / 16 * 1rem) !important;
  }
}

.ml-0 {
  margin-left: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-0 {
    margin-left: calc(0 / 16 * 1rem) !important;
  }
}

.mr-0 {
  margin-right: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-0 {
    margin-right: calc(0 / 16 * 1rem) !important;
  }
}

.my-0 {
  margin-top: calc(0 / 16 * 1rem) !important;
  margin-bottom: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-0 {
    margin-top: calc(0 / 16 * 1rem) !important;
    margin-bottom: calc(0 / 16 * 1rem) !important;
  }
}

.mx-0 {
  margin-left: calc(0 / 16 * 1rem) !important;
  margin-right: calc(0 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-0 {
    margin-left: calc(0 / 16 * 1rem) !important;
    margin-right: calc(0 / 16 * 1rem) !important;
  }
}

.p-1 {
  padding: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-1 {
    padding: calc(4 / 16 * 1rem) !important;
  }
}

.pt-1 {
  padding-top: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-1 {
    padding-top: calc(4 / 16 * 1rem) !important;
  }
}

.pb-1 {
  padding-bottom: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-1 {
    padding-bottom: calc(4 / 16 * 1rem) !important;
  }
}

.pl-1 {
  padding-left: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-1 {
    padding-left: calc(4 / 16 * 1rem) !important;
  }
}

.pr-1 {
  padding-right: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-1 {
    padding-right: calc(4 / 16 * 1rem) !important;
  }
}

.py-1 {
  padding-top: calc(4 / 16 * 1rem) !important;
  padding-bottom: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-1 {
    padding-top: calc(4 / 16 * 1rem) !important;
    padding-bottom: calc(4 / 16 * 1rem) !important;
  }
}

.px-1 {
  padding-left: calc(4 / 16 * 1rem) !important;
  padding-right: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-1 {
    padding-left: calc(4 / 16 * 1rem) !important;
    padding-right: calc(4 / 16 * 1rem) !important;
  }
}

.m-1 {
  margin: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-1 {
    margin: calc(4 / 16 * 1rem) !important;
  }
}

.mt-1 {
  margin-top: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-1 {
    margin-top: calc(4 / 16 * 1rem) !important;
  }
}

.mb-1 {
  margin-bottom: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-1 {
    margin-bottom: calc(4 / 16 * 1rem) !important;
  }
}

.ml-1 {
  margin-left: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-1 {
    margin-left: calc(4 / 16 * 1rem) !important;
  }
}

.mr-1 {
  margin-right: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-1 {
    margin-right: calc(4 / 16 * 1rem) !important;
  }
}

.my-1 {
  margin-top: calc(4 / 16 * 1rem) !important;
  margin-bottom: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-1 {
    margin-top: calc(4 / 16 * 1rem) !important;
    margin-bottom: calc(4 / 16 * 1rem) !important;
  }
}

.mx-1 {
  margin-left: calc(4 / 16 * 1rem) !important;
  margin-right: calc(4 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-1 {
    margin-left: calc(4 / 16 * 1rem) !important;
    margin-right: calc(4 / 16 * 1rem) !important;
  }
}

.p-2 {
  padding: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-2 {
    padding: calc(8 / 16 * 1rem) !important;
  }
}

.pt-2 {
  padding-top: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-2 {
    padding-top: calc(8 / 16 * 1rem) !important;
  }
}

.pb-2 {
  padding-bottom: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-2 {
    padding-bottom: calc(8 / 16 * 1rem) !important;
  }
}

.pl-2 {
  padding-left: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-2 {
    padding-left: calc(8 / 16 * 1rem) !important;
  }
}

.pr-2 {
  padding-right: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-2 {
    padding-right: calc(8 / 16 * 1rem) !important;
  }
}

.py-2 {
  padding-top: calc(8 / 16 * 1rem) !important;
  padding-bottom: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-2 {
    padding-top: calc(8 / 16 * 1rem) !important;
    padding-bottom: calc(8 / 16 * 1rem) !important;
  }
}

.px-2 {
  padding-left: calc(8 / 16 * 1rem) !important;
  padding-right: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-2 {
    padding-left: calc(8 / 16 * 1rem) !important;
    padding-right: calc(8 / 16 * 1rem) !important;
  }
}

.m-2 {
  margin: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-2 {
    margin: calc(8 / 16 * 1rem) !important;
  }
}

.mt-2 {
  margin-top: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-2 {
    margin-top: calc(8 / 16 * 1rem) !important;
  }
}

.mb-2 {
  margin-bottom: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-2 {
    margin-bottom: calc(8 / 16 * 1rem) !important;
  }
}

.ml-2 {
  margin-left: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-2 {
    margin-left: calc(8 / 16 * 1rem) !important;
  }
}

.mr-2 {
  margin-right: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-2 {
    margin-right: calc(8 / 16 * 1rem) !important;
  }
}

.my-2 {
  margin-top: calc(8 / 16 * 1rem) !important;
  margin-bottom: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-2 {
    margin-top: calc(8 / 16 * 1rem) !important;
    margin-bottom: calc(8 / 16 * 1rem) !important;
  }
}

.mx-2 {
  margin-left: calc(8 / 16 * 1rem) !important;
  margin-right: calc(8 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-2 {
    margin-left: calc(8 / 16 * 1rem) !important;
    margin-right: calc(8 / 16 * 1rem) !important;
  }
}

.p-3 {
  padding: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-3 {
    padding: calc(12 / 16 * 1rem) !important;
  }
}

.pt-3 {
  padding-top: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-3 {
    padding-top: calc(12 / 16 * 1rem) !important;
  }
}

.pb-3 {
  padding-bottom: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-3 {
    padding-bottom: calc(12 / 16 * 1rem) !important;
  }
}

.pl-3 {
  padding-left: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-3 {
    padding-left: calc(12 / 16 * 1rem) !important;
  }
}

.pr-3 {
  padding-right: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-3 {
    padding-right: calc(12 / 16 * 1rem) !important;
  }
}

.py-3 {
  padding-top: calc(10 / 16 * 1rem) !important;
  padding-bottom: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-3 {
    padding-top: calc(12 / 16 * 1rem) !important;
    padding-bottom: calc(12 / 16 * 1rem) !important;
  }
}

.px-3 {
  padding-left: calc(10 / 16 * 1rem) !important;
  padding-right: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-3 {
    padding-left: calc(12 / 16 * 1rem) !important;
    padding-right: calc(12 / 16 * 1rem) !important;
  }
}

.m-3 {
  margin: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-3 {
    margin: calc(12 / 16 * 1rem) !important;
  }
}

.mt-3 {
  margin-top: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-3 {
    margin-top: calc(12 / 16 * 1rem) !important;
  }
}

.mb-3 {
  margin-bottom: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-3 {
    margin-bottom: calc(12 / 16 * 1rem) !important;
  }
}

.ml-3 {
  margin-left: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-3 {
    margin-left: calc(12 / 16 * 1rem) !important;
  }
}

.mr-3 {
  margin-right: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-3 {
    margin-right: calc(12 / 16 * 1rem) !important;
  }
}

.my-3 {
  margin-top: calc(10 / 16 * 1rem) !important;
  margin-bottom: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-3 {
    margin-top: calc(12 / 16 * 1rem) !important;
    margin-bottom: calc(12 / 16 * 1rem) !important;
  }
}

.mx-3 {
  margin-left: calc(10 / 16 * 1rem) !important;
  margin-right: calc(10 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-3 {
    margin-left: calc(12 / 16 * 1rem) !important;
    margin-right: calc(12 / 16 * 1rem) !important;
  }
}

.p-4 {
  padding: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-4 {
    padding: calc(16 / 16 * 1rem) !important;
  }
}

.pt-4 {
  padding-top: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-4 {
    padding-top: calc(16 / 16 * 1rem) !important;
  }
}

.pb-4 {
  padding-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-4 {
    padding-bottom: calc(16 / 16 * 1rem) !important;
  }
}

.pl-4 {
  padding-left: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-4 {
    padding-left: calc(16 / 16 * 1rem) !important;
  }
}

.pr-4 {
  padding-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-4 {
    padding-right: calc(16 / 16 * 1rem) !important;
  }
}

.py-4 {
  padding-top: calc(12 / 16 * 1rem) !important;
  padding-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-4 {
    padding-top: calc(16 / 16 * 1rem) !important;
    padding-bottom: calc(16 / 16 * 1rem) !important;
  }
}

.px-4 {
  padding-left: calc(12 / 16 * 1rem) !important;
  padding-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-4 {
    padding-left: calc(16 / 16 * 1rem) !important;
    padding-right: calc(16 / 16 * 1rem) !important;
  }
}

.m-4 {
  margin: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-4 {
    margin: calc(16 / 16 * 1rem) !important;
  }
}

.mt-4 {
  margin-top: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-4 {
    margin-top: calc(16 / 16 * 1rem) !important;
  }
}

.mb-4 {
  margin-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-4 {
    margin-bottom: calc(16 / 16 * 1rem) !important;
  }
}

.ml-4 {
  margin-left: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-4 {
    margin-left: calc(16 / 16 * 1rem) !important;
  }
}

.mr-4 {
  margin-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-4 {
    margin-right: calc(16 / 16 * 1rem) !important;
  }
}

.my-4 {
  margin-top: calc(12 / 16 * 1rem) !important;
  margin-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-4 {
    margin-top: calc(16 / 16 * 1rem) !important;
    margin-bottom: calc(16 / 16 * 1rem) !important;
  }
}

.mx-4 {
  margin-left: calc(12 / 16 * 1rem) !important;
  margin-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-4 {
    margin-left: calc(16 / 16 * 1rem) !important;
    margin-right: calc(16 / 16 * 1rem) !important;
  }
}

.p-5 {
  padding: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-5 {
    padding: calc(20 / 16 * 1rem) !important;
  }
}

.pt-5 {
  padding-top: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-5 {
    padding-top: calc(20 / 16 * 1rem) !important;
  }
}

.pb-5 {
  padding-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-5 {
    padding-bottom: calc(20 / 16 * 1rem) !important;
  }
}

.pl-5 {
  padding-left: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-5 {
    padding-left: calc(20 / 16 * 1rem) !important;
  }
}

.pr-5 {
  padding-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-5 {
    padding-right: calc(20 / 16 * 1rem) !important;
  }
}

.py-5 {
  padding-top: calc(12 / 16 * 1rem) !important;
  padding-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-5 {
    padding-top: calc(20 / 16 * 1rem) !important;
    padding-bottom: calc(20 / 16 * 1rem) !important;
  }
}

.px-5 {
  padding-left: calc(12 / 16 * 1rem) !important;
  padding-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-5 {
    padding-left: calc(20 / 16 * 1rem) !important;
    padding-right: calc(20 / 16 * 1rem) !important;
  }
}

.m-5 {
  margin: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-5 {
    margin: calc(20 / 16 * 1rem) !important;
  }
}

.mt-5 {
  margin-top: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-5 {
    margin-top: calc(20 / 16 * 1rem) !important;
  }
}

.mb-5 {
  margin-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-5 {
    margin-bottom: calc(20 / 16 * 1rem) !important;
  }
}

.ml-5 {
  margin-left: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-5 {
    margin-left: calc(20 / 16 * 1rem) !important;
  }
}

.mr-5 {
  margin-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-5 {
    margin-right: calc(20 / 16 * 1rem) !important;
  }
}

.my-5 {
  margin-top: calc(12 / 16 * 1rem) !important;
  margin-bottom: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-5 {
    margin-top: calc(20 / 16 * 1rem) !important;
    margin-bottom: calc(20 / 16 * 1rem) !important;
  }
}

.mx-5 {
  margin-left: calc(12 / 16 * 1rem) !important;
  margin-right: calc(12 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-5 {
    margin-left: calc(20 / 16 * 1rem) !important;
    margin-right: calc(20 / 16 * 1rem) !important;
  }
}

.p-6 {
  padding: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-6 {
    padding: calc(24 / 16 * 1rem) !important;
  }
}

.pt-6 {
  padding-top: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-6 {
    padding-top: calc(24 / 16 * 1rem) !important;
  }
}

.pb-6 {
  padding-bottom: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-6 {
    padding-bottom: calc(24 / 16 * 1rem) !important;
  }
}

.pl-6 {
  padding-left: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-6 {
    padding-left: calc(24 / 16 * 1rem) !important;
  }
}

.pr-6 {
  padding-right: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-6 {
    padding-right: calc(24 / 16 * 1rem) !important;
  }
}

.py-6 {
  padding-top: calc(16 / 16 * 1rem) !important;
  padding-bottom: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-6 {
    padding-top: calc(24 / 16 * 1rem) !important;
    padding-bottom: calc(24 / 16 * 1rem) !important;
  }
}

.px-6 {
  padding-left: calc(16 / 16 * 1rem) !important;
  padding-right: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-6 {
    padding-left: calc(24 / 16 * 1rem) !important;
    padding-right: calc(24 / 16 * 1rem) !important;
  }
}

.m-6 {
  margin: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-6 {
    margin: calc(24 / 16 * 1rem) !important;
  }
}

.mt-6 {
  margin-top: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-6 {
    margin-top: calc(24 / 16 * 1rem) !important;
  }
}

.mb-6 {
  margin-bottom: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-6 {
    margin-bottom: calc(24 / 16 * 1rem) !important;
  }
}

.ml-6 {
  margin-left: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-6 {
    margin-left: calc(24 / 16 * 1rem) !important;
  }
}

.mr-6 {
  margin-right: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-6 {
    margin-right: calc(24 / 16 * 1rem) !important;
  }
}

.my-6 {
  margin-top: calc(16 / 16 * 1rem) !important;
  margin-bottom: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-6 {
    margin-top: calc(24 / 16 * 1rem) !important;
    margin-bottom: calc(24 / 16 * 1rem) !important;
  }
}

.mx-6 {
  margin-left: calc(16 / 16 * 1rem) !important;
  margin-right: calc(16 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-6 {
    margin-left: calc(24 / 16 * 1rem) !important;
    margin-right: calc(24 / 16 * 1rem) !important;
  }
}

.p-8 {
  padding: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-8 {
    padding: calc(32 / 16 * 1rem) !important;
  }
}

.pt-8 {
  padding-top: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-8 {
    padding-top: calc(32 / 16 * 1rem) !important;
  }
}

.pb-8 {
  padding-bottom: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-8 {
    padding-bottom: calc(32 / 16 * 1rem) !important;
  }
}

.pl-8 {
  padding-left: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-8 {
    padding-left: calc(32 / 16 * 1rem) !important;
  }
}

.pr-8 {
  padding-right: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-8 {
    padding-right: calc(32 / 16 * 1rem) !important;
  }
}

.py-8 {
  padding-top: calc(20 / 16 * 1rem) !important;
  padding-bottom: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-8 {
    padding-top: calc(32 / 16 * 1rem) !important;
    padding-bottom: calc(32 / 16 * 1rem) !important;
  }
}

.px-8 {
  padding-left: calc(20 / 16 * 1rem) !important;
  padding-right: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-8 {
    padding-left: calc(32 / 16 * 1rem) !important;
    padding-right: calc(32 / 16 * 1rem) !important;
  }
}

.m-8 {
  margin: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-8 {
    margin: calc(32 / 16 * 1rem) !important;
  }
}

.mt-8 {
  margin-top: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-8 {
    margin-top: calc(32 / 16 * 1rem) !important;
  }
}

.mb-8 {
  margin-bottom: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-8 {
    margin-bottom: calc(32 / 16 * 1rem) !important;
  }
}

.ml-8 {
  margin-left: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-8 {
    margin-left: calc(32 / 16 * 1rem) !important;
  }
}

.mr-8 {
  margin-right: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-8 {
    margin-right: calc(32 / 16 * 1rem) !important;
  }
}

.my-8 {
  margin-top: calc(20 / 16 * 1rem) !important;
  margin-bottom: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-8 {
    margin-top: calc(32 / 16 * 1rem) !important;
    margin-bottom: calc(32 / 16 * 1rem) !important;
  }
}

.mx-8 {
  margin-left: calc(20 / 16 * 1rem) !important;
  margin-right: calc(20 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-8 {
    margin-left: calc(32 / 16 * 1rem) !important;
    margin-right: calc(32 / 16 * 1rem) !important;
  }
}

.p-10 {
  padding: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-10 {
    padding: calc(40 / 16 * 1rem) !important;
  }
}

.pt-10 {
  padding-top: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-10 {
    padding-top: calc(40 / 16 * 1rem) !important;
  }
}

.pb-10 {
  padding-bottom: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-10 {
    padding-bottom: calc(40 / 16 * 1rem) !important;
  }
}

.pl-10 {
  padding-left: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-10 {
    padding-left: calc(40 / 16 * 1rem) !important;
  }
}

.pr-10 {
  padding-right: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-10 {
    padding-right: calc(40 / 16 * 1rem) !important;
  }
}

.py-10 {
  padding-top: calc(24 / 16 * 1rem) !important;
  padding-bottom: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-10 {
    padding-top: calc(40 / 16 * 1rem) !important;
    padding-bottom: calc(40 / 16 * 1rem) !important;
  }
}

.px-10 {
  padding-left: calc(24 / 16 * 1rem) !important;
  padding-right: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-10 {
    padding-left: calc(40 / 16 * 1rem) !important;
    padding-right: calc(40 / 16 * 1rem) !important;
  }
}

.m-10 {
  margin: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-10 {
    margin: calc(40 / 16 * 1rem) !important;
  }
}

.mt-10 {
  margin-top: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-10 {
    margin-top: calc(40 / 16 * 1rem) !important;
  }
}

.mb-10 {
  margin-bottom: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-10 {
    margin-bottom: calc(40 / 16 * 1rem) !important;
  }
}

.ml-10 {
  margin-left: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-10 {
    margin-left: calc(40 / 16 * 1rem) !important;
  }
}

.mr-10 {
  margin-right: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-10 {
    margin-right: calc(40 / 16 * 1rem) !important;
  }
}

.my-10 {
  margin-top: calc(24 / 16 * 1rem) !important;
  margin-bottom: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-10 {
    margin-top: calc(40 / 16 * 1rem) !important;
    margin-bottom: calc(40 / 16 * 1rem) !important;
  }
}

.mx-10 {
  margin-left: calc(24 / 16 * 1rem) !important;
  margin-right: calc(24 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-10 {
    margin-left: calc(40 / 16 * 1rem) !important;
    margin-right: calc(40 / 16 * 1rem) !important;
  }
}

.p-12 {
  padding: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-12 {
    padding: calc(48 / 16 * 1rem) !important;
  }
}

.pt-12 {
  padding-top: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-12 {
    padding-top: calc(48 / 16 * 1rem) !important;
  }
}

.pb-12 {
  padding-bottom: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-12 {
    padding-bottom: calc(48 / 16 * 1rem) !important;
  }
}

.pl-12 {
  padding-left: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-12 {
    padding-left: calc(48 / 16 * 1rem) !important;
  }
}

.pr-12 {
  padding-right: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-12 {
    padding-right: calc(48 / 16 * 1rem) !important;
  }
}

.py-12 {
  padding-top: calc(32 / 16 * 1rem) !important;
  padding-bottom: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-12 {
    padding-top: calc(48 / 16 * 1rem) !important;
    padding-bottom: calc(48 / 16 * 1rem) !important;
  }
}

.px-12 {
  padding-left: calc(32 / 16 * 1rem) !important;
  padding-right: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-12 {
    padding-left: calc(48 / 16 * 1rem) !important;
    padding-right: calc(48 / 16 * 1rem) !important;
  }
}

.m-12 {
  margin: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-12 {
    margin: calc(48 / 16 * 1rem) !important;
  }
}

.mt-12 {
  margin-top: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-12 {
    margin-top: calc(48 / 16 * 1rem) !important;
  }
}

.mb-12 {
  margin-bottom: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-12 {
    margin-bottom: calc(48 / 16 * 1rem) !important;
  }
}

.ml-12 {
  margin-left: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-12 {
    margin-left: calc(48 / 16 * 1rem) !important;
  }
}

.mr-12 {
  margin-right: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-12 {
    margin-right: calc(48 / 16 * 1rem) !important;
  }
}

.my-12 {
  margin-top: calc(32 / 16 * 1rem) !important;
  margin-bottom: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-12 {
    margin-top: calc(48 / 16 * 1rem) !important;
    margin-bottom: calc(48 / 16 * 1rem) !important;
  }
}

.mx-12 {
  margin-left: calc(32 / 16 * 1rem) !important;
  margin-right: calc(32 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-12 {
    margin-left: calc(48 / 16 * 1rem) !important;
    margin-right: calc(48 / 16 * 1rem) !important;
  }
}

.p-13 {
  padding: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-13 {
    padding: calc(50 / 16 * 1rem) !important;
  }
}

.pt-13 {
  padding-top: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-13 {
    padding-top: calc(50 / 16 * 1rem) !important;
  }
}

.pb-13 {
  padding-bottom: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-13 {
    padding-bottom: calc(50 / 16 * 1rem) !important;
  }
}

.pl-13 {
  padding-left: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-13 {
    padding-left: calc(50 / 16 * 1rem) !important;
  }
}

.pr-13 {
  padding-right: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-13 {
    padding-right: calc(50 / 16 * 1rem) !important;
  }
}

.py-13 {
  padding-top: calc(34 / 16 * 1rem) !important;
  padding-bottom: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-13 {
    padding-top: calc(50 / 16 * 1rem) !important;
    padding-bottom: calc(50 / 16 * 1rem) !important;
  }
}

.px-13 {
  padding-left: calc(34 / 16 * 1rem) !important;
  padding-right: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-13 {
    padding-left: calc(50 / 16 * 1rem) !important;
    padding-right: calc(50 / 16 * 1rem) !important;
  }
}

.m-13 {
  margin: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-13 {
    margin: calc(50 / 16 * 1rem) !important;
  }
}

.mt-13 {
  margin-top: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-13 {
    margin-top: calc(50 / 16 * 1rem) !important;
  }
}

.mb-13 {
  margin-bottom: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-13 {
    margin-bottom: calc(50 / 16 * 1rem) !important;
  }
}

.ml-13 {
  margin-left: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-13 {
    margin-left: calc(50 / 16 * 1rem) !important;
  }
}

.mr-13 {
  margin-right: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-13 {
    margin-right: calc(50 / 16 * 1rem) !important;
  }
}

.my-13 {
  margin-top: calc(34 / 16 * 1rem) !important;
  margin-bottom: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-13 {
    margin-top: calc(50 / 16 * 1rem) !important;
    margin-bottom: calc(50 / 16 * 1rem) !important;
  }
}

.mx-13 {
  margin-left: calc(34 / 16 * 1rem) !important;
  margin-right: calc(34 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-13 {
    margin-left: calc(50 / 16 * 1rem) !important;
    margin-right: calc(50 / 16 * 1rem) !important;
  }
}

.p-14 {
  padding: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-14 {
    padding: calc(52 / 16 * 1rem) !important;
  }
}

.pt-14 {
  padding-top: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-14 {
    padding-top: calc(52 / 16 * 1rem) !important;
  }
}

.pb-14 {
  padding-bottom: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-14 {
    padding-bottom: calc(52 / 16 * 1rem) !important;
  }
}

.pl-14 {
  padding-left: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-14 {
    padding-left: calc(52 / 16 * 1rem) !important;
  }
}

.pr-14 {
  padding-right: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-14 {
    padding-right: calc(52 / 16 * 1rem) !important;
  }
}

.py-14 {
  padding-top: calc(36 / 16 * 1rem) !important;
  padding-bottom: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-14 {
    padding-top: calc(52 / 16 * 1rem) !important;
    padding-bottom: calc(52 / 16 * 1rem) !important;
  }
}

.px-14 {
  padding-left: calc(36 / 16 * 1rem) !important;
  padding-right: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-14 {
    padding-left: calc(52 / 16 * 1rem) !important;
    padding-right: calc(52 / 16 * 1rem) !important;
  }
}

.m-14 {
  margin: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-14 {
    margin: calc(52 / 16 * 1rem) !important;
  }
}

.mt-14 {
  margin-top: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-14 {
    margin-top: calc(52 / 16 * 1rem) !important;
  }
}

.mb-14 {
  margin-bottom: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-14 {
    margin-bottom: calc(52 / 16 * 1rem) !important;
  }
}

.ml-14 {
  margin-left: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-14 {
    margin-left: calc(52 / 16 * 1rem) !important;
  }
}

.mr-14 {
  margin-right: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-14 {
    margin-right: calc(52 / 16 * 1rem) !important;
  }
}

.my-14 {
  margin-top: calc(36 / 16 * 1rem) !important;
  margin-bottom: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-14 {
    margin-top: calc(52 / 16 * 1rem) !important;
    margin-bottom: calc(52 / 16 * 1rem) !important;
  }
}

.mx-14 {
  margin-left: calc(36 / 16 * 1rem) !important;
  margin-right: calc(36 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-14 {
    margin-left: calc(52 / 16 * 1rem) !important;
    margin-right: calc(52 / 16 * 1rem) !important;
  }
}

.p-16 {
  padding: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-16 {
    padding: calc(64 / 16 * 1rem) !important;
  }
}

.pt-16 {
  padding-top: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-16 {
    padding-top: calc(64 / 16 * 1rem) !important;
  }
}

.pb-16 {
  padding-bottom: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-16 {
    padding-bottom: calc(64 / 16 * 1rem) !important;
  }
}

.pl-16 {
  padding-left: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-16 {
    padding-left: calc(64 / 16 * 1rem) !important;
  }
}

.pr-16 {
  padding-right: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-16 {
    padding-right: calc(64 / 16 * 1rem) !important;
  }
}

.py-16 {
  padding-top: calc(40 / 16 * 1rem) !important;
  padding-bottom: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-16 {
    padding-top: calc(64 / 16 * 1rem) !important;
    padding-bottom: calc(64 / 16 * 1rem) !important;
  }
}

.px-16 {
  padding-left: calc(40 / 16 * 1rem) !important;
  padding-right: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-16 {
    padding-left: calc(64 / 16 * 1rem) !important;
    padding-right: calc(64 / 16 * 1rem) !important;
  }
}

.m-16 {
  margin: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-16 {
    margin: calc(64 / 16 * 1rem) !important;
  }
}

.mt-16 {
  margin-top: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-16 {
    margin-top: calc(64 / 16 * 1rem) !important;
  }
}

.mb-16 {
  margin-bottom: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-16 {
    margin-bottom: calc(64 / 16 * 1rem) !important;
  }
}

.ml-16 {
  margin-left: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-16 {
    margin-left: calc(64 / 16 * 1rem) !important;
  }
}

.mr-16 {
  margin-right: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-16 {
    margin-right: calc(64 / 16 * 1rem) !important;
  }
}

.my-16 {
  margin-top: calc(40 / 16 * 1rem) !important;
  margin-bottom: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-16 {
    margin-top: calc(64 / 16 * 1rem) !important;
    margin-bottom: calc(64 / 16 * 1rem) !important;
  }
}

.mx-16 {
  margin-left: calc(40 / 16 * 1rem) !important;
  margin-right: calc(40 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-16 {
    margin-left: calc(64 / 16 * 1rem) !important;
    margin-right: calc(64 / 16 * 1rem) !important;
  }
}

.p-20 {
  padding: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-20 {
    padding: calc(80 / 16 * 1rem) !important;
  }
}

.pt-20 {
  padding-top: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-20 {
    padding-top: calc(80 / 16 * 1rem) !important;
  }
}

.pb-20 {
  padding-bottom: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-20 {
    padding-bottom: calc(80 / 16 * 1rem) !important;
  }
}

.pl-20 {
  padding-left: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-20 {
    padding-left: calc(80 / 16 * 1rem) !important;
  }
}

.pr-20 {
  padding-right: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-20 {
    padding-right: calc(80 / 16 * 1rem) !important;
  }
}

.py-20 {
  padding-top: calc(50 / 16 * 1rem) !important;
  padding-bottom: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-20 {
    padding-top: calc(80 / 16 * 1rem) !important;
    padding-bottom: calc(80 / 16 * 1rem) !important;
  }
}

.px-20 {
  padding-left: calc(50 / 16 * 1rem) !important;
  padding-right: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-20 {
    padding-left: calc(80 / 16 * 1rem) !important;
    padding-right: calc(80 / 16 * 1rem) !important;
  }
}

.m-20 {
  margin: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-20 {
    margin: calc(80 / 16 * 1rem) !important;
  }
}

.mt-20 {
  margin-top: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-20 {
    margin-top: calc(80 / 16 * 1rem) !important;
  }
}

.mb-20 {
  margin-bottom: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-20 {
    margin-bottom: calc(80 / 16 * 1rem) !important;
  }
}

.ml-20 {
  margin-left: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-20 {
    margin-left: calc(80 / 16 * 1rem) !important;
  }
}

.mr-20 {
  margin-right: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-20 {
    margin-right: calc(80 / 16 * 1rem) !important;
  }
}

.my-20 {
  margin-top: calc(50 / 16 * 1rem) !important;
  margin-bottom: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-20 {
    margin-top: calc(80 / 16 * 1rem) !important;
    margin-bottom: calc(80 / 16 * 1rem) !important;
  }
}

.mx-20 {
  margin-left: calc(50 / 16 * 1rem) !important;
  margin-right: calc(50 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-20 {
    margin-left: calc(80 / 16 * 1rem) !important;
    margin-right: calc(80 / 16 * 1rem) !important;
  }
}

.p-24 {
  padding: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-24 {
    padding: calc(96 / 16 * 1rem) !important;
  }
}

.pt-24 {
  padding-top: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-24 {
    padding-top: calc(96 / 16 * 1rem) !important;
  }
}

.pb-24 {
  padding-bottom: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-24 {
    padding-bottom: calc(96 / 16 * 1rem) !important;
  }
}

.pl-24 {
  padding-left: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-24 {
    padding-left: calc(96 / 16 * 1rem) !important;
  }
}

.pr-24 {
  padding-right: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-24 {
    padding-right: calc(96 / 16 * 1rem) !important;
  }
}

.py-24 {
  padding-top: calc(64 / 16 * 1rem) !important;
  padding-bottom: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-24 {
    padding-top: calc(96 / 16 * 1rem) !important;
    padding-bottom: calc(96 / 16 * 1rem) !important;
  }
}

.px-24 {
  padding-left: calc(64 / 16 * 1rem) !important;
  padding-right: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-24 {
    padding-left: calc(96 / 16 * 1rem) !important;
    padding-right: calc(96 / 16 * 1rem) !important;
  }
}

.m-24 {
  margin: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-24 {
    margin: calc(96 / 16 * 1rem) !important;
  }
}

.mt-24 {
  margin-top: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-24 {
    margin-top: calc(96 / 16 * 1rem) !important;
  }
}

.mb-24 {
  margin-bottom: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-24 {
    margin-bottom: calc(96 / 16 * 1rem) !important;
  }
}

.ml-24 {
  margin-left: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-24 {
    margin-left: calc(96 / 16 * 1rem) !important;
  }
}

.mr-24 {
  margin-right: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-24 {
    margin-right: calc(96 / 16 * 1rem) !important;
  }
}

.my-24 {
  margin-top: calc(64 / 16 * 1rem) !important;
  margin-bottom: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-24 {
    margin-top: calc(96 / 16 * 1rem) !important;
    margin-bottom: calc(96 / 16 * 1rem) !important;
  }
}

.mx-24 {
  margin-left: calc(64 / 16 * 1rem) !important;
  margin-right: calc(64 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-24 {
    margin-left: calc(96 / 16 * 1rem) !important;
    margin-right: calc(96 / 16 * 1rem) !important;
  }
}

.p-28 {
  padding: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-28 {
    padding: calc(104 / 16 * 1rem) !important;
  }
}

.pt-28 {
  padding-top: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-28 {
    padding-top: calc(104 / 16 * 1rem) !important;
  }
}

.pb-28 {
  padding-bottom: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-28 {
    padding-bottom: calc(104 / 16 * 1rem) !important;
  }
}

.pl-28 {
  padding-left: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-28 {
    padding-left: calc(104 / 16 * 1rem) !important;
  }
}

.pr-28 {
  padding-right: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-28 {
    padding-right: calc(104 / 16 * 1rem) !important;
  }
}

.py-28 {
  padding-top: calc(72 / 16 * 1rem) !important;
  padding-bottom: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-28 {
    padding-top: calc(104 / 16 * 1rem) !important;
    padding-bottom: calc(104 / 16 * 1rem) !important;
  }
}

.px-28 {
  padding-left: calc(72 / 16 * 1rem) !important;
  padding-right: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-28 {
    padding-left: calc(104 / 16 * 1rem) !important;
    padding-right: calc(104 / 16 * 1rem) !important;
  }
}

.m-28 {
  margin: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-28 {
    margin: calc(104 / 16 * 1rem) !important;
  }
}

.mt-28 {
  margin-top: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-28 {
    margin-top: calc(104 / 16 * 1rem) !important;
  }
}

.mb-28 {
  margin-bottom: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-28 {
    margin-bottom: calc(104 / 16 * 1rem) !important;
  }
}

.ml-28 {
  margin-left: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-28 {
    margin-left: calc(104 / 16 * 1rem) !important;
  }
}

.mr-28 {
  margin-right: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-28 {
    margin-right: calc(104 / 16 * 1rem) !important;
  }
}

.my-28 {
  margin-top: calc(72 / 16 * 1rem) !important;
  margin-bottom: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-28 {
    margin-top: calc(104 / 16 * 1rem) !important;
    margin-bottom: calc(104 / 16 * 1rem) !important;
  }
}

.mx-28 {
  margin-left: calc(72 / 16 * 1rem) !important;
  margin-right: calc(72 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-28 {
    margin-left: calc(104 / 16 * 1rem) !important;
    margin-right: calc(104 / 16 * 1rem) !important;
  }
}

.p-29 {
  padding: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-29 {
    padding: calc(106 / 16 * 1rem) !important;
  }
}

.pt-29 {
  padding-top: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-29 {
    padding-top: calc(106 / 16 * 1rem) !important;
  }
}

.pb-29 {
  padding-bottom: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-29 {
    padding-bottom: calc(106 / 16 * 1rem) !important;
  }
}

.pl-29 {
  padding-left: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-29 {
    padding-left: calc(106 / 16 * 1rem) !important;
  }
}

.pr-29 {
  padding-right: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-29 {
    padding-right: calc(106 / 16 * 1rem) !important;
  }
}

.py-29 {
  padding-top: calc(74 / 16 * 1rem) !important;
  padding-bottom: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-29 {
    padding-top: calc(106 / 16 * 1rem) !important;
    padding-bottom: calc(106 / 16 * 1rem) !important;
  }
}

.px-29 {
  padding-left: calc(74 / 16 * 1rem) !important;
  padding-right: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-29 {
    padding-left: calc(106 / 16 * 1rem) !important;
    padding-right: calc(106 / 16 * 1rem) !important;
  }
}

.m-29 {
  margin: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-29 {
    margin: calc(106 / 16 * 1rem) !important;
  }
}

.mt-29 {
  margin-top: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-29 {
    margin-top: calc(106 / 16 * 1rem) !important;
  }
}

.mb-29 {
  margin-bottom: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-29 {
    margin-bottom: calc(106 / 16 * 1rem) !important;
  }
}

.ml-29 {
  margin-left: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-29 {
    margin-left: calc(106 / 16 * 1rem) !important;
  }
}

.mr-29 {
  margin-right: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-29 {
    margin-right: calc(106 / 16 * 1rem) !important;
  }
}

.my-29 {
  margin-top: calc(74 / 16 * 1rem) !important;
  margin-bottom: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-29 {
    margin-top: calc(106 / 16 * 1rem) !important;
    margin-bottom: calc(106 / 16 * 1rem) !important;
  }
}

.mx-29 {
  margin-left: calc(74 / 16 * 1rem) !important;
  margin-right: calc(74 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-29 {
    margin-left: calc(106 / 16 * 1rem) !important;
    margin-right: calc(106 / 16 * 1rem) !important;
  }
}

.p-30 {
  padding: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-30 {
    padding: calc(108 / 16 * 1rem) !important;
  }
}

.pt-30 {
  padding-top: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-30 {
    padding-top: calc(108 / 16 * 1rem) !important;
  }
}

.pb-30 {
  padding-bottom: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-30 {
    padding-bottom: calc(108 / 16 * 1rem) !important;
  }
}

.pl-30 {
  padding-left: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-30 {
    padding-left: calc(108 / 16 * 1rem) !important;
  }
}

.pr-30 {
  padding-right: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-30 {
    padding-right: calc(108 / 16 * 1rem) !important;
  }
}

.py-30 {
  padding-top: calc(76 / 16 * 1rem) !important;
  padding-bottom: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-30 {
    padding-top: calc(108 / 16 * 1rem) !important;
    padding-bottom: calc(108 / 16 * 1rem) !important;
  }
}

.px-30 {
  padding-left: calc(76 / 16 * 1rem) !important;
  padding-right: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-30 {
    padding-left: calc(108 / 16 * 1rem) !important;
    padding-right: calc(108 / 16 * 1rem) !important;
  }
}

.m-30 {
  margin: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-30 {
    margin: calc(108 / 16 * 1rem) !important;
  }
}

.mt-30 {
  margin-top: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-30 {
    margin-top: calc(108 / 16 * 1rem) !important;
  }
}

.mb-30 {
  margin-bottom: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-30 {
    margin-bottom: calc(108 / 16 * 1rem) !important;
  }
}

.ml-30 {
  margin-left: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-30 {
    margin-left: calc(108 / 16 * 1rem) !important;
  }
}

.mr-30 {
  margin-right: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-30 {
    margin-right: calc(108 / 16 * 1rem) !important;
  }
}

.my-30 {
  margin-top: calc(76 / 16 * 1rem) !important;
  margin-bottom: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-30 {
    margin-top: calc(108 / 16 * 1rem) !important;
    margin-bottom: calc(108 / 16 * 1rem) !important;
  }
}

.mx-30 {
  margin-left: calc(76 / 16 * 1rem) !important;
  margin-right: calc(76 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-30 {
    margin-left: calc(108 / 16 * 1rem) !important;
    margin-right: calc(108 / 16 * 1rem) !important;
  }
}

.p-31 {
  padding: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-31 {
    padding: calc(110 / 16 * 1rem) !important;
  }
}

.pt-31 {
  padding-top: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-31 {
    padding-top: calc(110 / 16 * 1rem) !important;
  }
}

.pb-31 {
  padding-bottom: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-31 {
    padding-bottom: calc(110 / 16 * 1rem) !important;
  }
}

.pl-31 {
  padding-left: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-31 {
    padding-left: calc(110 / 16 * 1rem) !important;
  }
}

.pr-31 {
  padding-right: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-31 {
    padding-right: calc(110 / 16 * 1rem) !important;
  }
}

.py-31 {
  padding-top: calc(78 / 16 * 1rem) !important;
  padding-bottom: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-31 {
    padding-top: calc(110 / 16 * 1rem) !important;
    padding-bottom: calc(110 / 16 * 1rem) !important;
  }
}

.px-31 {
  padding-left: calc(78 / 16 * 1rem) !important;
  padding-right: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-31 {
    padding-left: calc(110 / 16 * 1rem) !important;
    padding-right: calc(110 / 16 * 1rem) !important;
  }
}

.m-31 {
  margin: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-31 {
    margin: calc(110 / 16 * 1rem) !important;
  }
}

.mt-31 {
  margin-top: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-31 {
    margin-top: calc(110 / 16 * 1rem) !important;
  }
}

.mb-31 {
  margin-bottom: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-31 {
    margin-bottom: calc(110 / 16 * 1rem) !important;
  }
}

.ml-31 {
  margin-left: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-31 {
    margin-left: calc(110 / 16 * 1rem) !important;
  }
}

.mr-31 {
  margin-right: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-31 {
    margin-right: calc(110 / 16 * 1rem) !important;
  }
}

.my-31 {
  margin-top: calc(78 / 16 * 1rem) !important;
  margin-bottom: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-31 {
    margin-top: calc(110 / 16 * 1rem) !important;
    margin-bottom: calc(110 / 16 * 1rem) !important;
  }
}

.mx-31 {
  margin-left: calc(78 / 16 * 1rem) !important;
  margin-right: calc(78 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-31 {
    margin-left: calc(110 / 16 * 1rem) !important;
    margin-right: calc(110 / 16 * 1rem) !important;
  }
}

.p-32 {
  padding: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-32 {
    padding: calc(112 / 16 * 1rem) !important;
  }
}

.pt-32 {
  padding-top: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-32 {
    padding-top: calc(112 / 16 * 1rem) !important;
  }
}

.pb-32 {
  padding-bottom: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-32 {
    padding-bottom: calc(112 / 16 * 1rem) !important;
  }
}

.pl-32 {
  padding-left: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-32 {
    padding-left: calc(112 / 16 * 1rem) !important;
  }
}

.pr-32 {
  padding-right: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-32 {
    padding-right: calc(112 / 16 * 1rem) !important;
  }
}

.py-32 {
  padding-top: calc(80 / 16 * 1rem) !important;
  padding-bottom: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-32 {
    padding-top: calc(112 / 16 * 1rem) !important;
    padding-bottom: calc(112 / 16 * 1rem) !important;
  }
}

.px-32 {
  padding-left: calc(80 / 16 * 1rem) !important;
  padding-right: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-32 {
    padding-left: calc(112 / 16 * 1rem) !important;
    padding-right: calc(112 / 16 * 1rem) !important;
  }
}

.m-32 {
  margin: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-32 {
    margin: calc(112 / 16 * 1rem) !important;
  }
}

.mt-32 {
  margin-top: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-32 {
    margin-top: calc(112 / 16 * 1rem) !important;
  }
}

.mb-32 {
  margin-bottom: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-32 {
    margin-bottom: calc(112 / 16 * 1rem) !important;
  }
}

.ml-32 {
  margin-left: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-32 {
    margin-left: calc(112 / 16 * 1rem) !important;
  }
}

.mr-32 {
  margin-right: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-32 {
    margin-right: calc(112 / 16 * 1rem) !important;
  }
}

.my-32 {
  margin-top: calc(80 / 16 * 1rem) !important;
  margin-bottom: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-32 {
    margin-top: calc(112 / 16 * 1rem) !important;
    margin-bottom: calc(112 / 16 * 1rem) !important;
  }
}

.mx-32 {
  margin-left: calc(80 / 16 * 1rem) !important;
  margin-right: calc(80 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-32 {
    margin-left: calc(112 / 16 * 1rem) !important;
    margin-right: calc(112 / 16 * 1rem) !important;
  }
}

.p-33 {
  padding: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .p-33 {
    padding: calc(114 / 16 * 1rem) !important;
  }
}

.pt-33 {
  padding-top: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pt-33 {
    padding-top: calc(114 / 16 * 1rem) !important;
  }
}

.pb-33 {
  padding-bottom: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pb-33 {
    padding-bottom: calc(114 / 16 * 1rem) !important;
  }
}

.pl-33 {
  padding-left: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pl-33 {
    padding-left: calc(114 / 16 * 1rem) !important;
  }
}

.pr-33 {
  padding-right: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .pr-33 {
    padding-right: calc(114 / 16 * 1rem) !important;
  }
}

.py-33 {
  padding-top: calc(82 / 16 * 1rem) !important;
  padding-bottom: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .py-33 {
    padding-top: calc(114 / 16 * 1rem) !important;
    padding-bottom: calc(114 / 16 * 1rem) !important;
  }
}

.px-33 {
  padding-left: calc(82 / 16 * 1rem) !important;
  padding-right: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .px-33 {
    padding-left: calc(114 / 16 * 1rem) !important;
    padding-right: calc(114 / 16 * 1rem) !important;
  }
}

.m-33 {
  margin: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .m-33 {
    margin: calc(114 / 16 * 1rem) !important;
  }
}

.mt-33 {
  margin-top: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mt-33 {
    margin-top: calc(114 / 16 * 1rem) !important;
  }
}

.mb-33 {
  margin-bottom: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mb-33 {
    margin-bottom: calc(114 / 16 * 1rem) !important;
  }
}

.ml-33 {
  margin-left: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .ml-33 {
    margin-left: calc(114 / 16 * 1rem) !important;
  }
}

.mr-33 {
  margin-right: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mr-33 {
    margin-right: calc(114 / 16 * 1rem) !important;
  }
}

.my-33 {
  margin-top: calc(82 / 16 * 1rem) !important;
  margin-bottom: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .my-33 {
    margin-top: calc(114 / 16 * 1rem) !important;
    margin-bottom: calc(114 / 16 * 1rem) !important;
  }
}

.mx-33 {
  margin-left: calc(82 / 16 * 1rem) !important;
  margin-right: calc(82 / 16 * 1rem) !important;
}
@media (min-width: 960px) {
  .mx-33 {
    margin-left: calc(114 / 16 * 1rem) !important;
    margin-right: calc(114 / 16 * 1rem) !important;
  }
}

/*-------------------------------------------
 BASE
-------------------------------------------*/
@font-face {
  font-family: "Sawarabi Mincho";
  src: url("../fonts/SawarabiMincho/SawarabiMincho-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Light (細字) */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueLight.otf") format("opentype");
  font-weight: 300; /* または light */
  font-style: normal;
}
/* Medium (標準) */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueMedium.otf") format("opentype");
  font-weight: 500; /* または medium */
  font-style: normal;
}
/* Bold (太字) */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueBold.otf") format("opentype");
  font-weight: 700; /* または bold */
  font-style: normal;
}
/* Heavy (より太い) */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaHeavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
/* Black (極太) */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica/HelveticaNeueBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
/* Thin (極細) */
@font-face {
  font-family: "Helvetica Neue Condensed";
  src: url("../fonts/helveticaCondensed/HelveticaNeue-Condensed Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/* Regular */
@font-face {
  font-family: "Helvetica Neue Condensed";
  src: url("../fonts/helveticaCondensed/HelveticaNeue-Condensed.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* Bold (太字) */
@font-face {
  font-family: "Helvetica Neue Condensed";
  src: url("../fonts/helveticaCondensed/HelveticaNeue-Condensed Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
* {
  font-feature-settings: "palt";
}

html {
  font-size: 100%;
  letter-spacing: 10%;
}

body {
  background-color: #000;
  color: #fff;
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
}

section {
  overflow: hidden;
}

.b_wrapper {
  width: 80%;
  max-width: 1240px;
  text-align: center;
  margin-inline: auto;
}
@media screen and (max-width: 959px) {
  .b_wrapper {
    width: 100%;
    padding-inline: 3%;
  }
}

.l_header ul li,
.l_footer ul li {
  list-style: none;
}

ul {
  padding-left: 1rem;
  text-align: left;
}

a {
  text-decoration: none;
  color: #fff;
}

img {
  height: auto;
  width: inherit;
}

p {
  line-height: 2.25;
  font-size: calc(16 / 16 * 1rem);
  color: #fff;
  text-align: left;
}

@media (max-width: 959px) {
  p {
    font-size: calc(14 / 16 * 1rem);
  }
}
@media screen and (max-width: 599px) {
  .sp_left {
    text-align: left !important;
  }
  .sp_center {
    text-align: center !important;
  }
}
.sp_br,
.pc_br,
.sp_only,
.pc_only {
  display: none !important;
}

@media (max-width: 959px) {
  .sp_br {
    display: inline !important;
  }
  .sp_only {
    display: block !important;
  }
}
@media (min-width: 960px) {
  .pc_br {
    display: inline !important;
  }
  .pc_only {
    display: block !important;
  }
}
.helvetivaCondensed {
  font-family: "Helvetica Neue Condensed", sans-serif;
}

/* #Main
  -------------------------------------------------------------------------- */
/* ======================================================================
   Common
   ====================================================================== */
section.bubble {
  position: relative;
}
section.bubble::before {
  content: "";
  position: absolute;
  display: block;
  background: url("../image/bubble.png") no-repeat center;
  background-size: cover;
  width: 24.5vw;
  aspect-ratio: 1/1;
  z-index: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  section.bubble::before {
    width: 62.82vw;
    top: 35%;
    right: -25vw;
  }
}
section.bubble > * {
  position: relative;
  z-index: 3;
}

.custom-line {
  color: white;
  display: inline-block;
}

.custom-line.is-black {
  color: black;
}

.custom-line.is-flip {
  transform: scaleX(-1);
}

.custom-line.is-right {
  margin-left: auto;
}

.l_common__titleWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(20 / 16 * 1rem);
  margin-bottom: calc(93 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_common__titleWrap {
    margin-bottom: calc(106 / 16 * 1rem);
  }
}
.l_common__titleWrap .l_common__sec_title {
  font-weight: bold;
  color: white;
  letter-spacing: 0.24em;
  font-size: calc(24 / 16 * 1rem);
  font-family: "Helvetica Neue Condensed", sans-serif;
}
.l_common__titleWrap .l_common__sec_title + svg {
  width: calc(100 / 16 * 1rem);
}
.l_common__titleWrap .l_common__sec_title.-hasMark {
  position: relative;
  left: 3.5rem;
}
.l_common__titleWrap .l_common__sec_title.-hasMark::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(100 / 16 * 1rem);
  aspect-ratio: 1;
  background: url("../image/mark.png") no-repeat center;
  background-size: contain;
  left: -7.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.l_common__titleWrap .l_common__sec_title.-hasMark + svg {
  position: relative;
  left: 3rem;
}

.l_common__button {
  position: relative;
  z-index: 1;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: calc(300 / 16 * 1rem);
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: calc(14 / 16 * 1rem);
  padding: calc(21 / 16 * 1rem) calc(39 / 16 * 1rem);
  overflow: hidden;
  font-family: "Helvetica Neue Condensed", sans-serif;
  letter-spacing: 0.24em;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.l_common__button:hover {
  background-color: #777;
  border-color: #8c8c8c;
}

section.gray_bg {
  background-color: #444;
}
section.gray_bg .l_common__link a {
  border-bottom: 1px solid #fff;
  color: #fff;
}

section.white_bg {
  background-color: #fff;
  color: #111;
}
section.white_bg .l_common__sec_title,
section.white_bg p {
  color: #111;
}
section.white_bg .custom-line {
  color: #111;
}

section.grad_bg {
  width: 100%;
  background-color: #444;
}

p span {
  display: block;
  margin-top: calc(20 / 16 * 1rem);
}

.bl {
  padding-left: 15px;
  border-left: 7px solid;
}

.bl.--gray {
  border-left-color: #777777;
}

.bl.--lightGray {
  border-left-color: #b6b6b6;
}

.bl.--red {
  border-left-color: #db2d2e;
}

.l_common__border {
  border-width: 1px;
  border-color: #fff;
  border-style: solid;
}

.l_common__border.--under {
  border-width: 0 0 1px 0;
}

.l_common__link a {
  display: inline;
  font-weight: bold;
  border-bottom: 1px solid #111;
  margin-top: 0;
  line-height: 1.2;
  color: #111;
}

.l_low_common__fv {
  margin-top: calc(var(--header-height) * -1);
  position: relative;
  overflow: hidden;
  height: calc(800 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low_common__fv {
    margin-top: 0;
    height: 80vh;
  }
}

.l_low_common__fvWrap {
  width: 100%;
  height: 100%;
}

.l_low_common__fvWrap > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}

.l_low_common__fv__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.l_low__common__mainText {
  font-size: calc(24 / 16 * 1rem);
  font-weight: 700;
  font-family: "Helvetica Neue Condensed", sans-serif;
  letter-spacing: 0.3em;
}

.l_low .l_common__titleWrap {
  gap: calc(30 / 16 * 1rem);
  margin-bottom: calc(50 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low .l_common__titleWrap {
    margin-bottom: calc(84 / 16 * 1rem);
  }
}

.l_low__common__subText {
  text-align: center;
}

/* パンくず */
.l_common__breadcrumbs {
  background-color: transparent;
  padding: 15px 20px;
}

.l_common__breadcrumbs__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 10px;
  color: #ffffff;
  font-size: calc(14 / 16 * 1rem);
}

.l_common__breadcrumbs__link {
  color: #ffffff;
  text-decoration: underline;
}

.l_common__breadcrumbs__link:hover {
  text-decoration: none;
}

.l_common__breadcrumbs__separator {
  color: #ffffff;
}

.l_common__breadcrumbs__current {
  color: #ffffff;
}

.l_common__cta.--call {
  border: 1px solid #fff;
  font-weight: 700;
  max-width: calc(640 / 16 * 1rem);
  margin-inline: auto;
  text-align: center;
  margin-bottom: calc(235 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_common__cta.--call {
    margin-bottom: calc(71 / 16 * 1rem);
  }
}
.l_common__cta.--call a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: calc(70 / 16 * 1rem) calc(56 / 16 * 1rem);
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 960px) {
  .l_common__cta.--call a {
    padding: calc(35 / 16 * 1rem) 0;
  }
}
.l_common__cta.--call a:hover {
  background-color: #fff;
  color: #111 !important;
}
.l_common__cta.--call span {
  display: block;
}

.js_fadeUp {
  opacity: 0;
}

/* ページネーション（2枚目のデザイン風） */
.l_low__common__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 50px;
}
.l_low__common__pagination .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  border: 1px solid #666;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}
.l_low__common__pagination .page-numbers.current {
  background-color: #000;
  border-color: #000;
}
.l_low__common__pagination .page-numbers:hover:not(.current) {
  background-color: #333;
}

/* ======================================================================
   HEADER
   ====================================================================== */
:root {
  --header-height: 64px;
}
@media (min-width: 960px) {
  :root {
    --header-height: 100px;
  }
}

.l_header {
  height: var(--header-height);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #000;
}

.l_header__inner,
.l_header nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.l_header nav ul {
  gap: 0.75vw;
  font-size: calc(14 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_header nav ul {
    flex-direction: column;
    align-items: end;
  }
}

.l_header__inner {
  padding-inline: 1.5rem;
  height: 100%;
}
@media (max-width: 960px) {
  .l_header__inner {
    padding-inline: 0.5rem;
  }
}

.l_header__logo {
  width: 9vw;
  max-width: calc(180 / 16 * 1rem);
}

.l_header__nav ul li a {
  transition: opacity 0.3s ease;
}
.l_header__nav ul li a:hover {
  opacity: 0.6;
}

.l_header__call {
  font-weight: bold;
  font-size: calc(29 / 16 * 1rem);
  padding-left: 1.1vw;
  letter-spacing: 0;
}

.l_header__contact {
  position: fixed;
  top: var(--header-height);
  right: 1.5rem;
  z-index: 80;
}
@media (max-width: 960px) {
  .l_header__contact {
    position: fixed;
    top: auto;
    bottom: 2rem;
    right: 0.5rem;
    background-color: rgba(136, 138, 137, 0.7);
    border: none;
  }
}

@media (max-width: 959px) {
  .l_header__logo a {
    display: block;
  }
  .l_header__logo img {
    display: block;
    height: auto;
    max-width: 160px;
  }
  .l_header__hamburger {
    cursor: pointer;
    z-index: 100;
  }
  .l_header__hamburger img {
    display: block;
    width: 32px;
    height: auto;
  }
  .l_header__nav {
    display: none;
  }
  .l_header__nav.is-open {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    top: 0;
    right: 0;
    width: 90%;
    height: 100vh;
    background-color: rgba(51, 51, 51, 0.9);
    z-index: 90;
    padding: 80px 10vw 40px 3vw;
    overflow-y: auto;
  }
  .l_header__nav.is-open::before {
    content: "";
    position: absolute;
    display: block;
    background: url("../image/bubble.png") no-repeat center;
    background-size: cover;
    width: 55vw;
    aspect-ratio: 1/1;
    z-index: 1;
    bottom: 20%;
    left: 2vw;
    opacity: 0.7;
  }
  .l_header__nav ul li a {
    display: flex;
    align-items: center;
    gap: calc(29 / 16 * 1rem);
    color: #fff;
    padding: 10px 0;
    cursor: pointer;
  }
  .l_header__nav ul li a img {
    width: 20px;
    height: auto;
  }
  .l_header__nav-footer {
    width: 100%;
    margin-right: auto;
  }
  .l_header__nav-logo img {
    width: 35.9vw;
    max-width: calc(280 / 16 * 1rem);
    height: auto;
    margin-bottom: calc(16 / 16 * 1rem);
  }
  .l_header__nav-sublinks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(16 / 16 * 1rem);
    margin-left: 13vw;
  }
}
@media (max-width: 959px) and (max-width: 600px) {
  .l_header__nav-sublinks {
    margin-left: 3vw;
  }
}
@media (max-width: 959px) {
  .l_header__nav-sublinks .row {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: calc(16 / 16 * 1rem);
  }
  .l_header__nav-sublinks a {
    font-size: calc(14 / 16 * 1rem);
    white-space: nowrap;
  }
}
/* ======================================================================
   FOOTER
   ====================================================================== */
.l_footer {
  position: relative;
  overflow: hidden;
}
.l_footer::before {
  content: "";
  position: absolute;
  display: block;
  background: url("../image/bubble02.png") no-repeat center;
  background-size: cover;
  width: 24.5vw;
  aspect-ratio: 1/1;
  z-index: 1;
  right: 5vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .l_footer::before {
    width: 62.82vw;
    top: 25%;
    right: -25vw;
  }
}
.l_footer > * {
  position: relative;
  z-index: 3;
}

.l_footer__inner {
  padding-top: calc(98 / 16 * 1rem);
  padding-bottom: calc(32 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_footer__inner {
    padding-top: calc(142 / 16 * 1rem);
    padding-bottom: calc(16 / 16 * 1rem);
  }
}

.l_footer__wrap1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(54 / 16 * 1rem);
  margin-bottom: calc(92 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_footer__wrap1 {
    margin-bottom: calc(74.5 / 16 * 1rem);
    gap: calc(45 / 16 * 1rem);
  }
}

.l_footer__iconYoutube {
  width: calc(40 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_footer__iconYoutube {
    width: calc(70 / 16 * 1rem);
  }
}

.l_footer__wrap2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vw;
  margin-bottom: calc(92 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_footer__wrap2 {
    margin-bottom: calc(74.5 / 16 * 1rem);
    gap: 6vw;
  }
}
.l_footer__wrap2 img {
  max-width: calc(183 / 16 * 1rem); 
  width: 100%;
  height: auto;
}
@media (max-width: 960px) {
  .l_footer__wrap2 img {
    width: calc(100% - 6vw);
	      margin-inline: auto;
  }
}

.l_footer__wrap3 {
  margin-bottom: calc(20 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_footer__wrap3 {
    margin-bottom: calc(58.5 / 16 * 1rem);
  }
}

.l_footer__nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(30 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_footer__nav ul {
    flex-direction: column;
    gap: calc(20 / 16 * 1rem);
  }
}

.l_footer__small {
  display: block;
  text-align: center;
  font-size: calc(10 / 16 * 1rem);
  margin-bottom: calc(30 / 16 * 1rem);
}

/* ======================================================================
   FV
   ====================================================================== */
.l_fv {
  position: relative;
}

.l_fv__wrap {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background-color: #000;
}

.l_fv__wrap video {
  position: relative;
  width: 100%;
  height: 65vh;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.l_fv__inner {
  position: relative;
  padding: 40px 0;
  z-index: 3;
}

.l_fv__wrap picture img {
  width: 100%;
}

.l_fv__logo {
  max-width: calc(249 / 16 * 1rem);
  margin-bottom: 2.5vw;
  margin-inline: auto;
}

.l_fv__mainText {
  text-align: center;
}

/* ======================================================================
   concept
   ====================================================================== */
.l_concept {
  display: grid;
  place-items: center;
  padding-top: calc(188 / 16 * 1rem);
  padding-bottom: calc(190 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_concept {
    padding-top: calc(158 / 16 * 1rem);
    padding-bottom: calc(167 / 16 * 1rem);
  }
}

.l_concept__text p {
  text-align: center;
}
@media (max-width: 960px) {
  .l_concept__text p {
    display: inline-block;
    text-align: left;
    line-height: 60px;
  }
}

/* ======================================================================
   factory
   ====================================================================== */
.l_factory {
  border-bottom: 1px solid #777;
}

.l_factory .l_common__titleWrap {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (max-width: 960px) {
  .l_factory .l_common__titleWrap .l_common__sec_title.-hasMark {
    left: 2.5rem;
  }
}
@media (max-width: 960px) {
  .l_factory .l_common__titleWrap .l_common__sec_title.-hasMark::before {
    left: -5rem;
    z-index: -1;
  }
}
@media (max-width: 960px) {
  .l_factory .l_common__titleWrap .l_common__sec_title.-hasMark + svg {
    left: 1.75rem;
  }
}

.l_factory__inner {
  padding-top: calc(76 / 16 * 1rem);
  padding-bottom: calc(192 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_factory__inner {
    padding-top: calc(162 / 16 * 1rem);
    padding-bottom: calc(135 / 16 * 1rem);
  }
}

.l_factory__content_imageWrap {
  display: flex;
  flex-direction: column;
  gap: 10vw;
  width: 100%;
  margin-bottom: calc(73 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_factory__content_imageWrap {
    gap: 100px;
  }
}

.l_factory__content_imageItem {
  position: static;
  width: 50vw;
  max-width: calc(1000 / 16 * 1rem);
}
.l_factory__content_imageItem:last-child {
  width: 64vw;
  max-width: calc(1280 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_factory__content_imageItem {
    width: 72.31vw;
  }
  .l_factory__content_imageItem:last-child {
    width: 82vw;
  }
}

.l_factory__content_imageItem:nth-child(1) {
  margin-right: auto;
}
@media (max-width: 960px) {
  .l_factory__content_imageItem:nth-child(1) {
    margin-left: -1rem;
  }
}

.l_factory__content_imageItem:nth-child(2) {
  margin-left: auto;
}
@media (max-width: 960px) {
  .l_factory__content_imageItem:nth-child(2) {
    margin-right: -1rem;
  }
}

.l_factory__content_imageItem:nth-child(3) {
  margin-right: auto;
}
@media (max-width: 960px) {
  .l_factory__content_imageItem:nth-child(3) {
    margin-left: -1rem;
  }
}

.l_factory__content_imageItem:nth-child(4) {
  margin-inline: auto;
}

.l_factory__content_imageItem img {
  width: 100%;
  height: auto;
  display: block;
}

.l_factory__text {
  text-align: center;
}
@media (max-width: 960px) {
  .l_factory__text {
    line-height: 60px;
  }
}

/* ======================================================================
   stock
   ====================================================================== */
:not(.l_low) > .l_stock {
  border-bottom: 1px solid #777;
}

.l_stock__inner {
  padding-top: calc(190 / 16 * 1rem);
  padding-bottom: calc(164 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_stock__inner {
    padding-top: calc(152 / 16 * 1rem);
    padding-bottom: calc(145 / 16 * 1rem);
  }
}

.l_low__stock__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__stock__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.l_stock__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: calc(40 / 16 * 1rem) 3.5vw;
}
@media (max-width: 960px) {
  .l_stock__content {
    flex-direction: column;
    gap: calc(40 / 16 * 1rem) 0;
  }
}

.l_stock__card {
  overflow: hidden;
  display: flex;
}

:not(.l_low) .l_stock__card {
  width: calc((100% - 10.5vw) / 4);
  max-width: calc(240 / 16 * 1rem);
}

.l_low .l_stock__card {
  width: calc((100% - 7vw) / 3);
  max-width: calc(316 / 16 * 1rem);
}

.l_stock__card > a {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
  padding-bottom: calc(30 / 16 * 1rem);
}

@media (max-width: 960px) {
  .l_stock__card {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto;
  }
}

.l_stock__card > a:hover {
  background-color: rgba(119, 119, 119, 0.2);
}
.l_stock__card > a:hover img {
  opacity: 0.8;
}

.l_stock__cardImg {
  width: 100%;
  margin-bottom: calc(30 / 16 * 1rem);
}

.l_stock__cardImg img {
  width: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

.l_stock__cardInfo {
  padding: 0 10px;
  text-align: left;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.l_stock__cardBrand {
  font-size: 14px;
  margin-bottom: calc(10 / 16 * 1rem);
}

.l_stock__cardModel {
  font-weight: 700;
  margin-bottom: calc(25 / 16 * 1rem);
  min-height: 3em;
}

.l_stock__cardPrice,
.l_stock__cardTotalPrice {
  font-size: 14px;
}

.l_stock__cardPriceWrap {
  margin-top: auto;
  margin-bottom: calc(20 / 16 * 1rem);
}

.l_stock__cardTable {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin-top: auto;
}

.l_stock__cardTable th,
.l_stock__cardTable td {
  border: 1px solid #ffffff;
  padding: 12px 15px;
  text-align: left;
}

.l_stock__cardTable th {
  width: 35%;
}

.l_stock__cardTable td {
  width: 65%;
}

:not(.l_low) > .l_stock .l_common__button {
  margin-top: calc(100 / 16 * 1rem);
}


/* ======================================================================
   NEWS
   ====================================================================== */
:not(.l_low) > .l_news {
  border-bottom: 1px solid #777;
}

.l_news__inner {
  padding-top: calc(186 / 16 * 1rem);
  padding-bottom: calc(177 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_news__inner {
    padding-top: calc(144 / 16 * 1rem);
    padding-bottom: calc(178 / 16 * 1rem);
  }
}

/* ======================================================================
   GALLERY
   ====================================================================== */
.l_gallery__inner {
  padding-top: calc(148 / 16 * 1rem);
  padding-bottom: calc(164 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_gallery__inner {
    padding-top: calc(172 / 16 * 1rem);
    padding-bottom: calc(158 / 16 * 1rem);
  }
}

.l_gallery__content {
  display: grid;
  gap: calc(55 / 16 * 1rem);
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: calc(86 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_gallery__content {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(45 / 16 * 1rem);
    margin-bottom: calc(100 / 16 * 1rem);
  }
}

.l_gallery__item {
  max-width: 358px;
  width: clac(-30%);
  aspect-ratio: 1/0.76;
}
.l_gallery__item img {
  width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}



/* ======================================================================
   MASTERS
   ====================================================================== */
.l_masters__inner {
  padding-top: calc(161 / 16 * 1rem);
  padding-bottom: calc(174 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_masters__inner {
    padding-top: calc(170 / 16 * 1rem);
    padding-bottom: calc(192 / 16 * 1rem);
  }
}

.l_masters .l_common__titleWrap {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.l_masters__text {
  text-align: center;
  margin-bottom: calc(100 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_masters__text {
    line-height: 60px;
    margin-bottom: calc(133 / 16 * 1rem);
  }
}

.l_masters__contentInner {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: calc(100 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_masters__contentInner {
    flex-direction: column;
  }
}

.l_masters__items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(12 / 16 * 1rem);
}
.l_masters__items p {
  text-align: center;
}

/* ======================================================================
   ABOUT-page
   ====================================================================== */
/*====== QUALITY ======*/
.l_low__about section.bubble::before {
  width: 24.5vw;
  right: -5vw;
  top: 7%;
  transform: translateY(0);
}
@media (max-width: 960px) {
  .l_low__about section.bubble::before {
    width: 62.82vw;
    top: 5%;
    right: -50vw;
  }
}

.l_low__quality__inner {
  padding-top: calc(108 / 16 * 1rem);
  padding-bottom: calc(179 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__quality__inner {
    padding-top: calc(78.5 / 16 * 1rem);
    padding-bottom: calc(233 / 16 * 1rem);
  }
}

.l_low__quality__introText {
  margin-bottom: calc(132 / 16 * 1rem);
  max-width: calc(850 / 16 * 1rem);
  margin-inline: auto;
  text-align: center;
}
@media (max-width: 960px) {
  .l_low__quality__introText {
    text-align: left;
  }
}

.l_low__quality__item {
  max-width: calc(900 / 16 * 1rem);
  margin-bottom: calc(170 / 16 * 1rem);
}
.l_low__quality__item:last-child {
  margin-bottom: 0;
}
.l_low__quality__item:nth-child(odd) {
  margin-right: auto;
}
.l_low__quality__item:nth-child(even) {
  margin-left: auto;
}

.l_low__quality__item_title {
  display: flex;
  align-items: center;
  gap: clamp(10 / 16 * 1rem, 10 / 16 * 1rem + (14 - 10) * calc((100vw - 375px) / 585), 14 / 16 * 1rem);
}

.l_low__quality__item_num {
  font-size: clamp(80 / 16 * 1rem, 80 / 16 * 1rem + (160 - 80) * calc((100vw - 375px) / 585), 160 / 16 * 1rem);
  font-weight: 700;
  background: linear-gradient(137.89deg, #8c8c8c -7.4%, #818181 97.99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
}

.l_low__quality__item_text {
  text-align: left;
  line-height: 1.6;
  font-size: calc(40 / 16 * 1rem);
  font-size: clamp(23 / 16 * 1rem, 23 / 16 * 1rem + (40 - 23) * calc((100vw - 375px) / 585), 40 / 16 * 1rem);
}

/*====== FINANCIAL ======*/
.l_low__financial__inner {
  padding-top: calc(190 / 16 * 1rem);
  padding-bottom: calc(160 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__financial__inner {
    padding-top: calc(112 / 16 * 1rem);
    padding-bottom: calc(115 / 16 * 1rem);
  }
}

@media (min-width: 960px) {
  .l_low__financial__text {
    text-align: center;
  }
}
@media (max-width: 960px) {
  .l_low__financial__text {
    font-size: calc(22 / 16 * 1rem);
  }
}

.l_low__financial__content h3 {
  font-weight: bold;
  text-align: left;
}

.l_low__financial__content h3.l_low__financial__thirdTitle {
  font-size: calc(20 / 16 * 1rem);
}
@media (min-width: 960px) {
  .l_low__financial__content h3.l_low__financial__thirdTitle {
    text-align: center;
  }
}

.l_low__financial__cta {
  margin-bottom: calc(53 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__financial__cta {
    margin-bottom: calc(125 / 16 * 1rem);
  }
}

.l_low__financial__cta_button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 20px;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(89.65deg, #f6f6f6 5.02%, #d0d0d0 83.41%);
  color: #111;
}

.l_low__financial__cta_button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(89.65deg, #d0d0d0 5.02%, #f6f6f6 83.41%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.l_low__financial__cta_button:hover::before {
  opacity: 1;
}

.l_low__financial__cta_title {
  letter-spacing: 0.1em;
}

.l_low__financial__cta_tel {
  font-weight: bold;
}

.l_low__financial__cta_note {
  letter-spacing: 0.1em;
}

.l_low__financial__caseItem {
  margin-bottom: calc(150 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__financial__caseItem {
    margin-bottom: calc(78 / 16 * 1rem);
  }
}

.l_low__financial__content ul {
  padding-inline: 5%;
}

.l_low__financial__content ul li {
  margin-bottom: 20px;
  line-height: 2;
}

.l_low__financial__caseWrap {
  padding-inline: 5%;
}

.l_low__financial__title {
  border-bottom: 2px solid #d9d9d9;
  padding-bottom: 11px;
  max-width: 630px;
  margin-bottom: 11px;
  text-align: left;
  font-weight: 700;
  font-size: calc(28 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__financial__title {
    font-size: calc(22 / 16 * 1rem);
  }
}

.l_low__financial__merit span {
  font-size: calc(24 / 16 * 1rem);
  font-weight: 700;
}
@media (max-width: 960px) {
  .l_low__financial__merit span {
    font-size: calc(18 / 16 * 1rem);
  }
}

/*====== webBusiness ======*/
.l_webBusiness__inner {
  padding-top: calc(190 / 16 * 1rem);
  padding-bottom: calc(160 / 16 * 1rem);
  max-width: calc(813 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_webBusiness__inner {
    padding-top: calc(112 / 16 * 1rem);
    padding-bottom: calc(115 / 16 * 1rem);
  }
}

/* ======================================================================
   PRIVACY-page
   ====================================================================== */
.l_privacy h2,
.l_privacy p {
  text-align: left;
}

.l_privacy ul li {
  line-height: 2;
}

/* ======================================================================
   COMPANY-page
   ====================================================================== */
.l_low__company section.bubble::before {
  width: 24.5vw;
  left: -5vw;
  top: 7%;
  transform: translateY(0);
}
@media (max-width: 960px) {
  .l_low__company section.bubble::before {
    width: 62.82vw;
    top: 5%;
    left: -50vw;
  }
}

.l_company__infoWrap {
  max-width: calc(1000 / 16 * 1rem);
  margin-inline: auto;
}

.l_company__title {
  font-weight: 700;
  font-size: calc(40 / 16 * 1rem);
}

.l_company__text {
  flex: 1;
}

.l_company__infoTitle {
  text-align: left;
  font-weight: 700;
  font-size: calc(32 / 16 * 1rem);
}

.l_company_infoTable {
  width: 100%;
  margin-inline: auto;
  font-size: calc(15 / 16 * 1rem);
}

.l_company_infoTable th,
.l_company_infoTable td {
  padding: 15px 10px;
  text-align: left;
  vertical-align: top;
}

.l_company_infoTable th {
  width: 30%;
  font-weight: normal;
}

.l_company_infoTable td {
  width: 70%;
}

/* ======================================================================
   PAINTING-page
   ====================================================================== */
.l_low__painting section.bubble::before {
  width: 24.5vw;
  right: -5vw;
  top: 7%;
  transform: translateY(0);
}
@media (max-width: 960px) {
  .l_low__painting section.bubble::before {
    width: 62.82vw;
    top: 5%;
    right: -50vw;
  }
}

.l_painting__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.l_painting__mainWrap {
  max-width: calc(861 / 16 * 1rem);
  margin-inline: auto;
}
.l_painting__mainWrap img {
  margin-bottom: calc(73 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__mainWrap img {
    margin-bottom: calc(59 / 16 * 1rem);
  }
}

.l_painting__staffWrap {
  margin-bottom: calc(277 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__staffWrap {
    margin-bottom: calc(165 / 16 * 1rem);
  }
}
.l_painting__staffWrap img {
  max-width: calc(475 / 16 * 1rem);
  margin-bottom: calc(118 / 16 * 1rem);
  width: 100%;
}
@media (max-width: 960px) {
  .l_painting__staffWrap img {
    margin-bottom: calc(75 / 16 * 1rem);
  }
}
.l_painting__staffWrap img:nth-child(1) {
  margin-right: auto;
}
.l_painting__staffWrap img:nth-child(2) {
  margin-inline: auto;
}
.l_painting__staffWrap img:nth-child(3) {
  margin-left: auto;
  margin-bottom: 0;
}

.l_painting__galleryWrap01,
.l_painting__galleryWrap02 {
  margin-bottom: calc(270 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__galleryWrap01,
  .l_painting__galleryWrap02 {
    margin-bottom: calc(120 / 16 * 1rem);
  }
}
.l_painting__galleryWrap01 img,
.l_painting__galleryWrap02 img {
  max-width: calc(815 / 16 * 1rem);
  width: 100%;
  margin-bottom: calc(170 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__galleryWrap01 img,
  .l_painting__galleryWrap02 img {
    margin-bottom: calc(75 / 16 * 1rem);
  }
}
.l_painting__galleryWrap01 img:nth-child(odd),
.l_painting__galleryWrap02 img:nth-child(odd) {
  margin-left: auto;
}
.l_painting__galleryWrap01 img:nth-child(even),
.l_painting__galleryWrap02 img:nth-child(even) {
  margin-right: auto;
}

.l_painting__galleryWrap02 img:nth-child(1) {
  margin-inline: auto !important;
  max-width: calc(605 / 16 * 1rem);
}

.l_painting__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(40 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__info {
    flex-direction: column;
    align-items: stretch;
    gap: calc(20 / 16 * 1rem);
  }
}

.l_painting__infoDetail {
  text-align: left;
  width: 376px;
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .l_painting__infoDetail {
    width: 100%;
  }
}
.l_painting__infoDetail h2 {
  font-size: calc(24 / 16 * 1rem);
  font-weight: 500;
  margin-bottom: calc(20 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_painting__infoDetail h2 {
    font-size: calc(30 / 16 * 1rem);
  }
}

.l_painting__infoMap {
  flex-grow: 1;
  height: calc(333 / 16 * 1rem);
}
.l_painting__infoMap iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* ======================================================================
   ACCESS-page
   ====================================================================== */
.l_low__access section.bubble::before {
  width: 24.5vw;
  left: -5vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .l_low__access section.bubble::before {
    width: 62.82vw;
    top: 15%;
    left: -50vw;
  }
}

.l_access__inner {
  max-width: calc(1024 / 16 * 1rem);
  margin-inline: auto;
  width: 80%;
  padding-bottom: clamp(123 / 16 * 1rem, 123 / 16 * 1rem + (148 - 123) * calc((100vw - 375px) / 585), 148 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_access__inner {
    width: 100%;
    padding-inline: 3%;
  }
}

.l_access__infoWrap {
  margin-bottom: calc(160 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_access__infoWrap {
    margin-bottom: calc(95 / 16 * 1rem);
  }
}

.l_access__infoInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3.26vw;
}
@media (max-width: 960px) {
  .l_access__infoInner {
    flex-direction: column;
    gap: calc(50 / 16 * 1rem);
  }
}

.l_access__infoTitle {
  font-size: clamp(22 / 16 * 1rem, 22 / 16 * 1rem + (40 - 22) * calc((100vw - 375px) / 585), 40 / 16 * 1rem);
  font-weight: 500;
  margin-bottom: 2.7vw;
}

.l_access__infoCaution {
  margin-bottom: 2.8vw;
}

.l_access__map {
  width: 100%;
  height: calc(333 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_access__map {
    height: calc(333 / 16 * 1rem);
  }
}

/* ======================================================================
   MAINTENANCE-page
   ====================================================================== */
.l_low__maintenance section.bubble::before {
  width: 24.5vw;
  right: -5vw;
  top: 7%;
  transform: translateY(0);
}
@media (max-width: 960px) {
  .l_low__maintenance section.bubble::before {
    width: 62.82vw;
    top: 5%;
    right: -50vw;
  }
}

.l_maintenance__inner {
  padding-bottom: clamp(123 / 16 * 1rem, 123 / 16 * 1rem + (148 - 123) * calc((100vw - 375px) / 585), 148 / 16 * 1rem);
}

.l_maintenance__mainWrap {
  max-width: calc(815 / 16 * 1rem);
  margin-inline: auto;
}
.l_maintenance__mainWrap img {
  margin-bottom: clamp(10 / 16 * 1rem, 10 / 16 * 1rem + (58 - 10) * calc((100vw - 375px) / 585), 58 / 16 * 1rem);
}
.l_maintenance__mainWrap p {
  margin-bottom: clamp(43 / 16 * 1rem, 43 / 16 * 1rem + (196 - 43) * calc((100vw - 375px) / 585), 196 / 16 * 1rem);
}

.l_maintenance__galleryItem {
  margin-bottom: calc(120 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_maintenance__galleryItem {
    margin-bottom: calc(100 / 16 * 1rem);
  }
}
.l_maintenance__galleryItem img {
  max-width: calc(815 / 16 * 1rem);
  width: 100%;
  margin-bottom: calc(150 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_maintenance__galleryItem img {
    margin-bottom: calc(50 / 16 * 1rem);
  }
}
.l_maintenance__galleryItem img:nth-child(odd) {
  margin-left: auto;
}
.l_maintenance__galleryItem img:nth-child(even) {
  margin-right: auto;
  margin-bottom: calc(50 / 16 * 1rem);
}
.l_maintenance__galleryItem p {
  text-align: center;
}
@media (max-width: 960px) {
  .l_maintenance__galleryItem p {
    text-align: left;
  }
}

.l_maintenance__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(40 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_maintenance__info {
    flex-direction: column;
    align-items: stretch;
    gap: calc(20 / 16 * 1rem);
  }
}

.l_maintenance__infoDetail {
  text-align: left;
  width: 376px;
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .l_maintenance__infoDetail {
    width: 100%;
  }
}
.l_maintenance__infoDetail h2 {
  font-size: calc(24 / 16 * 1rem);
  font-weight: 500;
  margin-bottom: calc(20 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_maintenance__infoDetail h2 {
    font-size: calc(30 / 16 * 1rem);
  }
}

.l_maintenance__infoMap {
  flex-grow: 1;
  height: calc(333 / 16 * 1rem);
}
.l_maintenance__infoMap iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* ======================================================================
   ASSESSMENT-page
   ====================================================================== */
.l_assessment__mainWrap {
  margin-bottom: clamp(50 / 16 * 1rem, 50 / 16 * 1rem + (80 - 50) * calc((100vw - 375px) / 585), 80 / 16 * 1rem);
}

.l_assessment__mainText {
  margin-bottom: clamp(38 / 16 * 1rem, 38 / 16 * 1rem + (50 - 38) * calc((100vw - 375px) / 585), 50 / 16 * 1rem);
  font-size: clamp(22 / 16 * 1rem, 22 / 16 * 1rem + (28 - 22) * calc((100vw - 375px) / 585), 28 / 16 * 1rem);
}

/* ======================================================================
   common-form
   ====================================================================== */
.l_low__contact .ttl-03,
.l_low__assessment .ttl-03 {
  font-size: 24px;
  font-weight: 900;
  border-left: 5px solid #db2d2e;
  padding: 4px 14px;
  margin: 80px 0 20px;
  color: #ddd;
  letter-spacing: 0.075em;
  line-height: 140%;
  text-align: left;
}

.l_contact__inner,
.l_assessment__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_contact__inner,
  .l_assessment__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.defTable01 {
  margin-inline: auto;
}
.defTable01 p span {
  display: inline !important;
  margin-top: 0 !important;
}
.defTable01 th {
  min-width: 240px;
  padding: 25px;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  font-weight: 600;
  border-bottom: 1px solid #7f7f7f;
  font-size: 15px;
  line-height: 160%;
  letter-spacing: 0.05em;
  color: #fff;
}
.defTable01 th p span {
  color: #db2d2e;
}
.defTable01 tr:first-child th,
.defTable01 tr:first-child td {
  border-top: 1px solid #7f7f7f;
}
.defTable01 td {
  padding: 25px;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #7f7f7f;
  font-size: 15px;
  line-height: 160%;
  letter-spacing: 0.05em;
  width: 100%;
}
.defTable01 input[type=text],
.defTable01 input[type=email] {
  border: 1px solid #909090;
  padding: 15px;
  background: #909090;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
  color: #111;
}
.defTable01 textarea,
.defTable01 select {
  border: 1px solid #909090;
  padding: 15px;
  background: #909090;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
  color: #111;
}
.defTable01 input[type=text].small {
  width: 28%;
}
.defTable01 input,
.defTable01 select {
  vertical-align: middle;
}
.defTable01 .wpcf7-list-item {
  display: inline-block;
  margin: 5px 15px 5px 0 !important;
}
.defTable01 input[type=radio i] {
  background-color: initial;
  cursor: default;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  padding: initial;
  border: initial;
  margin: 3px 3px 0px 5px;
}
@media (max-width: 960px) {
  .defTable01 tr:first-child td {
    border-top: none;
  }
  .defTable01 tr {
    display: block;
    margin-bottom: 20px;
  }
  .defTable01 th,
  .defTable01 td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  .defTable01 th {
    min-width: 0 !important;
    padding: 15px 10px 5px;
    border-bottom: none;
  }
  .defTable01 td {
    padding: 5px 10px 15px;
    border-bottom: 1px solid #7f7f7f;
  }
  .defTable01 tr:first-child th {
    border-top: 1px solid #7f7f7f;
  }
}

.form_btn {
  margin-top: 40px;
}
.form_btn p {
  text-align: center;
}
.form_btn input[type=submit],
.form_btn input[type=button],
.form_btn input[type=reset] {
  background: #db2d2e;
  border: 2px solid #db2d2e;
  font-weight: normal;
  color: #fff;
  padding: 15px 0;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: 0.5s;
  width: 100%;
  max-width: 350px;
  margin: 10px 5px;
  -webkit-appearance: none;
  font-family: "YuGothic";
}
.form_btn input[type=submit]:hover,
.form_btn input[type=button]:hover,
.form_btn input[type=reset]:hover {
  background: transparent;
  color: #db2d2e;
}
.form_btn input[type=reset] {
  background: transparent;
  color: #db2d2e;
}
.form_btn input[type=reset]:hover {
  color: #fff;
  background-color: #db2d2e;
}

/* ======================================================================
   YOUTUBE-page
   ====================================================================== */
.l_youtube__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_youtube__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.l_youtube__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 40px;
}
@media (max-width: 960px) {
  .l_youtube__list {
    grid-template-columns: 1fr;
  }
}

.l_youtube__link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}

.l_youtube__link:hover {
  opacity: 0.8;
}

.l_youtube__thumbnail-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: #000;
  margin-bottom: 12px;
}
.l_youtube__thumbnail-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1;
}

.l_youtube__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.l_youtube__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  background-color: #ff0000;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l_youtube__play-btn::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 4px;
}

.l_youtube__title {
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
  margin: 0;
  word-break: break-all;
}

.l_youtube__empty {
  text-align: center;
  color: #888;
  padding: 40px 0;
}

/* ======================================================================
   low-NEWS-page
   ====================================================================== */
.l_low__news__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__news__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.l_low__news section.bubble::before {
  width: 24.5vw;
  left: -5vw;
  top: 7%;
  transform: translateY(0);
}
@media (max-width: 960px) {
  .l_low__news section.bubble::before {
    width: 62.82vw;
    top: 5%;
    left: -50vw;
  }
}

.l_low__news__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px 30px;
  list-style: none;
  padding: 0;
  margin-bottom: calc(100 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__news__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
    margin-bottom: calc(72 / 16 * 1rem);
  }
}

.l_low .l_low__news__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 960px) {
  .l_low .l_low__news__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

.l_low__news__item {
  width: 100%;
}

.l_low__news__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.l_low__news__link:hover .l_low__news__img-wrapper img {
  transform: scale(1.05);
}
.l_low__news__link:hover .l_low__news__title {
  opacity: 0.7;
}

.l_low__news__img-wrapper {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #333;
}
.l_low__news__img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}

.l_low__news__date {
  display: block;
  margin-bottom: 8px;
}

.l_low__news__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: calc(12 / 16 * 1rem);
  margin-bottom: calc(8 / 16 * 1rem);
}

.l_low__news__cat-name {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  padding: 4px 15px;
  text-align: center;
  min-width: 100px;
  width: 100%;
}

.l_low__news__title {
  font-size: calc(16 / 16 * 1rem);
}

/* ======================================================================
   low-GALLERY-page
   ====================================================================== */
.l_low__gallery__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__gallery__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.l_low__gallery__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(55 / 16 * 1rem);
}
@media (max-width: 960px) {
  .l_low__gallery__content {
    grid-template-columns: 1fr;
    gap: calc(45 / 16 * 1rem);
  }
}

.l_low__gallery__item {
  width: 100%;
  aspect-ratio: 1/0.76;
}
.l_low__gallery__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ======================================================================
  STOCK-single-page
   ====================================================================== */
.b_wrapper.single__stock__inner {
  max-width: calc(1000 / 16 * 1rem);
}

.single__stock__inner {
  padding-bottom: calc(259 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__inner {
    padding-bottom: calc(121 / 16 * 1rem);
  }
}

.single__stock__detailHeader {
  width: 100%;
  margin-bottom: calc(60 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__detailHeader {
    margin-bottom: calc(30 / 16 * 1rem);
  }
}

.single__stock__detailMeta {
  display: flex;
  align-items: baseline;
  gap: calc(16 / 16 * 1rem);
  margin-bottom: calc(16 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__detailMeta {
    gap: calc(10 / 16 * 1rem);
    margin-bottom: calc(12 / 16 * 1rem);
  }
}

.single__stock__cardBrand {
  font-size: calc(28 / 16 * 1rem);
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 960px) {
  .single__stock__cardBrand {
    font-size: calc(20 / 16 * 1rem);
  }
}

.single__stock__cardModel {
  font-size: calc(20 / 16 * 1rem);
  font-weight: 500;
  color: #888888;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 960px) {
  .single__stock__cardModel {
    font-size: calc(14 / 16 * 1rem);
  }
}

.single__stock__headerLine {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #777;
}
.single__stock__headerLine::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(140 / 16 * 1rem);
  height: calc(2 / 16 * 1rem);
  background-color: #e60012;
}
@media (max-width: 960px) {
  .single__stock__headerLine::before {
    width: calc(90 / 16 * 1rem);
    height: calc(2 / 16 * 1rem);
  }
}

.single__stock__sliderArea {
  width: 100%;
  max-width: calc(800 / 16 * 1rem);
  margin-inline: auto;
  margin-bottom: calc(60 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__sliderArea {
    margin-bottom: calc(30 / 16 * 1rem);
  }
}

.single__stock__mainSlider {
  width: 100%;
  margin-bottom: calc(16 / 16 * 1rem);
}
.single__stock__mainSlider .splide__slide {
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #000000;
}
.single__stock__mainSlider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.single__stock__thumbnailSlider {
  width: 100%;
}
.single__stock__thumbnailSlider .splide__slide {
  aspect-ratio: 4/3;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.single__stock__thumbnailSlider .splide__slide.is-active {
  opacity: 1;
}
.single__stock__thumbnailSlider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single__stock__thumbnailSlider .splide__arrow {
  background: none;
  color: #ffffff;
  font-size: calc(20 / 16 * 1rem);
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.single__stock__thumbnailSlider .splide__arrow:hover {
  opacity: 1;
}



.single__stock__noImg {
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #000000;
}
.single__stock__noImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.single__stock__detailSpecs {
  width: 100%;
  margin-top: calc(40 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__detailSpecs {
    margin-top: calc(25 / 16 * 1rem);
  }
}

.single__stock__cardTable {
  width: 100%;
  border-collapse: collapse;
}
.single__stock__cardTable tr {
  border-bottom: 1px solid #777;
}
.single__stock__cardTable tr:first-child {
  border-top: 1px solid #777;
}
.single__stock__cardTable th,
.single__stock__cardTable td {
  padding: calc(24 / 16 * 1rem) calc(16 / 16 * 1rem);
  font-size: calc(16 / 16 * 1rem);
  font-weight: 700;
  color: #ffffff;
  text-align: left;
}
@media (max-width: 960px) {
  .single__stock__cardTable th,
  .single__stock__cardTable td {
    padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem);
    font-size: calc(14 / 16 * 1rem);
  }
}
.single__stock__cardTable th {
  width: calc(240 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__cardTable th {
    width: calc(120 / 16 * 1rem);
  }
}

.single__stock__detailTexts {
  width: 100%;
  margin-top: calc(60 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__detailTexts {
    margin-top: calc(40 / 16 * 1rem);
  }
}

.single__stock__accordion {
  width: 100%;
  background-color: #dddddd;
  border-bottom: 1px solid #1a1a1a;
}
.single__stock__accordion[open] .single__stock__accordionIcon::before {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.single__stock__accordion[open] .single__stock__accordionContent {
  grid-template-rows: 1fr;
}

.single__stock__accordionHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: calc(24 / 16 * 1rem) calc(40 / 16 * 1rem);
  font-size: calc(18 / 16 * 1rem);
  font-weight: 700;
  color: #1a1a1a;
  cursor: pointer;
  list-style: none;
}
.single__stock__accordionHeader::-webkit-details-marker {
  display: none;
}
@media (max-width: 960px) {
  .single__stock__accordionHeader {
    padding: calc(16 / 16 * 1rem) calc(20 / 16 * 1rem);
    font-size: calc(15 / 16 * 1rem);
  }
}

.single__stock__accordionIcon {
  position: absolute;
  right: calc(40 / 16 * 1rem);
  top: 50%;
  transform: translateY(-50%);
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__accordionIcon {
    right: calc(20 / 16 * 1rem);
  }
}
.single__stock__accordionIcon::before, .single__stock__accordionIcon::after {
  content: "";
  position: absolute;
  background-color: #1a1a1a;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.single__stock__accordionIcon::before {
  width: calc(2 / 16 * 1rem);
  height: 100%;
}
.single__stock__accordionIcon::after {
  width: 100%;
  height: calc(2 / 16 * 1rem);
}

.single__stock__accordionContent {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease-out;
  background-color: #000;
  overflow: hidden;
}

.single__stock__accordionInner {
  min-height: 0;
  padding: calc(24 / 16 * 1rem) calc(40 / 16 * 1rem) calc(40 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__accordionInner {
    padding: calc(16 / 16 * 1rem) calc(20 / 16 * 1rem) calc(24 / 16 * 1rem);
  }
}
.single__stock__accordionInner p {
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.8;
  color: #fff;
}
@media (max-width: 960px) {
  .single__stock__accordionInner p {
    font-size: calc(14 / 16 * 1rem);
  }
}

.single__stock__detailVideos {
  width: 100%;
  margin-top: calc(60 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__detailVideos {
    margin-top: calc(40 / 16 * 1rem);
  }
}
.single__stock__detailVideos h3 {
  font-size: calc(24 / 16 * 1rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: calc(24 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__detailVideos h3 {
    font-size: calc(18 / 16 * 1rem);
    margin-bottom: calc(16 / 16 * 1rem);
  }
}

.single__stock__videoList {
  display: flex;
  flex-direction: column;
  gap: calc(40 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__stock__videoList {
    gap: calc(24 / 16 * 1rem);
  }
}

.single__stock__videoWrapper {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #000000;
}
.single__stock__videoWrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.single__stock__videoWrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
  background-color: #222222;
  transition: background-color 0.3s ease;
}
.single__stock__videoWrapper a:hover {
  background-color: #333333;
}

.single__stock__formButton {
  display: block;
  width: 85%;
  margin-inline: auto;
  margin-top: calc(60 / 16 * 1rem);
  padding: calc(20 / 16 * 1rem) calc(40 / 16 * 1rem);
  border: 1px solid #fff;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.single__stock__formButton:hover {
  background-color: #fff;
  color: #000;
}

/* ======================================================================
  NEWS-single-page
   ====================================================================== */
.single__news .single__news__container {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: calc(121 / 16 * 1rem);
}

.single__news__header {
  margin-bottom: 30px;
  padding-bottom: 24px;
}
.single__news__header .single__news__info {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.single__news__header .single__news__date {
  display: inline-block;
  font-size: 16px;
}
.single__news__header .single__news__categories {
  display: inline-flex;
  gap: 8px;
  margin-left: 12px;
}
.single__news__header .single__news__categories .single__news__cat-name {
  background: #000;
  color: #fff;
  font-size: 13px;
  padding: 4px 32px;
  letter-spacing: 0.03em;
}
.single__news__header .single__news__title {
  font-size: 32px;
  font-weight: bold;
  text-align: left;
  margin-bottom: calc(30 / 16 * 1rem);
}
@media (max-width: 960px) {
  .single__news__header .single__news__title {
    font-size: 24px;
  }
}

.single__news__main-img {
  width: 100%;
  margin-bottom: 40px;
}
.single__news__main-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-bottom: calc(20 / 16 * 1rem);
}

.single__news__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  gap: 20px;
}
@media (max-width: 960px) {
  .single__news__navigation {
    gap: 10px;
    margin-top: 60px;
  }
}
.single__news__navigation .single__news__nav-link {
  flex: 1;
  max-width: 240px;
  text-align: center;
}
.single__news__navigation .single__news__nav-link a {
  display: block;
  border: 1px solid #fff;
  padding: 15px 0;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  transition: background 0.3s, color 0.3s;
}
@media (max-width: 960px) {
  .single__news__navigation .single__news__nav-link a {
    padding: 12px 0;
    font-size: 14px;
  }
}
.single__news__navigation .single__news__nav-link a:hover {
  background: #fff;
  color: #000;
}/*# sourceMappingURL=style.css.map */