/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles.scss ***!
  \**************************************************************************************************************************************/
@charset "UTF-8";
/* color
***********************************************/
/*************** screen bootstrap 対応済 ***************/
/*************** path ***************/
/*************** size ***************/
/* fonts
***********************************************/
/* ## BREAK POINTS
***********************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #000000;
  line-height: 1.6;
  background-color: #fff;
}

img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  object-fit: cover;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button, input, select, textarea {
  font: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Heading & Paragraph reset */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

/* List items */
li {
  margin: 0;
  padding: 0;
}

/* Strong/Emphasis reset (ブラウザの太字・斜体を統一) */
strong, b {
  font-weight: 700;
}

em, i {
  font-style: normal;
}

/* Form elements (ブラウザのデフォルト余白対策) */
button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

/* ## SPACING
***********************************************/
/* ## MARGIN, PADDING
***********************************************/
.m-0 {
  margin: 0rem !important;
}

.m-1 {
  margin: 0.5rem !important;
}

.m-2 {
  margin: 1rem !important;
}

.m-3 {
  margin: 1.5rem !important;
}

.m-4 {
  margin: 2rem !important;
}

.m-5 {
  margin: 2.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.m-7 {
  margin: 3.5rem !important;
}

.m-8 {
  margin: 4rem !important;
}

.m-9 {
  margin: 4.5rem !important;
}

.m-10 {
  margin: 5rem !important;
}

.m-11 {
  margin: 5.5rem !important;
}

.m-12 {
  margin: 6rem !important;
}

.m-13 {
  margin: 6.5rem !important;
}

.m-14 {
  margin: 7rem !important;
}

.m-15 {
  margin: 7.5rem !important;
}

.m-16 {
  margin: 8rem !important;
}

.m-17 {
  margin: 8.5rem !important;
}

.m-18 {
  margin: 9rem !important;
}

.m-19 {
  margin: 9.5rem !important;
}

.m-20 {
  margin: 10rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0rem !important;
  }
  .m-sm-1 {
    margin: 0.5rem !important;
  }
  .m-sm-2 {
    margin: 1rem !important;
  }
  .m-sm-3 {
    margin: 1.5rem !important;
  }
  .m-sm-4 {
    margin: 2rem !important;
  }
  .m-sm-5 {
    margin: 2.5rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .m-sm-7 {
    margin: 3.5rem !important;
  }
  .m-sm-8 {
    margin: 4rem !important;
  }
  .m-sm-9 {
    margin: 4.5rem !important;
  }
  .m-sm-10 {
    margin: 5rem !important;
  }
  .m-sm-11 {
    margin: 5.5rem !important;
  }
  .m-sm-12 {
    margin: 6rem !important;
  }
  .m-sm-13 {
    margin: 6.5rem !important;
  }
  .m-sm-14 {
    margin: 7rem !important;
  }
  .m-sm-15 {
    margin: 7.5rem !important;
  }
  .m-sm-16 {
    margin: 8rem !important;
  }
  .m-sm-17 {
    margin: 8.5rem !important;
  }
  .m-sm-18 {
    margin: 9rem !important;
  }
  .m-sm-19 {
    margin: 9.5rem !important;
  }
  .m-sm-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0rem !important;
  }
  .m-md-1 {
    margin: 0.5rem !important;
  }
  .m-md-2 {
    margin: 1rem !important;
  }
  .m-md-3 {
    margin: 1.5rem !important;
  }
  .m-md-4 {
    margin: 2rem !important;
  }
  .m-md-5 {
    margin: 2.5rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .m-md-7 {
    margin: 3.5rem !important;
  }
  .m-md-8 {
    margin: 4rem !important;
  }
  .m-md-9 {
    margin: 4.5rem !important;
  }
  .m-md-10 {
    margin: 5rem !important;
  }
  .m-md-11 {
    margin: 5.5rem !important;
  }
  .m-md-12 {
    margin: 6rem !important;
  }
  .m-md-13 {
    margin: 6.5rem !important;
  }
  .m-md-14 {
    margin: 7rem !important;
  }
  .m-md-15 {
    margin: 7.5rem !important;
  }
  .m-md-16 {
    margin: 8rem !important;
  }
  .m-md-17 {
    margin: 8.5rem !important;
  }
  .m-md-18 {
    margin: 9rem !important;
  }
  .m-md-19 {
    margin: 9.5rem !important;
  }
  .m-md-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
  .m-lg-1 {
    margin: 0.5rem !important;
  }
  .m-lg-2 {
    margin: 1rem !important;
  }
  .m-lg-3 {
    margin: 1.5rem !important;
  }
  .m-lg-4 {
    margin: 2rem !important;
  }
  .m-lg-5 {
    margin: 2.5rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .m-lg-7 {
    margin: 3.5rem !important;
  }
  .m-lg-8 {
    margin: 4rem !important;
  }
  .m-lg-9 {
    margin: 4.5rem !important;
  }
  .m-lg-10 {
    margin: 5rem !important;
  }
  .m-lg-11 {
    margin: 5.5rem !important;
  }
  .m-lg-12 {
    margin: 6rem !important;
  }
  .m-lg-13 {
    margin: 6.5rem !important;
  }
  .m-lg-14 {
    margin: 7rem !important;
  }
  .m-lg-15 {
    margin: 7.5rem !important;
  }
  .m-lg-16 {
    margin: 8rem !important;
  }
  .m-lg-17 {
    margin: 8.5rem !important;
  }
  .m-lg-18 {
    margin: 9rem !important;
  }
  .m-lg-19 {
    margin: 9.5rem !important;
  }
  .m-lg-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0rem !important;
  }
  .m-xl-1 {
    margin: 0.5rem !important;
  }
  .m-xl-2 {
    margin: 1rem !important;
  }
  .m-xl-3 {
    margin: 1.5rem !important;
  }
  .m-xl-4 {
    margin: 2rem !important;
  }
  .m-xl-5 {
    margin: 2.5rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .m-xl-7 {
    margin: 3.5rem !important;
  }
  .m-xl-8 {
    margin: 4rem !important;
  }
  .m-xl-9 {
    margin: 4.5rem !important;
  }
  .m-xl-10 {
    margin: 5rem !important;
  }
  .m-xl-11 {
    margin: 5.5rem !important;
  }
  .m-xl-12 {
    margin: 6rem !important;
  }
  .m-xl-13 {
    margin: 6.5rem !important;
  }
  .m-xl-14 {
    margin: 7rem !important;
  }
  .m-xl-15 {
    margin: 7.5rem !important;
  }
  .m-xl-16 {
    margin: 8rem !important;
  }
  .m-xl-17 {
    margin: 8.5rem !important;
  }
  .m-xl-18 {
    margin: 9rem !important;
  }
  .m-xl-19 {
    margin: 9.5rem !important;
  }
  .m-xl-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0rem !important;
  }
  .m-xxl-1 {
    margin: 0.5rem !important;
  }
  .m-xxl-2 {
    margin: 1rem !important;
  }
  .m-xxl-3 {
    margin: 1.5rem !important;
  }
  .m-xxl-4 {
    margin: 2rem !important;
  }
  .m-xxl-5 {
    margin: 2.5rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .m-xxl-7 {
    margin: 3.5rem !important;
  }
  .m-xxl-8 {
    margin: 4rem !important;
  }
  .m-xxl-9 {
    margin: 4.5rem !important;
  }
  .m-xxl-10 {
    margin: 5rem !important;
  }
  .m-xxl-11 {
    margin: 5.5rem !important;
  }
  .m-xxl-12 {
    margin: 6rem !important;
  }
  .m-xxl-13 {
    margin: 6.5rem !important;
  }
  .m-xxl-14 {
    margin: 7rem !important;
  }
  .m-xxl-15 {
    margin: 7.5rem !important;
  }
  .m-xxl-16 {
    margin: 8rem !important;
  }
  .m-xxl-17 {
    margin: 8.5rem !important;
  }
  .m-xxl-18 {
    margin: 9rem !important;
  }
  .m-xxl-19 {
    margin: 9.5rem !important;
  }
  .m-xxl-20 {
    margin: 10rem !important;
  }
}
.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mt-5 {
  margin-top: 2.5rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mt-7 {
  margin-top: 3.5rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mt-9 {
  margin-top: 4.5rem !important;
}

.mt-10 {
  margin-top: 5rem !important;
}

.mt-11 {
  margin-top: 5.5rem !important;
}

.mt-12 {
  margin-top: 6rem !important;
}

.mt-13 {
  margin-top: 6.5rem !important;
}

.mt-14 {
  margin-top: 7rem !important;
}

.mt-15 {
  margin-top: 7.5rem !important;
}

.mt-16 {
  margin-top: 8rem !important;
}

.mt-17 {
  margin-top: 8.5rem !important;
}

.mt-18 {
  margin-top: 9rem !important;
}

.mt-19 {
  margin-top: 9.5rem !important;
}

.mt-20 {
  margin-top: 10rem !important;
}

@media (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 2rem !important;
  }
  .mt-sm-5 {
    margin-top: 2.5rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mt-sm-7 {
    margin-top: 3.5rem !important;
  }
  .mt-sm-8 {
    margin-top: 4rem !important;
  }
  .mt-sm-9 {
    margin-top: 4.5rem !important;
  }
  .mt-sm-10 {
    margin-top: 5rem !important;
  }
  .mt-sm-11 {
    margin-top: 5.5rem !important;
  }
  .mt-sm-12 {
    margin-top: 6rem !important;
  }
  .mt-sm-13 {
    margin-top: 6.5rem !important;
  }
  .mt-sm-14 {
    margin-top: 7rem !important;
  }
  .mt-sm-15 {
    margin-top: 7.5rem !important;
  }
  .mt-sm-16 {
    margin-top: 8rem !important;
  }
  .mt-sm-17 {
    margin-top: 8.5rem !important;
  }
  .mt-sm-18 {
    margin-top: 9rem !important;
  }
  .mt-sm-19 {
    margin-top: 9.5rem !important;
  }
  .mt-sm-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .mt-md-1 {
    margin-top: 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 2rem !important;
  }
  .mt-md-5 {
    margin-top: 2.5rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mt-md-7 {
    margin-top: 3.5rem !important;
  }
  .mt-md-8 {
    margin-top: 4rem !important;
  }
  .mt-md-9 {
    margin-top: 4.5rem !important;
  }
  .mt-md-10 {
    margin-top: 5rem !important;
  }
  .mt-md-11 {
    margin-top: 5.5rem !important;
  }
  .mt-md-12 {
    margin-top: 6rem !important;
  }
  .mt-md-13 {
    margin-top: 6.5rem !important;
  }
  .mt-md-14 {
    margin-top: 7rem !important;
  }
  .mt-md-15 {
    margin-top: 7.5rem !important;
  }
  .mt-md-16 {
    margin-top: 8rem !important;
  }
  .mt-md-17 {
    margin-top: 8.5rem !important;
  }
  .mt-md-18 {
    margin-top: 9rem !important;
  }
  .mt-md-19 {
    margin-top: 9.5rem !important;
  }
  .mt-md-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 2rem !important;
  }
  .mt-lg-5 {
    margin-top: 2.5rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mt-lg-7 {
    margin-top: 3.5rem !important;
  }
  .mt-lg-8 {
    margin-top: 4rem !important;
  }
  .mt-lg-9 {
    margin-top: 4.5rem !important;
  }
  .mt-lg-10 {
    margin-top: 5rem !important;
  }
  .mt-lg-11 {
    margin-top: 5.5rem !important;
  }
  .mt-lg-12 {
    margin-top: 6rem !important;
  }
  .mt-lg-13 {
    margin-top: 6.5rem !important;
  }
  .mt-lg-14 {
    margin-top: 7rem !important;
  }
  .mt-lg-15 {
    margin-top: 7.5rem !important;
  }
  .mt-lg-16 {
    margin-top: 8rem !important;
  }
  .mt-lg-17 {
    margin-top: 8.5rem !important;
  }
  .mt-lg-18 {
    margin-top: 9rem !important;
  }
  .mt-lg-19 {
    margin-top: 9.5rem !important;
  }
  .mt-lg-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 2rem !important;
  }
  .mt-xl-5 {
    margin-top: 2.5rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mt-xl-7 {
    margin-top: 3.5rem !important;
  }
  .mt-xl-8 {
    margin-top: 4rem !important;
  }
  .mt-xl-9 {
    margin-top: 4.5rem !important;
  }
  .mt-xl-10 {
    margin-top: 5rem !important;
  }
  .mt-xl-11 {
    margin-top: 5.5rem !important;
  }
  .mt-xl-12 {
    margin-top: 6rem !important;
  }
  .mt-xl-13 {
    margin-top: 6.5rem !important;
  }
  .mt-xl-14 {
    margin-top: 7rem !important;
  }
  .mt-xl-15 {
    margin-top: 7.5rem !important;
  }
  .mt-xl-16 {
    margin-top: 8rem !important;
  }
  .mt-xl-17 {
    margin-top: 8.5rem !important;
  }
  .mt-xl-18 {
    margin-top: 9rem !important;
  }
  .mt-xl-19 {
    margin-top: 9.5rem !important;
  }
  .mt-xl-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-0 {
    margin-top: 0rem !important;
  }
  .mt-xxl-1 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-2 {
    margin-top: 1rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-4 {
    margin-top: 2rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2.5rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3rem !important;
  }
  .mt-xxl-7 {
    margin-top: 3.5rem !important;
  }
  .mt-xxl-8 {
    margin-top: 4rem !important;
  }
  .mt-xxl-9 {
    margin-top: 4.5rem !important;
  }
  .mt-xxl-10 {
    margin-top: 5rem !important;
  }
  .mt-xxl-11 {
    margin-top: 5.5rem !important;
  }
  .mt-xxl-12 {
    margin-top: 6rem !important;
  }
  .mt-xxl-13 {
    margin-top: 6.5rem !important;
  }
  .mt-xxl-14 {
    margin-top: 7rem !important;
  }
  .mt-xxl-15 {
    margin-top: 7.5rem !important;
  }
  .mt-xxl-16 {
    margin-top: 8rem !important;
  }
  .mt-xxl-17 {
    margin-top: 8.5rem !important;
  }
  .mt-xxl-18 {
    margin-top: 9rem !important;
  }
  .mt-xxl-19 {
    margin-top: 9.5rem !important;
  }
  .mt-xxl-20 {
    margin-top: 10rem !important;
  }
}
.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.mb-7 {
  margin-bottom: 3.5rem !important;
}

.mb-8 {
  margin-bottom: 4rem !important;
}

.mb-9 {
  margin-bottom: 4.5rem !important;
}

.mb-10 {
  margin-bottom: 5rem !important;
}

.mb-11 {
  margin-bottom: 5.5rem !important;
}

.mb-12 {
  margin-bottom: 6rem !important;
}

.mb-13 {
  margin-bottom: 6.5rem !important;
}

.mb-14 {
  margin-bottom: 7rem !important;
}

.mb-15 {
  margin-bottom: 7.5rem !important;
}

.mb-16 {
  margin-bottom: 8rem !important;
}

.mb-17 {
  margin-bottom: 8.5rem !important;
}

.mb-18 {
  margin-bottom: 9rem !important;
}

.mb-19 {
  margin-bottom: 9.5rem !important;
}

.mb-20 {
  margin-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 5rem !important;
  }
  .mb-sm-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-sm-14 {
    margin-bottom: 7rem !important;
  }
  .mb-sm-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 8rem !important;
  }
  .mb-sm-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-sm-18 {
    margin-bottom: 9rem !important;
  }
  .mb-sm-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 2rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mb-md-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-md-8 {
    margin-bottom: 4rem !important;
  }
  .mb-md-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-md-10 {
    margin-bottom: 5rem !important;
  }
  .mb-md-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-md-12 {
    margin-bottom: 6rem !important;
  }
  .mb-md-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-md-14 {
    margin-bottom: 7rem !important;
  }
  .mb-md-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-md-16 {
    margin-bottom: 8rem !important;
  }
  .mb-md-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-md-18 {
    margin-bottom: 9rem !important;
  }
  .mb-md-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-md-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 8rem !important;
  }
  .mb-lg-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-lg-18 {
    margin-bottom: 9rem !important;
  }
  .mb-lg-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 5rem !important;
  }
  .mb-xl-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 7rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 8rem !important;
  }
  .mb-xl-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 9rem !important;
  }
  .mb-xl-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 4rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xxl-10 {
    margin-bottom: 5rem !important;
  }
  .mb-xxl-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-xxl-12 {
    margin-bottom: 6rem !important;
  }
  .mb-xxl-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-xxl-14 {
    margin-bottom: 7rem !important;
  }
  .mb-xxl-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-xxl-16 {
    margin-bottom: 8rem !important;
  }
  .mb-xxl-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-xxl-18 {
    margin-bottom: 9rem !important;
  }
  .mb-xxl-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-xxl-20 {
    margin-bottom: 10rem !important;
  }
}
.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.ml-7 {
  margin-left: 3.5rem !important;
}

.ml-8 {
  margin-left: 4rem !important;
}

.ml-9 {
  margin-left: 4.5rem !important;
}

.ml-10 {
  margin-left: 5rem !important;
}

.ml-11 {
  margin-left: 5.5rem !important;
}

.ml-12 {
  margin-left: 6rem !important;
}

.ml-13 {
  margin-left: 6.5rem !important;
}

.ml-14 {
  margin-left: 7rem !important;
}

.ml-15 {
  margin-left: 7.5rem !important;
}

.ml-16 {
  margin-left: 8rem !important;
}

.ml-17 {
  margin-left: 8.5rem !important;
}

.ml-18 {
  margin-left: 9rem !important;
}

.ml-19 {
  margin-left: 9.5rem !important;
}

.ml-20 {
  margin-left: 10rem !important;
}

@media (min-width: 576px) {
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 2rem !important;
  }
  .ml-sm-5 {
    margin-left: 2.5rem !important;
  }
  .ml-sm-6 {
    margin-left: 3rem !important;
  }
  .ml-sm-7 {
    margin-left: 3.5rem !important;
  }
  .ml-sm-8 {
    margin-left: 4rem !important;
  }
  .ml-sm-9 {
    margin-left: 4.5rem !important;
  }
  .ml-sm-10 {
    margin-left: 5rem !important;
  }
  .ml-sm-11 {
    margin-left: 5.5rem !important;
  }
  .ml-sm-12 {
    margin-left: 6rem !important;
  }
  .ml-sm-13 {
    margin-left: 6.5rem !important;
  }
  .ml-sm-14 {
    margin-left: 7rem !important;
  }
  .ml-sm-15 {
    margin-left: 7.5rem !important;
  }
  .ml-sm-16 {
    margin-left: 8rem !important;
  }
  .ml-sm-17 {
    margin-left: 8.5rem !important;
  }
  .ml-sm-18 {
    margin-left: 9rem !important;
  }
  .ml-sm-19 {
    margin-left: 9.5rem !important;
  }
  .ml-sm-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .ml-md-1 {
    margin-left: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 2rem !important;
  }
  .ml-md-5 {
    margin-left: 2.5rem !important;
  }
  .ml-md-6 {
    margin-left: 3rem !important;
  }
  .ml-md-7 {
    margin-left: 3.5rem !important;
  }
  .ml-md-8 {
    margin-left: 4rem !important;
  }
  .ml-md-9 {
    margin-left: 4.5rem !important;
  }
  .ml-md-10 {
    margin-left: 5rem !important;
  }
  .ml-md-11 {
    margin-left: 5.5rem !important;
  }
  .ml-md-12 {
    margin-left: 6rem !important;
  }
  .ml-md-13 {
    margin-left: 6.5rem !important;
  }
  .ml-md-14 {
    margin-left: 7rem !important;
  }
  .ml-md-15 {
    margin-left: 7.5rem !important;
  }
  .ml-md-16 {
    margin-left: 8rem !important;
  }
  .ml-md-17 {
    margin-left: 8.5rem !important;
  }
  .ml-md-18 {
    margin-left: 9rem !important;
  }
  .ml-md-19 {
    margin-left: 9.5rem !important;
  }
  .ml-md-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 2rem !important;
  }
  .ml-lg-5 {
    margin-left: 2.5rem !important;
  }
  .ml-lg-6 {
    margin-left: 3rem !important;
  }
  .ml-lg-7 {
    margin-left: 3.5rem !important;
  }
  .ml-lg-8 {
    margin-left: 4rem !important;
  }
  .ml-lg-9 {
    margin-left: 4.5rem !important;
  }
  .ml-lg-10 {
    margin-left: 5rem !important;
  }
  .ml-lg-11 {
    margin-left: 5.5rem !important;
  }
  .ml-lg-12 {
    margin-left: 6rem !important;
  }
  .ml-lg-13 {
    margin-left: 6.5rem !important;
  }
  .ml-lg-14 {
    margin-left: 7rem !important;
  }
  .ml-lg-15 {
    margin-left: 7.5rem !important;
  }
  .ml-lg-16 {
    margin-left: 8rem !important;
  }
  .ml-lg-17 {
    margin-left: 8.5rem !important;
  }
  .ml-lg-18 {
    margin-left: 9rem !important;
  }
  .ml-lg-19 {
    margin-left: 9.5rem !important;
  }
  .ml-lg-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 2rem !important;
  }
  .ml-xl-5 {
    margin-left: 2.5rem !important;
  }
  .ml-xl-6 {
    margin-left: 3rem !important;
  }
  .ml-xl-7 {
    margin-left: 3.5rem !important;
  }
  .ml-xl-8 {
    margin-left: 4rem !important;
  }
  .ml-xl-9 {
    margin-left: 4.5rem !important;
  }
  .ml-xl-10 {
    margin-left: 5rem !important;
  }
  .ml-xl-11 {
    margin-left: 5.5rem !important;
  }
  .ml-xl-12 {
    margin-left: 6rem !important;
  }
  .ml-xl-13 {
    margin-left: 6.5rem !important;
  }
  .ml-xl-14 {
    margin-left: 7rem !important;
  }
  .ml-xl-15 {
    margin-left: 7.5rem !important;
  }
  .ml-xl-16 {
    margin-left: 8rem !important;
  }
  .ml-xl-17 {
    margin-left: 8.5rem !important;
  }
  .ml-xl-18 {
    margin-left: 9rem !important;
  }
  .ml-xl-19 {
    margin-left: 9.5rem !important;
  }
  .ml-xl-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-0 {
    margin-left: 0rem !important;
  }
  .ml-xxl-1 {
    margin-left: 0.5rem !important;
  }
  .ml-xxl-2 {
    margin-left: 1rem !important;
  }
  .ml-xxl-3 {
    margin-left: 1.5rem !important;
  }
  .ml-xxl-4 {
    margin-left: 2rem !important;
  }
  .ml-xxl-5 {
    margin-left: 2.5rem !important;
  }
  .ml-xxl-6 {
    margin-left: 3rem !important;
  }
  .ml-xxl-7 {
    margin-left: 3.5rem !important;
  }
  .ml-xxl-8 {
    margin-left: 4rem !important;
  }
  .ml-xxl-9 {
    margin-left: 4.5rem !important;
  }
  .ml-xxl-10 {
    margin-left: 5rem !important;
  }
  .ml-xxl-11 {
    margin-left: 5.5rem !important;
  }
  .ml-xxl-12 {
    margin-left: 6rem !important;
  }
  .ml-xxl-13 {
    margin-left: 6.5rem !important;
  }
  .ml-xxl-14 {
    margin-left: 7rem !important;
  }
  .ml-xxl-15 {
    margin-left: 7.5rem !important;
  }
  .ml-xxl-16 {
    margin-left: 8rem !important;
  }
  .ml-xxl-17 {
    margin-left: 8.5rem !important;
  }
  .ml-xxl-18 {
    margin-left: 9rem !important;
  }
  .ml-xxl-19 {
    margin-left: 9.5rem !important;
  }
  .ml-xxl-20 {
    margin-left: 10rem !important;
  }
}
.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mr-7 {
  margin-right: 3.5rem !important;
}

.mr-8 {
  margin-right: 4rem !important;
}

.mr-9 {
  margin-right: 4.5rem !important;
}

.mr-10 {
  margin-right: 5rem !important;
}

.mr-11 {
  margin-right: 5.5rem !important;
}

.mr-12 {
  margin-right: 6rem !important;
}

.mr-13 {
  margin-right: 6.5rem !important;
}

.mr-14 {
  margin-right: 7rem !important;
}

.mr-15 {
  margin-right: 7.5rem !important;
}

.mr-16 {
  margin-right: 8rem !important;
}

.mr-17 {
  margin-right: 8.5rem !important;
}

.mr-18 {
  margin-right: 9rem !important;
}

.mr-19 {
  margin-right: 9.5rem !important;
}

.mr-20 {
  margin-right: 10rem !important;
}

@media (min-width: 576px) {
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 2rem !important;
  }
  .mr-sm-5 {
    margin-right: 2.5rem !important;
  }
  .mr-sm-6 {
    margin-right: 3rem !important;
  }
  .mr-sm-7 {
    margin-right: 3.5rem !important;
  }
  .mr-sm-8 {
    margin-right: 4rem !important;
  }
  .mr-sm-9 {
    margin-right: 4.5rem !important;
  }
  .mr-sm-10 {
    margin-right: 5rem !important;
  }
  .mr-sm-11 {
    margin-right: 5.5rem !important;
  }
  .mr-sm-12 {
    margin-right: 6rem !important;
  }
  .mr-sm-13 {
    margin-right: 6.5rem !important;
  }
  .mr-sm-14 {
    margin-right: 7rem !important;
  }
  .mr-sm-15 {
    margin-right: 7.5rem !important;
  }
  .mr-sm-16 {
    margin-right: 8rem !important;
  }
  .mr-sm-17 {
    margin-right: 8.5rem !important;
  }
  .mr-sm-18 {
    margin-right: 9rem !important;
  }
  .mr-sm-19 {
    margin-right: 9.5rem !important;
  }
  .mr-sm-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mr-md-1 {
    margin-right: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 2rem !important;
  }
  .mr-md-5 {
    margin-right: 2.5rem !important;
  }
  .mr-md-6 {
    margin-right: 3rem !important;
  }
  .mr-md-7 {
    margin-right: 3.5rem !important;
  }
  .mr-md-8 {
    margin-right: 4rem !important;
  }
  .mr-md-9 {
    margin-right: 4.5rem !important;
  }
  .mr-md-10 {
    margin-right: 5rem !important;
  }
  .mr-md-11 {
    margin-right: 5.5rem !important;
  }
  .mr-md-12 {
    margin-right: 6rem !important;
  }
  .mr-md-13 {
    margin-right: 6.5rem !important;
  }
  .mr-md-14 {
    margin-right: 7rem !important;
  }
  .mr-md-15 {
    margin-right: 7.5rem !important;
  }
  .mr-md-16 {
    margin-right: 8rem !important;
  }
  .mr-md-17 {
    margin-right: 8.5rem !important;
  }
  .mr-md-18 {
    margin-right: 9rem !important;
  }
  .mr-md-19 {
    margin-right: 9.5rem !important;
  }
  .mr-md-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 2rem !important;
  }
  .mr-lg-5 {
    margin-right: 2.5rem !important;
  }
  .mr-lg-6 {
    margin-right: 3rem !important;
  }
  .mr-lg-7 {
    margin-right: 3.5rem !important;
  }
  .mr-lg-8 {
    margin-right: 4rem !important;
  }
  .mr-lg-9 {
    margin-right: 4.5rem !important;
  }
  .mr-lg-10 {
    margin-right: 5rem !important;
  }
  .mr-lg-11 {
    margin-right: 5.5rem !important;
  }
  .mr-lg-12 {
    margin-right: 6rem !important;
  }
  .mr-lg-13 {
    margin-right: 6.5rem !important;
  }
  .mr-lg-14 {
    margin-right: 7rem !important;
  }
  .mr-lg-15 {
    margin-right: 7.5rem !important;
  }
  .mr-lg-16 {
    margin-right: 8rem !important;
  }
  .mr-lg-17 {
    margin-right: 8.5rem !important;
  }
  .mr-lg-18 {
    margin-right: 9rem !important;
  }
  .mr-lg-19 {
    margin-right: 9.5rem !important;
  }
  .mr-lg-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 2rem !important;
  }
  .mr-xl-5 {
    margin-right: 2.5rem !important;
  }
  .mr-xl-6 {
    margin-right: 3rem !important;
  }
  .mr-xl-7 {
    margin-right: 3.5rem !important;
  }
  .mr-xl-8 {
    margin-right: 4rem !important;
  }
  .mr-xl-9 {
    margin-right: 4.5rem !important;
  }
  .mr-xl-10 {
    margin-right: 5rem !important;
  }
  .mr-xl-11 {
    margin-right: 5.5rem !important;
  }
  .mr-xl-12 {
    margin-right: 6rem !important;
  }
  .mr-xl-13 {
    margin-right: 6.5rem !important;
  }
  .mr-xl-14 {
    margin-right: 7rem !important;
  }
  .mr-xl-15 {
    margin-right: 7.5rem !important;
  }
  .mr-xl-16 {
    margin-right: 8rem !important;
  }
  .mr-xl-17 {
    margin-right: 8.5rem !important;
  }
  .mr-xl-18 {
    margin-right: 9rem !important;
  }
  .mr-xl-19 {
    margin-right: 9.5rem !important;
  }
  .mr-xl-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    margin-right: 0rem !important;
  }
  .mr-xxl-1 {
    margin-right: 0.5rem !important;
  }
  .mr-xxl-2 {
    margin-right: 1rem !important;
  }
  .mr-xxl-3 {
    margin-right: 1.5rem !important;
  }
  .mr-xxl-4 {
    margin-right: 2rem !important;
  }
  .mr-xxl-5 {
    margin-right: 2.5rem !important;
  }
  .mr-xxl-6 {
    margin-right: 3rem !important;
  }
  .mr-xxl-7 {
    margin-right: 3.5rem !important;
  }
  .mr-xxl-8 {
    margin-right: 4rem !important;
  }
  .mr-xxl-9 {
    margin-right: 4.5rem !important;
  }
  .mr-xxl-10 {
    margin-right: 5rem !important;
  }
  .mr-xxl-11 {
    margin-right: 5.5rem !important;
  }
  .mr-xxl-12 {
    margin-right: 6rem !important;
  }
  .mr-xxl-13 {
    margin-right: 6.5rem !important;
  }
  .mr-xxl-14 {
    margin-right: 7rem !important;
  }
  .mr-xxl-15 {
    margin-right: 7.5rem !important;
  }
  .mr-xxl-16 {
    margin-right: 8rem !important;
  }
  .mr-xxl-17 {
    margin-right: 8.5rem !important;
  }
  .mr-xxl-18 {
    margin-right: 9rem !important;
  }
  .mr-xxl-19 {
    margin-right: 9.5rem !important;
  }
  .mr-xxl-20 {
    margin-right: 10rem !important;
  }
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx-5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-7 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.mx-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx-9 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.mx-10 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mx-11 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.mx-12 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-13 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.mx-14 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx-15 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.mx-16 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mx-17 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.mx-18 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.mx-19 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.mx-20 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

@media (min-width: 576px) {
  .mx-sm-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-sm-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-sm-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-sm-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-sm-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-sm-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-sm-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-sm-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-sm-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-sm-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-sm-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-sm-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-sm-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-sm-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-sm-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-sm-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-md-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-md-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-md-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-md-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-md-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-md-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-md-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-md-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-md-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-md-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-md-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-md-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-md-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-md-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-md-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-lg-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-lg-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-lg-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-lg-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-lg-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-lg-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-lg-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-lg-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-lg-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-lg-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-lg-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-lg-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-lg-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-lg-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-lg-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-xl-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-xl-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-xl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-xl-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-xl-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-xl-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-xl-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xl-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-xl-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-xl-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-xl-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-xl-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-xl-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-xl-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-xl-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mx-xxl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-xxl-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-xxl-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-xxl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-xxl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-xxl-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-xxl-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-xxl-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-xxl-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xxl-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-xxl-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-xxl-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-xxl-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-xxl-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-xxl-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-xxl-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-xxl-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-7 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.my-8 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-9 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.my-10 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-11 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.my-12 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-13 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.my-14 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-15 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.my-16 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my-17 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.my-18 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.my-19 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.my-20 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .my-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-sm-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-sm-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-sm-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-sm-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-sm-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-sm-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-sm-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-sm-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-sm-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-sm-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-sm-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-sm-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-sm-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-sm-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-md-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-md-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-md-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-md-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-md-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-md-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-md-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-md-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-md-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-md-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-md-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-md-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-lg-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-lg-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-lg-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-lg-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-lg-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-lg-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-lg-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-lg-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-lg-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-lg-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-lg-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-lg-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-xl-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xl-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xl-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xl-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xl-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-xl-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xl-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-xl-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xl-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-xl-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-xl-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-xl-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-xl-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-xl-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .my-xxl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-xxl-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xxl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xxl-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xxl-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xxl-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xxl-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-xxl-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xxl-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-xxl-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xxl-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-xxl-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-xxl-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-xxl-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-xxl-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-xxl-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
.p-0 {
  padding: 0rem !important;
}

.p-1 {
  padding: 0.5rem !important;
}

.p-2 {
  padding: 1rem !important;
}

.p-3 {
  padding: 1.5rem !important;
}

.p-4 {
  padding: 2rem !important;
}

.p-5 {
  padding: 2.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.p-7 {
  padding: 3.5rem !important;
}

.p-8 {
  padding: 4rem !important;
}

.p-9 {
  padding: 4.5rem !important;
}

.p-10 {
  padding: 5rem !important;
}

.p-11 {
  padding: 5.5rem !important;
}

.p-12 {
  padding: 6rem !important;
}

.p-13 {
  padding: 6.5rem !important;
}

.p-14 {
  padding: 7rem !important;
}

.p-15 {
  padding: 7.5rem !important;
}

.p-16 {
  padding: 8rem !important;
}

.p-17 {
  padding: 8.5rem !important;
}

.p-18 {
  padding: 9rem !important;
}

.p-19 {
  padding: 9.5rem !important;
}

.p-20 {
  padding: 10rem !important;
}

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0rem !important;
  }
  .p-sm-1 {
    padding: 0.5rem !important;
  }
  .p-sm-2 {
    padding: 1rem !important;
  }
  .p-sm-3 {
    padding: 1.5rem !important;
  }
  .p-sm-4 {
    padding: 2rem !important;
  }
  .p-sm-5 {
    padding: 2.5rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .p-sm-7 {
    padding: 3.5rem !important;
  }
  .p-sm-8 {
    padding: 4rem !important;
  }
  .p-sm-9 {
    padding: 4.5rem !important;
  }
  .p-sm-10 {
    padding: 5rem !important;
  }
  .p-sm-11 {
    padding: 5.5rem !important;
  }
  .p-sm-12 {
    padding: 6rem !important;
  }
  .p-sm-13 {
    padding: 6.5rem !important;
  }
  .p-sm-14 {
    padding: 7rem !important;
  }
  .p-sm-15 {
    padding: 7.5rem !important;
  }
  .p-sm-16 {
    padding: 8rem !important;
  }
  .p-sm-17 {
    padding: 8.5rem !important;
  }
  .p-sm-18 {
    padding: 9rem !important;
  }
  .p-sm-19 {
    padding: 9.5rem !important;
  }
  .p-sm-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0rem !important;
  }
  .p-md-1 {
    padding: 0.5rem !important;
  }
  .p-md-2 {
    padding: 1rem !important;
  }
  .p-md-3 {
    padding: 1.5rem !important;
  }
  .p-md-4 {
    padding: 2rem !important;
  }
  .p-md-5 {
    padding: 2.5rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .p-md-7 {
    padding: 3.5rem !important;
  }
  .p-md-8 {
    padding: 4rem !important;
  }
  .p-md-9 {
    padding: 4.5rem !important;
  }
  .p-md-10 {
    padding: 5rem !important;
  }
  .p-md-11 {
    padding: 5.5rem !important;
  }
  .p-md-12 {
    padding: 6rem !important;
  }
  .p-md-13 {
    padding: 6.5rem !important;
  }
  .p-md-14 {
    padding: 7rem !important;
  }
  .p-md-15 {
    padding: 7.5rem !important;
  }
  .p-md-16 {
    padding: 8rem !important;
  }
  .p-md-17 {
    padding: 8.5rem !important;
  }
  .p-md-18 {
    padding: 9rem !important;
  }
  .p-md-19 {
    padding: 9.5rem !important;
  }
  .p-md-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
  .p-lg-1 {
    padding: 0.5rem !important;
  }
  .p-lg-2 {
    padding: 1rem !important;
  }
  .p-lg-3 {
    padding: 1.5rem !important;
  }
  .p-lg-4 {
    padding: 2rem !important;
  }
  .p-lg-5 {
    padding: 2.5rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .p-lg-7 {
    padding: 3.5rem !important;
  }
  .p-lg-8 {
    padding: 4rem !important;
  }
  .p-lg-9 {
    padding: 4.5rem !important;
  }
  .p-lg-10 {
    padding: 5rem !important;
  }
  .p-lg-11 {
    padding: 5.5rem !important;
  }
  .p-lg-12 {
    padding: 6rem !important;
  }
  .p-lg-13 {
    padding: 6.5rem !important;
  }
  .p-lg-14 {
    padding: 7rem !important;
  }
  .p-lg-15 {
    padding: 7.5rem !important;
  }
  .p-lg-16 {
    padding: 8rem !important;
  }
  .p-lg-17 {
    padding: 8.5rem !important;
  }
  .p-lg-18 {
    padding: 9rem !important;
  }
  .p-lg-19 {
    padding: 9.5rem !important;
  }
  .p-lg-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0rem !important;
  }
  .p-xl-1 {
    padding: 0.5rem !important;
  }
  .p-xl-2 {
    padding: 1rem !important;
  }
  .p-xl-3 {
    padding: 1.5rem !important;
  }
  .p-xl-4 {
    padding: 2rem !important;
  }
  .p-xl-5 {
    padding: 2.5rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .p-xl-7 {
    padding: 3.5rem !important;
  }
  .p-xl-8 {
    padding: 4rem !important;
  }
  .p-xl-9 {
    padding: 4.5rem !important;
  }
  .p-xl-10 {
    padding: 5rem !important;
  }
  .p-xl-11 {
    padding: 5.5rem !important;
  }
  .p-xl-12 {
    padding: 6rem !important;
  }
  .p-xl-13 {
    padding: 6.5rem !important;
  }
  .p-xl-14 {
    padding: 7rem !important;
  }
  .p-xl-15 {
    padding: 7.5rem !important;
  }
  .p-xl-16 {
    padding: 8rem !important;
  }
  .p-xl-17 {
    padding: 8.5rem !important;
  }
  .p-xl-18 {
    padding: 9rem !important;
  }
  .p-xl-19 {
    padding: 9.5rem !important;
  }
  .p-xl-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .p-xxl-0 {
    padding: 0rem !important;
  }
  .p-xxl-1 {
    padding: 0.5rem !important;
  }
  .p-xxl-2 {
    padding: 1rem !important;
  }
  .p-xxl-3 {
    padding: 1.5rem !important;
  }
  .p-xxl-4 {
    padding: 2rem !important;
  }
  .p-xxl-5 {
    padding: 2.5rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .p-xxl-7 {
    padding: 3.5rem !important;
  }
  .p-xxl-8 {
    padding: 4rem !important;
  }
  .p-xxl-9 {
    padding: 4.5rem !important;
  }
  .p-xxl-10 {
    padding: 5rem !important;
  }
  .p-xxl-11 {
    padding: 5.5rem !important;
  }
  .p-xxl-12 {
    padding: 6rem !important;
  }
  .p-xxl-13 {
    padding: 6.5rem !important;
  }
  .p-xxl-14 {
    padding: 7rem !important;
  }
  .p-xxl-15 {
    padding: 7.5rem !important;
  }
  .p-xxl-16 {
    padding: 8rem !important;
  }
  .p-xxl-17 {
    padding: 8.5rem !important;
  }
  .p-xxl-18 {
    padding: 9rem !important;
  }
  .p-xxl-19 {
    padding: 9.5rem !important;
  }
  .p-xxl-20 {
    padding: 10rem !important;
  }
}
.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pt-5 {
  padding-top: 2.5rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pt-7 {
  padding-top: 3.5rem !important;
}

.pt-8 {
  padding-top: 4rem !important;
}

.pt-9 {
  padding-top: 4.5rem !important;
}

.pt-10 {
  padding-top: 5rem !important;
}

.pt-11 {
  padding-top: 5.5rem !important;
}

.pt-12 {
  padding-top: 6rem !important;
}

.pt-13 {
  padding-top: 6.5rem !important;
}

.pt-14 {
  padding-top: 7rem !important;
}

.pt-15 {
  padding-top: 7.5rem !important;
}

.pt-16 {
  padding-top: 8rem !important;
}

.pt-17 {
  padding-top: 8.5rem !important;
}

.pt-18 {
  padding-top: 9rem !important;
}

.pt-19 {
  padding-top: 9.5rem !important;
}

.pt-20 {
  padding-top: 10rem !important;
}

@media (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 2rem !important;
  }
  .pt-sm-5 {
    padding-top: 2.5rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pt-sm-7 {
    padding-top: 3.5rem !important;
  }
  .pt-sm-8 {
    padding-top: 4rem !important;
  }
  .pt-sm-9 {
    padding-top: 4.5rem !important;
  }
  .pt-sm-10 {
    padding-top: 5rem !important;
  }
  .pt-sm-11 {
    padding-top: 5.5rem !important;
  }
  .pt-sm-12 {
    padding-top: 6rem !important;
  }
  .pt-sm-13 {
    padding-top: 6.5rem !important;
  }
  .pt-sm-14 {
    padding-top: 7rem !important;
  }
  .pt-sm-15 {
    padding-top: 7.5rem !important;
  }
  .pt-sm-16 {
    padding-top: 8rem !important;
  }
  .pt-sm-17 {
    padding-top: 8.5rem !important;
  }
  .pt-sm-18 {
    padding-top: 9rem !important;
  }
  .pt-sm-19 {
    padding-top: 9.5rem !important;
  }
  .pt-sm-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pt-md-1 {
    padding-top: 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 2rem !important;
  }
  .pt-md-5 {
    padding-top: 2.5rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pt-md-7 {
    padding-top: 3.5rem !important;
  }
  .pt-md-8 {
    padding-top: 4rem !important;
  }
  .pt-md-9 {
    padding-top: 4.5rem !important;
  }
  .pt-md-10 {
    padding-top: 5rem !important;
  }
  .pt-md-11 {
    padding-top: 5.5rem !important;
  }
  .pt-md-12 {
    padding-top: 6rem !important;
  }
  .pt-md-13 {
    padding-top: 6.5rem !important;
  }
  .pt-md-14 {
    padding-top: 7rem !important;
  }
  .pt-md-15 {
    padding-top: 7.5rem !important;
  }
  .pt-md-16 {
    padding-top: 8rem !important;
  }
  .pt-md-17 {
    padding-top: 8.5rem !important;
  }
  .pt-md-18 {
    padding-top: 9rem !important;
  }
  .pt-md-19 {
    padding-top: 9.5rem !important;
  }
  .pt-md-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 2rem !important;
  }
  .pt-lg-5 {
    padding-top: 2.5rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pt-lg-7 {
    padding-top: 3.5rem !important;
  }
  .pt-lg-8 {
    padding-top: 4rem !important;
  }
  .pt-lg-9 {
    padding-top: 4.5rem !important;
  }
  .pt-lg-10 {
    padding-top: 5rem !important;
  }
  .pt-lg-11 {
    padding-top: 5.5rem !important;
  }
  .pt-lg-12 {
    padding-top: 6rem !important;
  }
  .pt-lg-13 {
    padding-top: 6.5rem !important;
  }
  .pt-lg-14 {
    padding-top: 7rem !important;
  }
  .pt-lg-15 {
    padding-top: 7.5rem !important;
  }
  .pt-lg-16 {
    padding-top: 8rem !important;
  }
  .pt-lg-17 {
    padding-top: 8.5rem !important;
  }
  .pt-lg-18 {
    padding-top: 9rem !important;
  }
  .pt-lg-19 {
    padding-top: 9.5rem !important;
  }
  .pt-lg-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 2rem !important;
  }
  .pt-xl-5 {
    padding-top: 2.5rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pt-xl-7 {
    padding-top: 3.5rem !important;
  }
  .pt-xl-8 {
    padding-top: 4rem !important;
  }
  .pt-xl-9 {
    padding-top: 4.5rem !important;
  }
  .pt-xl-10 {
    padding-top: 5rem !important;
  }
  .pt-xl-11 {
    padding-top: 5.5rem !important;
  }
  .pt-xl-12 {
    padding-top: 6rem !important;
  }
  .pt-xl-13 {
    padding-top: 6.5rem !important;
  }
  .pt-xl-14 {
    padding-top: 7rem !important;
  }
  .pt-xl-15 {
    padding-top: 7.5rem !important;
  }
  .pt-xl-16 {
    padding-top: 8rem !important;
  }
  .pt-xl-17 {
    padding-top: 8.5rem !important;
  }
  .pt-xl-18 {
    padding-top: 9rem !important;
  }
  .pt-xl-19 {
    padding-top: 9.5rem !important;
  }
  .pt-xl-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pt-xxl-0 {
    padding-top: 0rem !important;
  }
  .pt-xxl-1 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-2 {
    padding-top: 1rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-4 {
    padding-top: 2rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2.5rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3rem !important;
  }
  .pt-xxl-7 {
    padding-top: 3.5rem !important;
  }
  .pt-xxl-8 {
    padding-top: 4rem !important;
  }
  .pt-xxl-9 {
    padding-top: 4.5rem !important;
  }
  .pt-xxl-10 {
    padding-top: 5rem !important;
  }
  .pt-xxl-11 {
    padding-top: 5.5rem !important;
  }
  .pt-xxl-12 {
    padding-top: 6rem !important;
  }
  .pt-xxl-13 {
    padding-top: 6.5rem !important;
  }
  .pt-xxl-14 {
    padding-top: 7rem !important;
  }
  .pt-xxl-15 {
    padding-top: 7.5rem !important;
  }
  .pt-xxl-16 {
    padding-top: 8rem !important;
  }
  .pt-xxl-17 {
    padding-top: 8.5rem !important;
  }
  .pt-xxl-18 {
    padding-top: 9rem !important;
  }
  .pt-xxl-19 {
    padding-top: 9.5rem !important;
  }
  .pt-xxl-20 {
    padding-top: 10rem !important;
  }
}
.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pb-7 {
  padding-bottom: 3.5rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.pb-9 {
  padding-bottom: 4.5rem !important;
}

.pb-10 {
  padding-bottom: 5rem !important;
}

.pb-11 {
  padding-bottom: 5.5rem !important;
}

.pb-12 {
  padding-bottom: 6rem !important;
}

.pb-13 {
  padding-bottom: 6.5rem !important;
}

.pb-14 {
  padding-bottom: 7rem !important;
}

.pb-15 {
  padding-bottom: 7.5rem !important;
}

.pb-16 {
  padding-bottom: 8rem !important;
}

.pb-17 {
  padding-bottom: 8.5rem !important;
}

.pb-18 {
  padding-bottom: 9rem !important;
}

.pb-19 {
  padding-bottom: 9.5rem !important;
}

.pb-20 {
  padding-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 4rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 5rem !important;
  }
  .pb-sm-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 6rem !important;
  }
  .pb-sm-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-sm-14 {
    padding-bottom: 7rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 8rem !important;
  }
  .pb-sm-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-sm-18 {
    padding-bottom: 9rem !important;
  }
  .pb-sm-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 2rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .pb-md-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-md-8 {
    padding-bottom: 4rem !important;
  }
  .pb-md-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-md-10 {
    padding-bottom: 5rem !important;
  }
  .pb-md-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-md-12 {
    padding-bottom: 6rem !important;
  }
  .pb-md-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-md-14 {
    padding-bottom: 7rem !important;
  }
  .pb-md-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-md-16 {
    padding-bottom: 8rem !important;
  }
  .pb-md-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-md-18 {
    padding-bottom: 9rem !important;
  }
  .pb-md-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-md-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 8rem !important;
  }
  .pb-lg-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-lg-18 {
    padding-bottom: 9rem !important;
  }
  .pb-lg-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 4rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 5rem !important;
  }
  .pb-xl-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 6rem !important;
  }
  .pb-xl-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 7rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 8rem !important;
  }
  .pb-xl-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 9rem !important;
  }
  .pb-xl-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pb-xxl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 4rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xxl-10 {
    padding-bottom: 5rem !important;
  }
  .pb-xxl-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-xxl-12 {
    padding-bottom: 6rem !important;
  }
  .pb-xxl-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-xxl-14 {
    padding-bottom: 7rem !important;
  }
  .pb-xxl-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-xxl-16 {
    padding-bottom: 8rem !important;
  }
  .pb-xxl-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-xxl-18 {
    padding-bottom: 9rem !important;
  }
  .pb-xxl-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-xxl-20 {
    padding-bottom: 10rem !important;
  }
}
.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.pl-5 {
  padding-left: 2.5rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.pl-7 {
  padding-left: 3.5rem !important;
}

.pl-8 {
  padding-left: 4rem !important;
}

.pl-9 {
  padding-left: 4.5rem !important;
}

.pl-10 {
  padding-left: 5rem !important;
}

.pl-11 {
  padding-left: 5.5rem !important;
}

.pl-12 {
  padding-left: 6rem !important;
}

.pl-13 {
  padding-left: 6.5rem !important;
}

.pl-14 {
  padding-left: 7rem !important;
}

.pl-15 {
  padding-left: 7.5rem !important;
}

.pl-16 {
  padding-left: 8rem !important;
}

.pl-17 {
  padding-left: 8.5rem !important;
}

.pl-18 {
  padding-left: 9rem !important;
}

.pl-19 {
  padding-left: 9.5rem !important;
}

.pl-20 {
  padding-left: 10rem !important;
}

@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 2rem !important;
  }
  .pl-sm-5 {
    padding-left: 2.5rem !important;
  }
  .pl-sm-6 {
    padding-left: 3rem !important;
  }
  .pl-sm-7 {
    padding-left: 3.5rem !important;
  }
  .pl-sm-8 {
    padding-left: 4rem !important;
  }
  .pl-sm-9 {
    padding-left: 4.5rem !important;
  }
  .pl-sm-10 {
    padding-left: 5rem !important;
  }
  .pl-sm-11 {
    padding-left: 5.5rem !important;
  }
  .pl-sm-12 {
    padding-left: 6rem !important;
  }
  .pl-sm-13 {
    padding-left: 6.5rem !important;
  }
  .pl-sm-14 {
    padding-left: 7rem !important;
  }
  .pl-sm-15 {
    padding-left: 7.5rem !important;
  }
  .pl-sm-16 {
    padding-left: 8rem !important;
  }
  .pl-sm-17 {
    padding-left: 8.5rem !important;
  }
  .pl-sm-18 {
    padding-left: 9rem !important;
  }
  .pl-sm-19 {
    padding-left: 9.5rem !important;
  }
  .pl-sm-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pl-md-1 {
    padding-left: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 2rem !important;
  }
  .pl-md-5 {
    padding-left: 2.5rem !important;
  }
  .pl-md-6 {
    padding-left: 3rem !important;
  }
  .pl-md-7 {
    padding-left: 3.5rem !important;
  }
  .pl-md-8 {
    padding-left: 4rem !important;
  }
  .pl-md-9 {
    padding-left: 4.5rem !important;
  }
  .pl-md-10 {
    padding-left: 5rem !important;
  }
  .pl-md-11 {
    padding-left: 5.5rem !important;
  }
  .pl-md-12 {
    padding-left: 6rem !important;
  }
  .pl-md-13 {
    padding-left: 6.5rem !important;
  }
  .pl-md-14 {
    padding-left: 7rem !important;
  }
  .pl-md-15 {
    padding-left: 7.5rem !important;
  }
  .pl-md-16 {
    padding-left: 8rem !important;
  }
  .pl-md-17 {
    padding-left: 8.5rem !important;
  }
  .pl-md-18 {
    padding-left: 9rem !important;
  }
  .pl-md-19 {
    padding-left: 9.5rem !important;
  }
  .pl-md-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 2rem !important;
  }
  .pl-lg-5 {
    padding-left: 2.5rem !important;
  }
  .pl-lg-6 {
    padding-left: 3rem !important;
  }
  .pl-lg-7 {
    padding-left: 3.5rem !important;
  }
  .pl-lg-8 {
    padding-left: 4rem !important;
  }
  .pl-lg-9 {
    padding-left: 4.5rem !important;
  }
  .pl-lg-10 {
    padding-left: 5rem !important;
  }
  .pl-lg-11 {
    padding-left: 5.5rem !important;
  }
  .pl-lg-12 {
    padding-left: 6rem !important;
  }
  .pl-lg-13 {
    padding-left: 6.5rem !important;
  }
  .pl-lg-14 {
    padding-left: 7rem !important;
  }
  .pl-lg-15 {
    padding-left: 7.5rem !important;
  }
  .pl-lg-16 {
    padding-left: 8rem !important;
  }
  .pl-lg-17 {
    padding-left: 8.5rem !important;
  }
  .pl-lg-18 {
    padding-left: 9rem !important;
  }
  .pl-lg-19 {
    padding-left: 9.5rem !important;
  }
  .pl-lg-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 2rem !important;
  }
  .pl-xl-5 {
    padding-left: 2.5rem !important;
  }
  .pl-xl-6 {
    padding-left: 3rem !important;
  }
  .pl-xl-7 {
    padding-left: 3.5rem !important;
  }
  .pl-xl-8 {
    padding-left: 4rem !important;
  }
  .pl-xl-9 {
    padding-left: 4.5rem !important;
  }
  .pl-xl-10 {
    padding-left: 5rem !important;
  }
  .pl-xl-11 {
    padding-left: 5.5rem !important;
  }
  .pl-xl-12 {
    padding-left: 6rem !important;
  }
  .pl-xl-13 {
    padding-left: 6.5rem !important;
  }
  .pl-xl-14 {
    padding-left: 7rem !important;
  }
  .pl-xl-15 {
    padding-left: 7.5rem !important;
  }
  .pl-xl-16 {
    padding-left: 8rem !important;
  }
  .pl-xl-17 {
    padding-left: 8.5rem !important;
  }
  .pl-xl-18 {
    padding-left: 9rem !important;
  }
  .pl-xl-19 {
    padding-left: 9.5rem !important;
  }
  .pl-xl-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pl-xxl-0 {
    padding-left: 0rem !important;
  }
  .pl-xxl-1 {
    padding-left: 0.5rem !important;
  }
  .pl-xxl-2 {
    padding-left: 1rem !important;
  }
  .pl-xxl-3 {
    padding-left: 1.5rem !important;
  }
  .pl-xxl-4 {
    padding-left: 2rem !important;
  }
  .pl-xxl-5 {
    padding-left: 2.5rem !important;
  }
  .pl-xxl-6 {
    padding-left: 3rem !important;
  }
  .pl-xxl-7 {
    padding-left: 3.5rem !important;
  }
  .pl-xxl-8 {
    padding-left: 4rem !important;
  }
  .pl-xxl-9 {
    padding-left: 4.5rem !important;
  }
  .pl-xxl-10 {
    padding-left: 5rem !important;
  }
  .pl-xxl-11 {
    padding-left: 5.5rem !important;
  }
  .pl-xxl-12 {
    padding-left: 6rem !important;
  }
  .pl-xxl-13 {
    padding-left: 6.5rem !important;
  }
  .pl-xxl-14 {
    padding-left: 7rem !important;
  }
  .pl-xxl-15 {
    padding-left: 7.5rem !important;
  }
  .pl-xxl-16 {
    padding-left: 8rem !important;
  }
  .pl-xxl-17 {
    padding-left: 8.5rem !important;
  }
  .pl-xxl-18 {
    padding-left: 9rem !important;
  }
  .pl-xxl-19 {
    padding-left: 9.5rem !important;
  }
  .pl-xxl-20 {
    padding-left: 10rem !important;
  }
}
.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.pr-5 {
  padding-right: 2.5rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pr-7 {
  padding-right: 3.5rem !important;
}

.pr-8 {
  padding-right: 4rem !important;
}

.pr-9 {
  padding-right: 4.5rem !important;
}

.pr-10 {
  padding-right: 5rem !important;
}

.pr-11 {
  padding-right: 5.5rem !important;
}

.pr-12 {
  padding-right: 6rem !important;
}

.pr-13 {
  padding-right: 6.5rem !important;
}

.pr-14 {
  padding-right: 7rem !important;
}

.pr-15 {
  padding-right: 7.5rem !important;
}

.pr-16 {
  padding-right: 8rem !important;
}

.pr-17 {
  padding-right: 8.5rem !important;
}

.pr-18 {
  padding-right: 9rem !important;
}

.pr-19 {
  padding-right: 9.5rem !important;
}

.pr-20 {
  padding-right: 10rem !important;
}

@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 2rem !important;
  }
  .pr-sm-5 {
    padding-right: 2.5rem !important;
  }
  .pr-sm-6 {
    padding-right: 3rem !important;
  }
  .pr-sm-7 {
    padding-right: 3.5rem !important;
  }
  .pr-sm-8 {
    padding-right: 4rem !important;
  }
  .pr-sm-9 {
    padding-right: 4.5rem !important;
  }
  .pr-sm-10 {
    padding-right: 5rem !important;
  }
  .pr-sm-11 {
    padding-right: 5.5rem !important;
  }
  .pr-sm-12 {
    padding-right: 6rem !important;
  }
  .pr-sm-13 {
    padding-right: 6.5rem !important;
  }
  .pr-sm-14 {
    padding-right: 7rem !important;
  }
  .pr-sm-15 {
    padding-right: 7.5rem !important;
  }
  .pr-sm-16 {
    padding-right: 8rem !important;
  }
  .pr-sm-17 {
    padding-right: 8.5rem !important;
  }
  .pr-sm-18 {
    padding-right: 9rem !important;
  }
  .pr-sm-19 {
    padding-right: 9.5rem !important;
  }
  .pr-sm-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .pr-md-1 {
    padding-right: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 2rem !important;
  }
  .pr-md-5 {
    padding-right: 2.5rem !important;
  }
  .pr-md-6 {
    padding-right: 3rem !important;
  }
  .pr-md-7 {
    padding-right: 3.5rem !important;
  }
  .pr-md-8 {
    padding-right: 4rem !important;
  }
  .pr-md-9 {
    padding-right: 4.5rem !important;
  }
  .pr-md-10 {
    padding-right: 5rem !important;
  }
  .pr-md-11 {
    padding-right: 5.5rem !important;
  }
  .pr-md-12 {
    padding-right: 6rem !important;
  }
  .pr-md-13 {
    padding-right: 6.5rem !important;
  }
  .pr-md-14 {
    padding-right: 7rem !important;
  }
  .pr-md-15 {
    padding-right: 7.5rem !important;
  }
  .pr-md-16 {
    padding-right: 8rem !important;
  }
  .pr-md-17 {
    padding-right: 8.5rem !important;
  }
  .pr-md-18 {
    padding-right: 9rem !important;
  }
  .pr-md-19 {
    padding-right: 9.5rem !important;
  }
  .pr-md-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 2rem !important;
  }
  .pr-lg-5 {
    padding-right: 2.5rem !important;
  }
  .pr-lg-6 {
    padding-right: 3rem !important;
  }
  .pr-lg-7 {
    padding-right: 3.5rem !important;
  }
  .pr-lg-8 {
    padding-right: 4rem !important;
  }
  .pr-lg-9 {
    padding-right: 4.5rem !important;
  }
  .pr-lg-10 {
    padding-right: 5rem !important;
  }
  .pr-lg-11 {
    padding-right: 5.5rem !important;
  }
  .pr-lg-12 {
    padding-right: 6rem !important;
  }
  .pr-lg-13 {
    padding-right: 6.5rem !important;
  }
  .pr-lg-14 {
    padding-right: 7rem !important;
  }
  .pr-lg-15 {
    padding-right: 7.5rem !important;
  }
  .pr-lg-16 {
    padding-right: 8rem !important;
  }
  .pr-lg-17 {
    padding-right: 8.5rem !important;
  }
  .pr-lg-18 {
    padding-right: 9rem !important;
  }
  .pr-lg-19 {
    padding-right: 9.5rem !important;
  }
  .pr-lg-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 2rem !important;
  }
  .pr-xl-5 {
    padding-right: 2.5rem !important;
  }
  .pr-xl-6 {
    padding-right: 3rem !important;
  }
  .pr-xl-7 {
    padding-right: 3.5rem !important;
  }
  .pr-xl-8 {
    padding-right: 4rem !important;
  }
  .pr-xl-9 {
    padding-right: 4.5rem !important;
  }
  .pr-xl-10 {
    padding-right: 5rem !important;
  }
  .pr-xl-11 {
    padding-right: 5.5rem !important;
  }
  .pr-xl-12 {
    padding-right: 6rem !important;
  }
  .pr-xl-13 {
    padding-right: 6.5rem !important;
  }
  .pr-xl-14 {
    padding-right: 7rem !important;
  }
  .pr-xl-15 {
    padding-right: 7.5rem !important;
  }
  .pr-xl-16 {
    padding-right: 8rem !important;
  }
  .pr-xl-17 {
    padding-right: 8.5rem !important;
  }
  .pr-xl-18 {
    padding-right: 9rem !important;
  }
  .pr-xl-19 {
    padding-right: 9.5rem !important;
  }
  .pr-xl-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pr-xxl-0 {
    padding-right: 0rem !important;
  }
  .pr-xxl-1 {
    padding-right: 0.5rem !important;
  }
  .pr-xxl-2 {
    padding-right: 1rem !important;
  }
  .pr-xxl-3 {
    padding-right: 1.5rem !important;
  }
  .pr-xxl-4 {
    padding-right: 2rem !important;
  }
  .pr-xxl-5 {
    padding-right: 2.5rem !important;
  }
  .pr-xxl-6 {
    padding-right: 3rem !important;
  }
  .pr-xxl-7 {
    padding-right: 3.5rem !important;
  }
  .pr-xxl-8 {
    padding-right: 4rem !important;
  }
  .pr-xxl-9 {
    padding-right: 4.5rem !important;
  }
  .pr-xxl-10 {
    padding-right: 5rem !important;
  }
  .pr-xxl-11 {
    padding-right: 5.5rem !important;
  }
  .pr-xxl-12 {
    padding-right: 6rem !important;
  }
  .pr-xxl-13 {
    padding-right: 6.5rem !important;
  }
  .pr-xxl-14 {
    padding-right: 7rem !important;
  }
  .pr-xxl-15 {
    padding-right: 7.5rem !important;
  }
  .pr-xxl-16 {
    padding-right: 8rem !important;
  }
  .pr-xxl-17 {
    padding-right: 8.5rem !important;
  }
  .pr-xxl-18 {
    padding-right: 9rem !important;
  }
  .pr-xxl-19 {
    padding-right: 9.5rem !important;
  }
  .pr-xxl-20 {
    padding-right: 10rem !important;
  }
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-7 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.px-8 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-9 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.px-10 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.px-11 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.px-12 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-13 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.px-14 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.px-15 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.px-16 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.px-17 {
  padding-left: 8.5rem !important;
  padding-right: 8.5rem !important;
}

.px-18 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.px-19 {
  padding-left: 9.5rem !important;
  padding-right: 9.5rem !important;
}

.px-20 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

@media (min-width: 576px) {
  .px-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-sm-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-sm-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-sm-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-sm-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-sm-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-sm-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-sm-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-sm-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-sm-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-sm-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-sm-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-sm-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-sm-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-sm-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-sm-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-sm-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .px-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-md-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-md-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-md-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-md-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-md-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-md-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-md-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-md-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-md-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-md-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-md-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-md-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-md-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-md-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-md-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-md-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .px-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-lg-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-lg-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-lg-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-lg-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-lg-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-lg-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-lg-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-lg-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-lg-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-lg-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-lg-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-lg-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-lg-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-lg-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-lg-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-lg-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-xl-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-xl-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-xl-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-xl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-xl-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-xl-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-xl-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-xl-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xl-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-xl-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-xl-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-xl-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-xl-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-xl-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-xl-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-xl-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .px-xxl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-xxl-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-xxl-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-xxl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-xxl-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-xxl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-xxl-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-xxl-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-xxl-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-xxl-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xxl-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-xxl-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-xxl-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-xxl-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-xxl-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-xxl-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-xxl-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-xxl-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-7 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-9 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-11 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.py-12 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-13 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.py-14 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-15 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.py-16 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py-17 {
  padding-top: 8.5rem !important;
  padding-bottom: 8.5rem !important;
}

.py-18 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.py-19 {
  padding-top: 9.5rem !important;
  padding-bottom: 9.5rem !important;
}

.py-20 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-sm-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-sm-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-sm-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-sm-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-sm-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-sm-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-sm-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-sm-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-sm-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-sm-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-sm-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-sm-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-sm-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-sm-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-md-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-md-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-md-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-md-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-md-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-md-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-md-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-md-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-md-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-md-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-md-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-md-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-lg-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-lg-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-lg-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-lg-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-lg-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-lg-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-lg-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-lg-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-lg-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-lg-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-lg-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-lg-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-xl-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xl-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xl-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xl-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-xl-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xl-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-xl-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xl-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-xl-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-xl-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-xl-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .py-xxl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-xxl-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-xxl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xxl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xxl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xxl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xxl-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xxl-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xxl-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-xxl-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xxl-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-xxl-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xxl-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-xxl-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-xxl-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-xxl-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
/* ## DISPLAY
***********************************************/
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
}
/* ## DISPLAY FLEX
***********************************************/
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

/* Justify */
.justify-start {
  justify-content: flex-start !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-between {
  justify-content: space-between !important;
}

/* Align */
.align-start {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-end {
  align-items: flex-end !important;
}

@media (min-width: 576px) {
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 992px) {
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1400px) {
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-between {
    justify-content: space-between !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
}
/* ## GRID SYSTEM (Bootstrap風)
***********************************************/
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}

.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

@media (min-width: 576px) {
  .col-sm-1 {
    grid-column: span 1;
  }
  .col-sm-2 {
    grid-column: span 2;
  }
  .col-sm-3 {
    grid-column: span 3;
  }
  .col-sm-4 {
    grid-column: span 4;
  }
  .col-sm-5 {
    grid-column: span 5;
  }
  .col-sm-6 {
    grid-column: span 6;
  }
  .col-sm-7 {
    grid-column: span 7;
  }
  .col-sm-8 {
    grid-column: span 8;
  }
  .col-sm-9 {
    grid-column: span 9;
  }
  .col-sm-10 {
    grid-column: span 10;
  }
  .col-sm-11 {
    grid-column: span 11;
  }
  .col-sm-12 {
    grid-column: span 12;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    grid-column: span 1;
  }
  .col-md-2 {
    grid-column: span 2;
  }
  .col-md-3 {
    grid-column: span 3;
  }
  .col-md-4 {
    grid-column: span 4;
  }
  .col-md-5 {
    grid-column: span 5;
  }
  .col-md-6 {
    grid-column: span 6;
  }
  .col-md-7 {
    grid-column: span 7;
  }
  .col-md-8 {
    grid-column: span 8;
  }
  .col-md-9 {
    grid-column: span 9;
  }
  .col-md-10 {
    grid-column: span 10;
  }
  .col-md-11 {
    grid-column: span 11;
  }
  .col-md-12 {
    grid-column: span 12;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    grid-column: span 1;
  }
  .col-lg-2 {
    grid-column: span 2;
  }
  .col-lg-3 {
    grid-column: span 3;
  }
  .col-lg-4 {
    grid-column: span 4;
  }
  .col-lg-5 {
    grid-column: span 5;
  }
  .col-lg-6 {
    grid-column: span 6;
  }
  .col-lg-7 {
    grid-column: span 7;
  }
  .col-lg-8 {
    grid-column: span 8;
  }
  .col-lg-9 {
    grid-column: span 9;
  }
  .col-lg-10 {
    grid-column: span 10;
  }
  .col-lg-11 {
    grid-column: span 11;
  }
  .col-lg-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    grid-column: span 1;
  }
  .col-xl-2 {
    grid-column: span 2;
  }
  .col-xl-3 {
    grid-column: span 3;
  }
  .col-xl-4 {
    grid-column: span 4;
  }
  .col-xl-5 {
    grid-column: span 5;
  }
  .col-xl-6 {
    grid-column: span 6;
  }
  .col-xl-7 {
    grid-column: span 7;
  }
  .col-xl-8 {
    grid-column: span 8;
  }
  .col-xl-9 {
    grid-column: span 9;
  }
  .col-xl-10 {
    grid-column: span 10;
  }
  .col-xl-11 {
    grid-column: span 11;
  }
  .col-xl-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    grid-column: span 1;
  }
  .col-xxl-2 {
    grid-column: span 2;
  }
  .col-xxl-3 {
    grid-column: span 3;
  }
  .col-xxl-4 {
    grid-column: span 4;
  }
  .col-xxl-5 {
    grid-column: span 5;
  }
  .col-xxl-6 {
    grid-column: span 6;
  }
  .col-xxl-7 {
    grid-column: span 7;
  }
  .col-xxl-8 {
    grid-column: span 8;
  }
  .col-xxl-9 {
    grid-column: span 9;
  }
  .col-xxl-10 {
    grid-column: span 10;
  }
  .col-xxl-11 {
    grid-column: span 11;
  }
  .col-xxl-12 {
    grid-column: span 12;
  }
}
.col-auto {
  grid-column: auto;
}

@media (min-width: 576px) {
  .col-sm-auto {
    grid-column: auto;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    grid-column: auto;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    grid-column: auto;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    grid-column: auto;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    grid-column: auto;
  }
}
/* ## OFFSET (grid-column-start)
***********************************************/
.offset-1 {
  grid-column-start: 2;
}

.offset-2 {
  grid-column-start: 3;
}

.offset-3 {
  grid-column-start: 4;
}

.offset-4 {
  grid-column-start: 5;
}

.offset-5 {
  grid-column-start: 6;
}

.offset-6 {
  grid-column-start: 7;
}

.offset-7 {
  grid-column-start: 8;
}

.offset-8 {
  grid-column-start: 9;
}

.offset-9 {
  grid-column-start: 10;
}

.offset-10 {
  grid-column-start: 11;
}

.offset-11 {
  grid-column-start: 12;
}

@media (min-width: 576px) {
  .offset-sm-1 {
    grid-column-start: 2;
  }
  .offset-sm-2 {
    grid-column-start: 3;
  }
  .offset-sm-3 {
    grid-column-start: 4;
  }
  .offset-sm-4 {
    grid-column-start: 5;
  }
  .offset-sm-5 {
    grid-column-start: 6;
  }
  .offset-sm-6 {
    grid-column-start: 7;
  }
  .offset-sm-7 {
    grid-column-start: 8;
  }
  .offset-sm-8 {
    grid-column-start: 9;
  }
  .offset-sm-9 {
    grid-column-start: 10;
  }
  .offset-sm-10 {
    grid-column-start: 11;
  }
  .offset-sm-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    grid-column-start: 2;
  }
  .offset-md-2 {
    grid-column-start: 3;
  }
  .offset-md-3 {
    grid-column-start: 4;
  }
  .offset-md-4 {
    grid-column-start: 5;
  }
  .offset-md-5 {
    grid-column-start: 6;
  }
  .offset-md-6 {
    grid-column-start: 7;
  }
  .offset-md-7 {
    grid-column-start: 8;
  }
  .offset-md-8 {
    grid-column-start: 9;
  }
  .offset-md-9 {
    grid-column-start: 10;
  }
  .offset-md-10 {
    grid-column-start: 11;
  }
  .offset-md-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 992px) {
  .offset-lg-1 {
    grid-column-start: 2;
  }
  .offset-lg-2 {
    grid-column-start: 3;
  }
  .offset-lg-3 {
    grid-column-start: 4;
  }
  .offset-lg-4 {
    grid-column-start: 5;
  }
  .offset-lg-5 {
    grid-column-start: 6;
  }
  .offset-lg-6 {
    grid-column-start: 7;
  }
  .offset-lg-7 {
    grid-column-start: 8;
  }
  .offset-lg-8 {
    grid-column-start: 9;
  }
  .offset-lg-9 {
    grid-column-start: 10;
  }
  .offset-lg-10 {
    grid-column-start: 11;
  }
  .offset-lg-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1200px) {
  .offset-xl-1 {
    grid-column-start: 2;
  }
  .offset-xl-2 {
    grid-column-start: 3;
  }
  .offset-xl-3 {
    grid-column-start: 4;
  }
  .offset-xl-4 {
    grid-column-start: 5;
  }
  .offset-xl-5 {
    grid-column-start: 6;
  }
  .offset-xl-6 {
    grid-column-start: 7;
  }
  .offset-xl-7 {
    grid-column-start: 8;
  }
  .offset-xl-8 {
    grid-column-start: 9;
  }
  .offset-xl-9 {
    grid-column-start: 10;
  }
  .offset-xl-10 {
    grid-column-start: 11;
  }
  .offset-xl-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1400px) {
  .offset-xxl-1 {
    grid-column-start: 2;
  }
  .offset-xxl-2 {
    grid-column-start: 3;
  }
  .offset-xxl-3 {
    grid-column-start: 4;
  }
  .offset-xxl-4 {
    grid-column-start: 5;
  }
  .offset-xxl-5 {
    grid-column-start: 6;
  }
  .offset-xxl-6 {
    grid-column-start: 7;
  }
  .offset-xxl-7 {
    grid-column-start: 8;
  }
  .offset-xxl-8 {
    grid-column-start: 9;
  }
  .offset-xxl-9 {
    grid-column-start: 10;
  }
  .offset-xxl-10 {
    grid-column-start: 11;
  }
  .offset-xxl-11 {
    grid-column-start: 12;
  }
}
/* ## ORDER
***********************************************/
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -1;
}

.order-last {
  order: 999;
}

@media (min-width: 576px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 999;
  }
}
@media (min-width: 768px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 999;
  }
}
@media (min-width: 992px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 999;
  }
}
@media (min-width: 1200px) {
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 999;
  }
}
@media (min-width: 1400px) {
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 999;
  }
}
/* ## GAP UTILITY (for grid & flex)
***********************************************/
.gap-0 {
  gap: 0rem !important;
}

.gap-y-0,
.row-gap-0 {
  row-gap: 0rem !important;
}

.gap-x-0,
.col-gap-0 {
  column-gap: 0rem !important;
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0rem !important;
  }
  .gap-x-sm-0 {
    column-gap: 0rem !important;
  }
  .gap-y-sm-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0rem !important;
  }
  .gap-x-md-0 {
    column-gap: 0rem !important;
  }
  .gap-y-md-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0rem !important;
  }
  .gap-x-lg-0 {
    column-gap: 0rem !important;
  }
  .gap-y-lg-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0rem !important;
  }
  .gap-x-xl-0 {
    column-gap: 0rem !important;
  }
  .gap-y-xl-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-0 {
    gap: 0rem !important;
  }
  .gap-x-xxl-0 {
    column-gap: 0rem !important;
  }
  .gap-y-xxl-0 {
    row-gap: 0rem !important;
  }
}
.gap-1 {
  gap: 0.5rem !important;
}

.gap-y-1,
.row-gap-1 {
  row-gap: 0.5rem !important;
}

.gap-x-1,
.col-gap-1 {
  column-gap: 0.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-1 {
    gap: 0.5rem !important;
  }
  .gap-x-sm-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-sm-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-1 {
    gap: 0.5rem !important;
  }
  .gap-x-md-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-md-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-1 {
    gap: 0.5rem !important;
  }
  .gap-x-lg-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-lg-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-1 {
    gap: 0.5rem !important;
  }
  .gap-x-xl-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-xl-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-1 {
    gap: 0.5rem !important;
  }
  .gap-x-xxl-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-xxl-1 {
    row-gap: 0.5rem !important;
  }
}
.gap-2 {
  gap: 1rem !important;
}

.gap-y-2,
.row-gap-2 {
  row-gap: 1rem !important;
}

.gap-x-2,
.col-gap-2 {
  column-gap: 1rem !important;
}

@media (min-width: 576px) {
  .gap-sm-2 {
    gap: 1rem !important;
  }
  .gap-x-sm-2 {
    column-gap: 1rem !important;
  }
  .gap-y-sm-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-2 {
    gap: 1rem !important;
  }
  .gap-x-md-2 {
    column-gap: 1rem !important;
  }
  .gap-y-md-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-2 {
    gap: 1rem !important;
  }
  .gap-x-lg-2 {
    column-gap: 1rem !important;
  }
  .gap-y-lg-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-2 {
    gap: 1rem !important;
  }
  .gap-x-xl-2 {
    column-gap: 1rem !important;
  }
  .gap-y-xl-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-2 {
    gap: 1rem !important;
  }
  .gap-x-xxl-2 {
    column-gap: 1rem !important;
  }
  .gap-y-xxl-2 {
    row-gap: 1rem !important;
  }
}
.gap-3 {
  gap: 1.5rem !important;
}

.gap-y-3,
.row-gap-3 {
  row-gap: 1.5rem !important;
}

.gap-x-3,
.col-gap-3 {
  column-gap: 1.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-3 {
    gap: 1.5rem !important;
  }
  .gap-x-sm-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-sm-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-3 {
    gap: 1.5rem !important;
  }
  .gap-x-md-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-md-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-3 {
    gap: 1.5rem !important;
  }
  .gap-x-lg-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-lg-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-3 {
    gap: 1.5rem !important;
  }
  .gap-x-xl-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-xl-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-3 {
    gap: 1.5rem !important;
  }
  .gap-x-xxl-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-xxl-3 {
    row-gap: 1.5rem !important;
  }
}
.gap-4 {
  gap: 2rem !important;
}

.gap-y-4,
.row-gap-4 {
  row-gap: 2rem !important;
}

.gap-x-4,
.col-gap-4 {
  column-gap: 2rem !important;
}

@media (min-width: 576px) {
  .gap-sm-4 {
    gap: 2rem !important;
  }
  .gap-x-sm-4 {
    column-gap: 2rem !important;
  }
  .gap-y-sm-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-4 {
    gap: 2rem !important;
  }
  .gap-x-md-4 {
    column-gap: 2rem !important;
  }
  .gap-y-md-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-4 {
    gap: 2rem !important;
  }
  .gap-x-lg-4 {
    column-gap: 2rem !important;
  }
  .gap-y-lg-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-4 {
    gap: 2rem !important;
  }
  .gap-x-xl-4 {
    column-gap: 2rem !important;
  }
  .gap-y-xl-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-4 {
    gap: 2rem !important;
  }
  .gap-x-xxl-4 {
    column-gap: 2rem !important;
  }
  .gap-y-xxl-4 {
    row-gap: 2rem !important;
  }
}
.gap-5 {
  gap: 2.5rem !important;
}

.gap-y-5,
.row-gap-5 {
  row-gap: 2.5rem !important;
}

.gap-x-5,
.col-gap-5 {
  column-gap: 2.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-5 {
    gap: 2.5rem !important;
  }
  .gap-x-sm-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-sm-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-5 {
    gap: 2.5rem !important;
  }
  .gap-x-md-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-md-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-5 {
    gap: 2.5rem !important;
  }
  .gap-x-lg-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-lg-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-5 {
    gap: 2.5rem !important;
  }
  .gap-x-xl-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-xl-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-5 {
    gap: 2.5rem !important;
  }
  .gap-x-xxl-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-xxl-5 {
    row-gap: 2.5rem !important;
  }
}
.gap-6 {
  gap: 3rem !important;
}

.gap-y-6,
.row-gap-6 {
  row-gap: 3rem !important;
}

.gap-x-6,
.col-gap-6 {
  column-gap: 3rem !important;
}

@media (min-width: 576px) {
  .gap-sm-6 {
    gap: 3rem !important;
  }
  .gap-x-sm-6 {
    column-gap: 3rem !important;
  }
  .gap-y-sm-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-6 {
    gap: 3rem !important;
  }
  .gap-x-md-6 {
    column-gap: 3rem !important;
  }
  .gap-y-md-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-6 {
    gap: 3rem !important;
  }
  .gap-x-lg-6 {
    column-gap: 3rem !important;
  }
  .gap-y-lg-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-6 {
    gap: 3rem !important;
  }
  .gap-x-xl-6 {
    column-gap: 3rem !important;
  }
  .gap-y-xl-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-6 {
    gap: 3rem !important;
  }
  .gap-x-xxl-6 {
    column-gap: 3rem !important;
  }
  .gap-y-xxl-6 {
    row-gap: 3rem !important;
  }
}
.gap-7 {
  gap: 3.5rem !important;
}

.gap-y-7,
.row-gap-7 {
  row-gap: 3.5rem !important;
}

.gap-x-7,
.col-gap-7 {
  column-gap: 3.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-7 {
    gap: 3.5rem !important;
  }
  .gap-x-sm-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-sm-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-7 {
    gap: 3.5rem !important;
  }
  .gap-x-md-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-md-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-7 {
    gap: 3.5rem !important;
  }
  .gap-x-lg-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-lg-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-7 {
    gap: 3.5rem !important;
  }
  .gap-x-xl-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-xl-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-7 {
    gap: 3.5rem !important;
  }
  .gap-x-xxl-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-xxl-7 {
    row-gap: 3.5rem !important;
  }
}
.gap-8 {
  gap: 4rem !important;
}

.gap-y-8,
.row-gap-8 {
  row-gap: 4rem !important;
}

.gap-x-8,
.col-gap-8 {
  column-gap: 4rem !important;
}

@media (min-width: 576px) {
  .gap-sm-8 {
    gap: 4rem !important;
  }
  .gap-x-sm-8 {
    column-gap: 4rem !important;
  }
  .gap-y-sm-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-8 {
    gap: 4rem !important;
  }
  .gap-x-md-8 {
    column-gap: 4rem !important;
  }
  .gap-y-md-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-8 {
    gap: 4rem !important;
  }
  .gap-x-lg-8 {
    column-gap: 4rem !important;
  }
  .gap-y-lg-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-8 {
    gap: 4rem !important;
  }
  .gap-x-xl-8 {
    column-gap: 4rem !important;
  }
  .gap-y-xl-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-8 {
    gap: 4rem !important;
  }
  .gap-x-xxl-8 {
    column-gap: 4rem !important;
  }
  .gap-y-xxl-8 {
    row-gap: 4rem !important;
  }
}
.gap-9 {
  gap: 4.5rem !important;
}

.gap-y-9,
.row-gap-9 {
  row-gap: 4.5rem !important;
}

.gap-x-9,
.col-gap-9 {
  column-gap: 4.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-9 {
    gap: 4.5rem !important;
  }
  .gap-x-sm-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-sm-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-9 {
    gap: 4.5rem !important;
  }
  .gap-x-md-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-md-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-9 {
    gap: 4.5rem !important;
  }
  .gap-x-lg-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-lg-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-9 {
    gap: 4.5rem !important;
  }
  .gap-x-xl-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-xl-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-9 {
    gap: 4.5rem !important;
  }
  .gap-x-xxl-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-xxl-9 {
    row-gap: 4.5rem !important;
  }
}
.gap-10 {
  gap: 5rem !important;
}

.gap-y-10,
.row-gap-10 {
  row-gap: 5rem !important;
}

.gap-x-10,
.col-gap-10 {
  column-gap: 5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-10 {
    gap: 5rem !important;
  }
  .gap-x-sm-10 {
    column-gap: 5rem !important;
  }
  .gap-y-sm-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-10 {
    gap: 5rem !important;
  }
  .gap-x-md-10 {
    column-gap: 5rem !important;
  }
  .gap-y-md-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-10 {
    gap: 5rem !important;
  }
  .gap-x-lg-10 {
    column-gap: 5rem !important;
  }
  .gap-y-lg-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-10 {
    gap: 5rem !important;
  }
  .gap-x-xl-10 {
    column-gap: 5rem !important;
  }
  .gap-y-xl-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-10 {
    gap: 5rem !important;
  }
  .gap-x-xxl-10 {
    column-gap: 5rem !important;
  }
  .gap-y-xxl-10 {
    row-gap: 5rem !important;
  }
}
.gap-11 {
  gap: 5.5rem !important;
}

.gap-y-11,
.row-gap-11 {
  row-gap: 5.5rem !important;
}

.gap-x-11,
.col-gap-11 {
  column-gap: 5.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-11 {
    gap: 5.5rem !important;
  }
  .gap-x-sm-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-sm-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-11 {
    gap: 5.5rem !important;
  }
  .gap-x-md-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-md-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-11 {
    gap: 5.5rem !important;
  }
  .gap-x-lg-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-lg-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-11 {
    gap: 5.5rem !important;
  }
  .gap-x-xl-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-xl-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-11 {
    gap: 5.5rem !important;
  }
  .gap-x-xxl-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-xxl-11 {
    row-gap: 5.5rem !important;
  }
}
.gap-12 {
  gap: 6rem !important;
}

.gap-y-12,
.row-gap-12 {
  row-gap: 6rem !important;
}

.gap-x-12,
.col-gap-12 {
  column-gap: 6rem !important;
}

@media (min-width: 576px) {
  .gap-sm-12 {
    gap: 6rem !important;
  }
  .gap-x-sm-12 {
    column-gap: 6rem !important;
  }
  .gap-y-sm-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-12 {
    gap: 6rem !important;
  }
  .gap-x-md-12 {
    column-gap: 6rem !important;
  }
  .gap-y-md-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-12 {
    gap: 6rem !important;
  }
  .gap-x-lg-12 {
    column-gap: 6rem !important;
  }
  .gap-y-lg-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-12 {
    gap: 6rem !important;
  }
  .gap-x-xl-12 {
    column-gap: 6rem !important;
  }
  .gap-y-xl-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-12 {
    gap: 6rem !important;
  }
  .gap-x-xxl-12 {
    column-gap: 6rem !important;
  }
  .gap-y-xxl-12 {
    row-gap: 6rem !important;
  }
}
.gap-13 {
  gap: 6.5rem !important;
}

.gap-y-13,
.row-gap-13 {
  row-gap: 6.5rem !important;
}

.gap-x-13,
.col-gap-13 {
  column-gap: 6.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-13 {
    gap: 6.5rem !important;
  }
  .gap-x-sm-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-sm-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-13 {
    gap: 6.5rem !important;
  }
  .gap-x-md-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-md-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-13 {
    gap: 6.5rem !important;
  }
  .gap-x-lg-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-lg-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-13 {
    gap: 6.5rem !important;
  }
  .gap-x-xl-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-xl-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-13 {
    gap: 6.5rem !important;
  }
  .gap-x-xxl-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-xxl-13 {
    row-gap: 6.5rem !important;
  }
}
.gap-14 {
  gap: 7rem !important;
}

.gap-y-14,
.row-gap-14 {
  row-gap: 7rem !important;
}

.gap-x-14,
.col-gap-14 {
  column-gap: 7rem !important;
}

@media (min-width: 576px) {
  .gap-sm-14 {
    gap: 7rem !important;
  }
  .gap-x-sm-14 {
    column-gap: 7rem !important;
  }
  .gap-y-sm-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-14 {
    gap: 7rem !important;
  }
  .gap-x-md-14 {
    column-gap: 7rem !important;
  }
  .gap-y-md-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-14 {
    gap: 7rem !important;
  }
  .gap-x-lg-14 {
    column-gap: 7rem !important;
  }
  .gap-y-lg-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-14 {
    gap: 7rem !important;
  }
  .gap-x-xl-14 {
    column-gap: 7rem !important;
  }
  .gap-y-xl-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-14 {
    gap: 7rem !important;
  }
  .gap-x-xxl-14 {
    column-gap: 7rem !important;
  }
  .gap-y-xxl-14 {
    row-gap: 7rem !important;
  }
}
.gap-15 {
  gap: 7.5rem !important;
}

.gap-y-15,
.row-gap-15 {
  row-gap: 7.5rem !important;
}

.gap-x-15,
.col-gap-15 {
  column-gap: 7.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-15 {
    gap: 7.5rem !important;
  }
  .gap-x-sm-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-sm-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-15 {
    gap: 7.5rem !important;
  }
  .gap-x-md-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-md-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-15 {
    gap: 7.5rem !important;
  }
  .gap-x-lg-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-lg-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-15 {
    gap: 7.5rem !important;
  }
  .gap-x-xl-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-xl-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-15 {
    gap: 7.5rem !important;
  }
  .gap-x-xxl-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-xxl-15 {
    row-gap: 7.5rem !important;
  }
}
.gap-16 {
  gap: 8rem !important;
}

.gap-y-16,
.row-gap-16 {
  row-gap: 8rem !important;
}

.gap-x-16,
.col-gap-16 {
  column-gap: 8rem !important;
}

@media (min-width: 576px) {
  .gap-sm-16 {
    gap: 8rem !important;
  }
  .gap-x-sm-16 {
    column-gap: 8rem !important;
  }
  .gap-y-sm-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-16 {
    gap: 8rem !important;
  }
  .gap-x-md-16 {
    column-gap: 8rem !important;
  }
  .gap-y-md-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-16 {
    gap: 8rem !important;
  }
  .gap-x-lg-16 {
    column-gap: 8rem !important;
  }
  .gap-y-lg-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-16 {
    gap: 8rem !important;
  }
  .gap-x-xl-16 {
    column-gap: 8rem !important;
  }
  .gap-y-xl-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-16 {
    gap: 8rem !important;
  }
  .gap-x-xxl-16 {
    column-gap: 8rem !important;
  }
  .gap-y-xxl-16 {
    row-gap: 8rem !important;
  }
}
.gap-17 {
  gap: 8.5rem !important;
}

.gap-y-17,
.row-gap-17 {
  row-gap: 8.5rem !important;
}

.gap-x-17,
.col-gap-17 {
  column-gap: 8.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-17 {
    gap: 8.5rem !important;
  }
  .gap-x-sm-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-sm-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-17 {
    gap: 8.5rem !important;
  }
  .gap-x-md-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-md-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-17 {
    gap: 8.5rem !important;
  }
  .gap-x-lg-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-lg-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-17 {
    gap: 8.5rem !important;
  }
  .gap-x-xl-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-xl-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-17 {
    gap: 8.5rem !important;
  }
  .gap-x-xxl-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-xxl-17 {
    row-gap: 8.5rem !important;
  }
}
.gap-18 {
  gap: 9rem !important;
}

.gap-y-18,
.row-gap-18 {
  row-gap: 9rem !important;
}

.gap-x-18,
.col-gap-18 {
  column-gap: 9rem !important;
}

@media (min-width: 576px) {
  .gap-sm-18 {
    gap: 9rem !important;
  }
  .gap-x-sm-18 {
    column-gap: 9rem !important;
  }
  .gap-y-sm-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-18 {
    gap: 9rem !important;
  }
  .gap-x-md-18 {
    column-gap: 9rem !important;
  }
  .gap-y-md-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-18 {
    gap: 9rem !important;
  }
  .gap-x-lg-18 {
    column-gap: 9rem !important;
  }
  .gap-y-lg-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-18 {
    gap: 9rem !important;
  }
  .gap-x-xl-18 {
    column-gap: 9rem !important;
  }
  .gap-y-xl-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-18 {
    gap: 9rem !important;
  }
  .gap-x-xxl-18 {
    column-gap: 9rem !important;
  }
  .gap-y-xxl-18 {
    row-gap: 9rem !important;
  }
}
.gap-19 {
  gap: 9.5rem !important;
}

.gap-y-19,
.row-gap-19 {
  row-gap: 9.5rem !important;
}

.gap-x-19,
.col-gap-19 {
  column-gap: 9.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-19 {
    gap: 9.5rem !important;
  }
  .gap-x-sm-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-sm-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-19 {
    gap: 9.5rem !important;
  }
  .gap-x-md-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-md-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-19 {
    gap: 9.5rem !important;
  }
  .gap-x-lg-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-lg-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-19 {
    gap: 9.5rem !important;
  }
  .gap-x-xl-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-xl-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-19 {
    gap: 9.5rem !important;
  }
  .gap-x-xxl-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-xxl-19 {
    row-gap: 9.5rem !important;
  }
}
.gap-20 {
  gap: 10rem !important;
}

.gap-y-20,
.row-gap-20 {
  row-gap: 10rem !important;
}

.gap-x-20,
.col-gap-20 {
  column-gap: 10rem !important;
}

@media (min-width: 576px) {
  .gap-sm-20 {
    gap: 10rem !important;
  }
  .gap-x-sm-20 {
    column-gap: 10rem !important;
  }
  .gap-y-sm-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-20 {
    gap: 10rem !important;
  }
  .gap-x-md-20 {
    column-gap: 10rem !important;
  }
  .gap-y-md-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-20 {
    gap: 10rem !important;
  }
  .gap-x-lg-20 {
    column-gap: 10rem !important;
  }
  .gap-y-lg-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-20 {
    gap: 10rem !important;
  }
  .gap-x-xl-20 {
    column-gap: 10rem !important;
  }
  .gap-y-xl-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-20 {
    gap: 10rem !important;
  }
  .gap-x-xxl-20 {
    column-gap: 10rem !important;
  }
  .gap-y-xxl-20 {
    row-gap: 10rem !important;
  }
}
/* ## TEXT ALIGN
***********************************************/
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
}
/* ## WIDTH, HEGHT
***********************************************/
.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

/* ## COLOR
***********************************************/
.white {
  color: #fff !important;
}

.black {
  color: #000000 !important;
}

.blue {
  color: #264898 !important;
}

.pink {
  color: #EB42B2 !important;
}

/* ## BG COLOR
***********************************************/
.bg-blue {
  background-color: #264898 !important;
}

/* ## コメント h2
***********************************************/
/* ### コメント h3
--------------------------------------*/
/**** #### h4 ****/
/* ##### h5 */
html {
  font-size: 62.5%;
}

h1 {
  font-size: clamp(3.6rem, 5vw, 8rem);
  line-height: 1.5;
  font-weight: 700;
}

h2 {
  font-size: clamp(2.8rem, 4vw, 6.8rem);
  line-height: 1.5;
  font-weight: 700;
}

h3 {
  font-size: clamp(2.1rem, 3vw, 3.2rem);
  line-height: 1.5;
  font-weight: 700;
}

h4 {
  font-size: clamp(1.9rem, 2vw, 2.4rem);
  line-height: 1.5;
  font-weight: 700;
}

h5 {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  line-height: 1.5;
}

p, a {
  font-size: clamp(13px, 1.2vw, 18px);
  line-height: 2;
  font-weight: 500;
}

li {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 2;
  font-weight: 500;
}

span {
  font-size: clamp(11px, 1vw, 14px);
  font-weight: 700;
}

dl dt {
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}
dl dd {
  font-size: clamp(13px, 1vw, 18px);
  margin-inline-start: 0;
  font-weight: 500;
  line-height: 1.8;
}

table th, table td {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 2;
  font-weight: 500;
}
table th {
  font-weight: 600;
  color: #264898;
}
table td {
  font-weight: 400;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## HTML
***********************************************/
html {
  height: 100%;
  width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ## BODY
***********************************************/
body {
  background-color: #ffffff;
  height: 100%;
}

/* ## MAIN
***********************************************/
/* ## SECTION
***********************************************/
section {
  position: relative;
  padding: 12rem 0rem;
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  section {
    padding: 5rem 0rem;
  }
}

/* ## FIRST SECTION
***********************************************/
.first-sec {
  padding-top: 109px;
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  .first-sec {
    padding-top: 92px;
  }
}

/* ## LOWER FIRST SECTION（仮想ページのファーストセクション）
***********************************************/
.lower-first-sec {
  position: relative;
  padding-top: 180px;
  background-color: #264898;
  color: #fff;
}
.lower-first-sec > div {
  position: relative;
  z-index: 5;
}
.lower-first-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.1;
  mix-blend-mode: normal;
  pointer-events: none;
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.lower-first-sec.about::before {
  background-image: url("../images/about/fv_about.webp");
}
.lower-first-sec.products::before {
  background-image: url("../images/products/products.webp");
  background-position: center;
}
.lower-first-sec {
  /* ### TEXT SIDE
  --------------------------------*/
}
.lower-first-sec .text-side {
  padding-left: 10%;
  margin-bottom: 6rem;
}
.lower-first-sec {
  /* ### IMAGE SIDE
  --------------------------------*/
}
.lower-first-sec .image-side {
  border-radius: clamp(64px, 8vw, 120px) 0 0 0;
  overflow: hidden;
  height: 100%;
}
.lower-first-sec .image-side img {
  height: 100%;
  object-position: 50% 50%;
}
.lower-first-sec {
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  .lower-first-sec {
    padding-top: 128px;
    /* ### TEXT SIDE
    --------------------------------*/
  }
  .lower-first-sec .text-side {
    padding-left: 7%;
    padding-right: 5%;
    margin-bottom: 0;
  }
  .lower-first-sec {
    /* ### IMAGE SIDE
    --------------------------------*/
  }
  .lower-first-sec .image-side {
    height: auto;
    margin-top: 2.5rem;
  }
}

/* ## BTN SECTION（ボタン用セクション）
***********************************************/
.btn-sec .btn-area {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .btn-sec .btn-area a {
    margin-bottom: 1rem;
  }
  .btn-sec .btn-area a:last-child {
    margin-bottom: 0;
  }
}

/* ## CONTAINER
***********************************************/
/* ### CONTAINER
=====================================*/
.container {
  max-width: 1480px;
  padding: 0 5%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .container, .container-fluid {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media print {
  .hidePrint,
  .beforeOrderBtn,
  .beforeOrderBnr {
    display: none;
  }
  .listInline.sns {
    display: none;
  }
  a:not([href*="#"]) {
    display: none !important;
  }
}
/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
header {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 20;
  width: 100%;
  transition: 0.2s;
  background-color: rgba(255, 255, 255, 0.85);
  height: 110px;
}
header.hide {
  top: -200px;
  transition: 0.2s;
}
header {
  /* ### LOGO SIDE
  =====================================*/
}
header .logo-side {
  width: 230px;
  height: 110px;
  background-color: #264898;
  display: block;
  border-radius: 0 0 50px 0;
  padding: 2rem 0 0 2.5rem;
}
header .logo-side img {
  width: 160px;
  height: auto;
}
header {
  /* ### NAVIGATION
  =====================================*/
}
header .navigation {
  transition: 0.2s;
}
header .navigation .nav-item {
  position: relative;
}
header .navigation .nav-item .submenu {
  position: absolute;
  top: 20px;
  left: 0;
  display: none;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 2rem;
  z-index: 1000;
  border-radius: 5px;
}
header .navigation .nav-item .submenu li {
  white-space: nowrap;
}
header .navigation .nav-item.has-children:hover .submenu {
  display: block;
}
header .navigation .menu-link {
  display: block;
}
header .navigation .menu-link p {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.5;
}
header {
  /* ### SNS NAVIGATION
  =====================================*/
}
header .sns-nav {
  max-width: 180px;
  padding-right: 3rem;
}
header .sns-nav a {
  display: block;
  padding: 7px;
}
header {
  /* ### BTN CONTACT
  =====================================*/
}
header .btn-contact {
  position: absolute;
  right: -2px;
  top: 86px;
  display: flex;
  align-items: center;
  background-color: #264898;
  border-radius: 40px 0 0 40px;
  border: solid 2px #fff;
  color: #fff;
  padding: 5px 20px;
  z-index: 2;
}
header .btn-contact::before {
  display: block;
  content: "";
  background-image: url("../images/common/plane_w.svg");
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
header {
  /* ### HAMBURGER
  =====================================*/
}
header .hamburger {
  pointer-events: all;
  display: block;
  position: absolute;
  z-index: 200;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 72px;
  cursor: pointer;
  text-align: center;
  /* #### 棒の部分 ****/
}
header .hamburger span {
  display: block;
  position: absolute;
  width: 32px;
  height: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #000000;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
}
header .hamburger span:nth-child(1) {
  top: 21px;
}
header .hamburger span:nth-child(2) {
  top: 30px;
}
header .hamburger span:nth-child(3) {
  top: 39px;
}
header .hamburger::after {
  position: absolute;
  top: 43px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  content: "MENU";
  color: #000000;
  font-size: 8px;
}
header .hamburger {
  /* #### activeクラスが付加した時 ****/
}
header .hamburger.active span:nth-child(1) {
  top: 28px;
  width: 30px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
header .hamburger.active span:nth-child(2) {
  opacity: 0;
  -webkit-animation: active-btn17-bar02 0.8s forwards;
  animation: active-hamburger-bar02 0.8s forwards;
}
header .hamburger.active span:nth-child(3) {
  top: 28px;
  width: 30px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
}
header .hamburger.active::after {
  content: "CLOSE";
}
header {
  /* ### MENU CONTENTS
  =====================================*/
}
header .menu-contents {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  padding: 72px 9% 6%;
  background: rgba(255, 255, 255, 0.95);
  /* #### ACTIVE
  --------------------------------*/
}
header .menu-contents.active {
  transition: 0.2s;
  opacity: 1;
  visibility: visible;
}
header .menu-contents {
  /* #### LOGO
  --------------------------------*/
}
header .menu-contents .logo {
  display: block;
  text-align: center;
  margin-bottom: 4rem;
}
header .menu-contents .logo img {
  width: 160px;
  margin: 0 auto;
}
header .menu-contents {
  /* #### MENU LIST
  --------------------------------*/
}
header .menu-contents .menu-list {
  width: 100%;
  /* ##### MENU ****/
}
header .menu-contents .menu-list .menu {
  margin-bottom: 1.5rem;
}
header .menu-contents .menu-list .menu a {
  display: block;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 3px;
  line-height: 1.5;
  padding-bottom: 0.5rem;
}
header .menu-contents .menu-list .submenu {
  padding: 0.7rem 0 0 1.5rem;
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-bottom: 3rem;
  border-left: solid 1px #000000;
}
header .menu-contents .menu-list .submenu li {
  margin-bottom: 0.5rem;
}
header .menu-contents .menu-list .submenu a {
  font-size: 15px;
  font-weight: 500;
}
header .menu-contents {
  /* #### HEADER SECOND NAV
  --------------------------------*/
}
header .menu-contents .header-second-nav {
  position: absolute;
  left: 5%;
  bottom: 2%;
}
header .menu-contents .header-second-nav li {
  margin-bottom: 1rem;
}
header .menu-contents .header-second-nav a {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: #969696;
}
header {
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  header {
    height: auto;
  }
  header .container-fluid {
    padding: 0 1rem;
  }
  header {
    /* ### LOGO SIDE
    =====================================*/
  }
  header .logo-side {
    display: block;
    width: 147px;
    height: 90px;
    padding: 2rem 0 0 1.6rem;
  }
  header .logo-side img {
    width: 100px;
  }
}

footer {
  width: 100%;
  background-color: #264898;
  border-radius: 100px 100px 0 0;
  padding: 10rem 3rem 0 3rem;
  color: #fff;
  /* ### FOOTER LOGO
  -------------------------------------*/
}
footer .footer-logo {
  display: block;
  width: 100%;
  max-width: 200px;
}
footer {
  /* ### FOOTER CATCH AREA
  -------------------------------------*/
}
footer .footer-catch-area {
  position: relative;
}
footer .footer-catch-area .copyright-sns {
  position: absolute;
  left: 77%;
  top: 10%;
}
footer .footer-catch-area .sns-icons {
  display: flex;
  align-items: center;
  gap: 15px;
}
footer .footer-catch-area .sns-icons span {
  display: block;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 7px;
  line-height: 1;
}
footer .footer-catch-area .sns-nav {
  display: flex;
  gap: 10px;
  align-items: center;
}
footer .footer-catch-area .copyright {
  font-size: clamp(13px, 1vw, 20px);
  font-family: "Anton", sans-serif;
  font-weight: 400;
}
footer {
  /* ### FOOTER NAV
  -------------------------------------*/
}
footer .footer-nav {
  color: #fff;
}
footer .footer-nav .footer-menu-title {
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0.5rem;
}
footer .footer-nav .right-side {
  display: flex;
  flex-direction: column;
}
footer {
  /* ### FOOTER SUBMENU
  -------------------------------------*/
}
footer .footer-submenu {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: solid 1px #fff;
}
footer .footer-submenu a {
  display: block;
  font-size: 13px;
}
@media (max-width: 768px) {
  footer {
    border-radius: 80px 80px 0 0;
    padding: 3rem 2rem 0 2rem;
    /* ### FOOTER LOGO
    -------------------------------------*/
  }
  footer .footer-logo {
    margin: 0 auto 2rem;
    max-width: 140px;
  }
  footer {
    /* ### FOOTER CATCH AREA
    -------------------------------------*/
  }
  footer .footer-catch-area {
    position: relative;
    /**** #### COPYLIGHT SNS ****/
  }
  footer .footer-catch-area .copyright-sns {
    position: inherit;
    left: inherit;
    top: inherit;
    text-align: center;
    margin-bottom: 2rem;
  }
  footer .footer-catch-area .sns-icons {
    justify-content: center;
  }
  footer .footer-catch-area .sns-icons span {
    display: block;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 7px;
    line-height: 1;
  }
  footer .footer-catch-area .sns-nav {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  footer .footer-catch-area .copyright {
    font-size: clamp(13px, 1vw, 20px);
    font-family: "Anton", sans-serif;
    font-weight: 400;
  }
  footer {
    /* ### FOOTER NAV
    -------------------------------------*/
  }
  footer .footer-nav {
    margin-bottom: 1rem;
  }
  footer .footer-nav .footer-menu {
    margin-bottom: 1.5rem;
  }
  footer .footer-nav .footer-menu-title {
    font-size: 14px;
    margin-bottom: 0.5rem;
  }
  footer .footer-nav .right-side {
    display: flex;
    flex-direction: column;
  }
  footer .footer-submenu {
    padding-left: 0.8rem;
    margin-left: 1rem;
  }
  footer .footer-submenu a {
    font-size: 12px;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
-------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## ボタン共通の css
***********************************************/
.btn {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  transition: 0.2s;
}
@media (max-width: ) {
  .btn {
    font-size: 14px;
  }
}

/* ### BTN BLUE（デフォルトの青いボタン）
--------------------------------------------*/
.btn-blue {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #264898;
  color: #fff;
  border-radius: 50px;
  position: relative;
  padding: 1rem 2rem 1rem 3rem;
  width: 100%;
  max-width: 240px;
  text-align: left;
  border: solid 2px #fff;
}
.btn-blue::after {
  display: block;
  right: 0;
  top: 0;
  content: "";
  background-image: url("../images/common/triangle_w.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
}
.btn-blue:hover {
  background-color: #000000;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .btn-blue {
    border: solid 2px #fff;
    padding: 0.5rem 2rem 0.5rem 2rem;
  }
}

/* ### BTN BLACK（デフォルトの青いボタン）
--------------------------------------------*/
.btn-black {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #000000;
  color: #fff;
  border-radius: 50px;
  padding: 1rem 2rem 1rem 3rem;
  width: 100%;
  max-width: 270px;
  text-align: left;
  border: solid 2px #fff;
}
.btn-black::after {
  display: block;
  right: 0;
  top: 0;
  content: "";
  background-image: url("../images/common/triangle_w.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
}
.btn-black:hover {
  background-color: #264898;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .btn-black {
    border: solid 1px #fff;
    padding: 0.5rem 2rem 0.5rem 2rem;
    max-width: 200px;
  }
}

/* ### BTN VIEW MORE（詳しく見る）
--------------------------------------------*/
.btn-more {
  border-bottom: solid 1px #000000;
  font-size: 13px;
}
.btn-more:hover i {
  transition: 0.2s;
  transform: scale(1.3) rotate(360deg);
}

/* ### BTN VIEW MORE（詳しく見る）
--------------------------------------------*/
.btn-view-more {
  display: block;
  border: solid 1px #000000;
  font-size: 15px;
  text-align: center;
  width: 260px;
  padding: 0.5rem 0;
  background-color: #fff;
  transition: 0.2s;
}
.btn-view-more:hover {
  background-color: #000000;
  color: #fff;
  transition: 0.2s;
}

/* ### BTN MAP（詳しく見る）
--------------------------------------------*/
.btn-map {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: #264898;
  color: #fff;
  border-radius: 50px;
  position: relative;
  padding: 0.5rem 3rem 0.5rem 2rem;
  text-align: left;
  border: solid 2px #fff;
}
.btn-map::before {
  display: block;
  right: 0;
  top: 0;
  content: "";
  background-image: url("../images/common/map_white.svg");
  background-size: auto;
  background-repeat: no-repeat;
  width: 15px;
  height: 20px;
}
.btn-map:hover {
  background-color: #000000;
  transition: 0.2s;
}

/* ### BTN AREA
--------------------------------------------*/
.btn-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.btn-area.center {
  justify-content: center;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## TITLE TEMPLATE
***********************************************/
.title-template {
  color: #264898;
  /* ### TITLE
  --------------------------------------*/
}
.title-template .title span {
  display: block;
  font-size: 13px;
  margin-bottom: 1.5rem;
}
.title-template .title h2 {
  font-size: clamp(42px, 7vw, 120px);
  line-height: 1;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
}
.title-template .title h3 {
  font-size: clamp(34px, 6vw, 74px);
  line-height: 1;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
}
.title-template .title h4 {
  font-size: clamp(24px, 4vw, 48px);
  line-height: 1;
  font-family: "Anton", sans-serif;
  font-weight: 400;
}
.title-template .title h5 {
  font-weight: 500;
}
.title-template {
  /* ### CATCH
  --------------------------------------*/
}
.title-template .catch {
  font-size: clamp(16px, 2vw, 24px);
  margin-bottom: 1.5rem;
  color: #000000;
}
.title-template p {
  color: #000000;
}
.title-template.white .title span {
  color: #fff;
}
.title-template.white .title h2 {
  color: #fff;
}
.title-template.white {
  /* ### CATCH
  --------------------------------------*/
}
.title-template.white .catch {
  color: #fff;
}
.title-template.white p {
  color: #fff;
}
.title-template.tategaki {
  /* ### TITLE
  --------------------------------------*/
}
.title-template.tategaki .title h2 {
  writing-mode: vertical-rl;
  margin-left: -9px;
}
@media (max-width: 768px) {
  .title-template.tategaki {
    /* ### TITLE
    --------------------------------------*/
  }
  .title-template.tategaki .title h2 {
    margin-left: -4px;
  }
}

/* ## LOWER TITLE TEMPLATE
***********************************************/
.lower-title-template {
  color: #fff;
  /* ### TITLE
  --------------------------------------*/
}
.lower-title-template .title {
  margin-bottom: 3rem;
}
.lower-title-template .title h1 {
  font-size: clamp(42px, 7vw, 120px);
  font-family: "Anton", sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1;
}
.lower-title-template .title span {
  font-size: clamp(14px, 2vw, 24px);
}
.lower-title-template {
  /* ### CATCH
  --------------------------------------*/
}
.lower-title-template .catch {
  font-size: clamp(16px, 2vw, 24px);
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .lower-title-template {
    /* ### TITLE
    --------------------------------------*/
  }
  .lower-title-template .title {
    margin-bottom: 2rem;
  }
}

/* ## RAdIUS TITLE
***********************************************/
.radius-title {
  background-color: #000000;
  border-radius: 40px;
  padding: 2rem 0;
  margin-bottom: 10rem;
  color: #fff;
}
@media (max-width: 768px) {
  .radius-title {
    padding: 1rem 0;
    margin-bottom: 4rem;
  }
  .radius-title h3 {
    font-size: clamp(18px, 2vw, 24px);
  }
}

/* ## BORDER TITLE
***********************************************/
.border-title {
  color: #264898;
  margin-bottom: 1.5rem;
}
.border-title h3 {
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  display: flex;
  align-items: center;
  gap: 20px;
}
.border-title h3::after {
  content: "";
  width: 90px;
  height: 1px;
  border-bottom: solid 1px #264898;
}
.border-title h5 {
  font-size: clamp(16px, 2vw, 22px);
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 700;
}
.border-title h5::after {
  content: "";
  width: 50px;
  height: 1px;
  border-bottom: solid 1px #264898;
}
.border-title.center h3 {
  justify-content: center;
}
.border-title.center h3::before {
  content: "";
  width: 90px;
  height: 1px;
  border-bottom: solid 1px #264898;
}
@media (max-width: 768px) {
  .border-title {
    margin-bottom: 1.5rem;
  }
  .border-title h3 {
    gap: 20px;
  }
  .border-title h3::after {
    content: "";
    width: 30px;
  }
  .border-title h5 {
    gap: 20px;
  }
  .border-title h5::after {
    width: 20px;
  }
  .border-title.center h3::before {
    width: 30px;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## NEWS CONTENTS
***********************************************/
.news-contents {
  border-bottom: dashed 1px #000000;
  /**** #### TEXT AREA ****/
}
.news-contents .text-area {
  padding: 1.5rem 0;
}
.news-contents .text-area .date {
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #969696;
}
.news-contents .text-area h4 {
  font-size: clamp(14px, 1.4vw, 20px);
  font-weight: 500;
}
.news-contents .text-area p {
  font-size: clamp(12px, 1.1vw, 14px);
  color: #969696;
  line-height: 1.5;
  font-weight: 200;
}
@media (max-width: ) {
  .news-contents {
    /**** #### TEXT AREA ****/
  }
  .news-contents .text-area h4 {
    margin-bottom: 1rem;
  }
}

/* ## PODCAST BOX
***********************************************/
/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.marquee {
  overflow: hidden;
  white-space: nowrap;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  background: #fff;
}
.marquee__inner {
  display: flex;
  align-items: center;
}
.marquee__text {
  font-weight: 900;
  font-size: clamp(2rem, 4vw, 10rem);
  letter-spacing: 0.05em;
  padding-right: 2rem;
  font-family: "Climate Crisis", sans-serif;
  line-height: 1.5;
}
.marquee--reverse .marquee__inner {
  flex-direction: row-reverse;
  text-align: end;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.radius-box {
  border-radius: 10vw;
  padding: 10% 6%;
  color: #fff;
}
.radius-box.bg-blue {
  background-color: #264898 !important;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.attention-sec {
  /* ### TILE TEMPLATE
  --------------------------------------*/
}
.attention-sec .title-template .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.attention-sec .title-template .title::before, .attention-sec .title-template .title::after {
  content: "";
  width: 40px;
  height: 40px;
  background-size: 100%;
  background-image: url("../images/common/attention.svg");
}
.attention-sec .title-template span {
  font-size: clamp(18px, 2.5vw, 34px);
  font-weight: 700;
}
.attention-sec {
  /* ### BTN BANNER AREA
  --------------------------------------*/
}
.attention-sec .btn-banner-area {
  justify-content: center;
  gap: 4rem;
  /**** #### BTN BANNER ****/
}
.attention-sec .btn-banner-area .btn-banner {
  position: relative;
  padding: 5%;
  color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
  height: 100%;
}
.attention-sec .btn-banner-area .btn-banner a {
  position: relative;
  display: block;
  z-index: 1;
}
.attention-sec .btn-banner-area .btn-banner a h3 {
  font-family: "Anton", sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(24px, 5vw, 78px);
  line-height: 1;
}
.attention-sec .btn-banner-area .btn-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.4;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-color: #000000;
  z-index: 0;
}
.attention-sec .btn-banner-area .btn-banner.products {
  background-image: url("../images/common/products.webp");
}
.attention-sec .btn-banner-area .btn-banner.order-guide {
  background-image: url("../images/common/order_guide.webp");
}
.attention-sec .btn-banner-area.large {
  padding-top: 8rem;
}
.attention-sec .btn-banner-area.large .btn-banner {
  padding: 10% 2% 3rem 3%;
  max-width: 1280px;
  margin: 0 auto;
}
.attention-sec .btn-banner-area.large .btn-black {
  width: clamp(180px, 16vw, 240px);
  display: flex;
}
@media (max-width: 768px) {
  .attention-sec {
    /* ### TILE TEMPLATE
    --------------------------------------*/
  }
  .attention-sec .title-template .title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 1rem;
  }
  .attention-sec .title-template .title::before, .attention-sec .title-template .title::after {
    content: "";
    width: 40px;
    height: 40px;
    background-size: 100%;
    background-image: url("../images/common/attention.svg");
  }
  .attention-sec .title-template span {
    font-size: clamp(18px, 2.5vw, 34px);
    font-weight: 700;
  }
  .attention-sec {
    /* ### BTN BANNER AREA
    --------------------------------------*/
  }
  .attention-sec .btn-banner-area {
    gap: 2rem 0;
    /**** #### BTN BANNER ****/
  }
  .attention-sec .btn-banner-area .btn-banner a h3 {
    font-family: "Anton", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: clamp(34px, 5vw, 78px);
    line-height: 1;
    margin-bottom: 1rem;
  }
  .attention-sec .btn-banner-area .btn-banner a p {
    line-height: 1.7;
    font-size: clamp(12px, 1.2vw, 18px);
  }
  .attention-sec .btn-banner-area .btn-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.4;
    pointer-events: none;
    mix-blend-mode: multiply;
    background-color: #000000;
    z-index: 0;
  }
  .attention-sec .btn-banner-area .btn-banner.products {
    background-image: url("../images/common/products.webp");
  }
  .attention-sec .btn-banner-area .btn-banner.order-guide {
    background-image: url("../images/common/order_guide.webp");
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.factory-fitting-sec {
  /* ### FACTORY CONTENTS
  --------------------------------------*/
}
.factory-fitting-sec .factory-fitting-contents .title-template span {
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 500;
}
.factory-fitting-sec .factory-fitting-contents {
  /* ### TEXT SIDE
  --------------------------------------*/
}
.factory-fitting-sec .factory-fitting-contents .text-side {
  padding: 10% 5% 10% 8%;
  color: #fff;
}
.factory-fitting-sec .factory-fitting-contents {
  /* ### SELF FITTING
  --------------------------------------*/
}
.factory-fitting-sec .factory-fitting-contents .self-fitting h5 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.factory-fitting-sec .factory-fitting-contents .self-fitting p {
  margin-bottom: 2rem;
}
.factory-fitting-sec .factory-fitting-contents {
  /* ### IMAGE SIDE
  --------------------------------------*/
}
.factory-fitting-sec .factory-fitting-contents .image-side {
  position: relative;
}
.factory-fitting-sec .factory-fitting-contents .image-side img {
  height: 100%;
}
.factory-fitting-sec .factory-fitting-contents .image-side::before {
  position: absolute;
  content: "";
  inset: 0;
  opacity: 0.4;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-color: #264898;
  z-index: 0;
}
.factory-fitting-sec .access-contents {
  /**** #### IMAGE SIDE ****/
}
.factory-fitting-sec .access-contents .image-side img {
  height: 100%;
}
.factory-fitting-sec .access-contents {
  /**** #### TEXT SIDE ****/
}
.factory-fitting-sec .access-contents .text-side {
  background-color: #F7F7F7;
  padding: 5%;
}
.factory-fitting-sec {
  /* ### TEL INFO
  --------------------------------------*/
}
.factory-fitting-sec .tel-info {
  margin-bottom: 5rem;
}
.factory-fitting-sec {
  /* ### ACCESS INFO
  --------------------------------------*/
}
.factory-fitting-sec .access-info {
  /**** #### ACCESS INFO DETAIL ****/
}
.factory-fitting-sec .access-info .access-info-detail {
  margin-bottom: 2rem;
}
.factory-fitting-sec .access-info .access-info-detail span {
  font-weight: 500;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## LIGHT BOX GALLERY
********************************************************************/
.light-box-gallery img {
  transition: 0.2s;
}
.light-box-gallery img:hover {
  transition: 0.2s;
  transform: scale(1.05);
  filter: opacity(0.7);
}

.lightbox {
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  z-index: 9999;
}
.lightbox .lightbox-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
}
.lightbox .lightbox-inner {
  position: relative;
  width: clamp(200px, 70%, 760px);
  height: auto;
}
.lightbox .lightbox-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  pointer-events: none;
}
.lightbox .caption {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  opacity: 0.9;
}
.lightbox .arrow {
  position: absolute;
  top: 50%;
  background: rgba(255, 255, 255, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
  background-size: 56%;
  background-repeat: no-repeat;
  z-index: 999;
  transform: translate(0%, -50%);
}
.lightbox .arrow.prev {
  background-image: url("../images/common/arrow_left_white.svg");
  left: -10%;
  background-position: 46% 50%;
}
.lightbox .arrow.next {
  background-image: url("../images/common/arrow_right_white.svg");
  right: -10%;
  background-position: 54% 53%;
}
.lightbox .arrow:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .lightbox .caption {
    font-size: 12px;
  }
  .lightbox .arrow {
    width: 30px;
    height: 30px;
  }
  .lightbox .arrow.prev {
    left: -15%;
  }
  .lightbox .arrow.next {
    right: -15%;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.move-x {
  will-change: transform;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.content {
  margin-bottom: 10rem;
  /* ### WP BLOCK IMAGE
  --------------------------------------*/
}
.content .wp-block-image {
  margin: 4rem 0 3rem 0;
  width: 100%;
}
.content .wp-block-image img {
  border-radius: 5px;
  overflow: hidden;
}
.content .wp-block-image .wp-element-caption {
  font-size: 12px;
  color: #969696;
}
.content {
  /* ### WP BLOCK BUTTON
  --------------------------------------*/
}
.content .wp-block-button .wp-block-button__link {
  font-weight: bold;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
  background-color: #000000;
}
.content {
  /* ### TEXT
  --------------------------------------*/
}
.content p {
  margin-bottom: 3rem;
  line-height: 2.5;
}
.content p a {
  border-bottom: solid 1px #000000;
  font-weight: 600;
}
.content p strong {
  margin-bottom: 2rem;
  line-height: 2.5;
}
.content h2 {
  border-bottom: solid 1px #264898;
  border-left: solid 5px #264898;
  margin-top: 10rem;
  margin-bottom: 3rem;
  font-size: 22px;
  padding: 17px 16px 17px;
  color: #264898;
  background-color: #F7F7F7;
  border-radius: 0 100px 0 0;
}
.content h3 {
  margin-top: 6rem;
  margin-bottom: 2rem;
  font-size: 20px;
  padding: 5px 8px;
  border-bottom: solid 1px #264898;
  color: #264898;
}
.content h4 {
  display: inline-block;
  font-size: 17px;
  margin-top: 6rem;
  margin-bottom: 1rem;
  border-bottom: solid 1px #264898;
  color: #264898;
  border-bottom: solid 1px #264898;
  padding-bottom: 0.5rem;
}
.content .wp-block-list {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem 2rem 2rem 3rem;
  background-color: #F7F7F7;
  border-radius: 10px;
}
.content .wp-block-list li {
  display: flex;
  align-items: center;
  line-height: 1.7;
  margin-bottom: 15px;
}
.content .wp-block-list li:last-child {
  margin-bottom: 0;
}
.content .wp-block-list li:before {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 10px;
  background-color: #264898;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: ) {
  .content .wp-block-image .wp-element-caption {
    font-size: 10px;
  }
  .content p {
    line-height: 2;
    font-size: 13px;
  }
  .content p strong {
    line-height: 2;
    font-size: 13px;
  }
  .content h2 {
    border-left: solid 4px #000000;
    margin-top: 6rem;
    font-size: 20px;
    padding: 0 5px 2px;
  }
  .content h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 18px;
    padding: 3px 0;
  }
  .content .wp-block-list {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
  }
  .content .wp-block-list li {
    line-height: 1.7;
    margin-bottom: 5px;
  }
  .content .wp-block-list li:before {
    font-size: 11px;
    margin-right: 5px;
  }
}

blockquote {
  padding: 1rem;
}
blockquote cite {
  font-size: 14px;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.pagenation-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.pagenation-nav .page-numbers {
  display: inline-block;
  font-size: 16px;
  padding-top: 6px;
  border: solid 1px #000000;
  width: 40px;
  height: 50px;
}
.pagenation-nav .page-numbers.current {
  display: inline-block;
  background-color: #264898;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding-top: 4px;
  border: solid 1px #000000;
  width: 40px;
  height: 50px;
  line-height: 2;
}
.pagenation-nav .page-numbers.next, .pagenation-nav .page-numbers.prev {
  padding: 0;
  border: none;
  border-bottom: solid 1px #000000;
  line-height: 1;
  height: inherit;
}
@media (max-width: 768px) {
  .pagenation-nav .page-numbers {
    padding-top: 2px;
    width: 35px;
    height: 40px;
  }
  .pagenation-nav .page-numbers.current {
    padding-top: 0px;
    width: 35px;
    height: 40px;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## SINGLE SECTION
***********************************************/
.single-sec {
  max-width: 840px;
  margin: 0 auto;
  padding-top: 15rem;
}
/* ### TITLE AREA
--------------------------------------*/
.title-area {
  margin-bottom: 3rem;
}
.title-area .day {
  display: block;
  font-size: 13px;
  font-family: "Anton", sans-serif;
  color: #969696;
}
.title-area h1 {
  font-size: clamp(20px, 2.3vw, 28px);
  letter-spacing: 3px;
}
/* ### THUMBNAIL
--------------------------------------*/
.thumbnail {
  overflow: hidden;
  margin-bottom: 4rem;
}
.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 5/3;
}
@media (max-width: ) {
  .thumbnail {
    margin-bottom: 3rem;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## FIRST SECTION（ファーストセクション）
********************************************************************/
#first-view-sec {
  position: relative;
  /* ### TEXT SIDE
  --------------------------------------*/
}
#first-view-sec .text-side {
  padding-left: 10%;
}
#first-view-sec .text-side h1 {
  font-family: "Anton", sans-serif;
  color: #264898;
  font-weight: 400;
  line-height: 1;
  font-size: clamp(3.6rem, 9vw, 14rem);
  padding-top: 5rem;
  margin-bottom: 4rem;
}
#first-view-sec .text-side .catch {
  margin-bottom: 3rem;
  font-size: clamp(1.9rem, 3vw, 3.2rem);
}
#first-view-sec {
  /* ### SLIDER CONTAINER
  --------------------------------------*/
}
#first-view-sec .slider-container {
  position: relative;
  border-radius: 80px 0 0 0;
  overflow: hidden;
  height: clamp(430px, 90vw, 950px);
  /* #### SLIDE --------------------*/
}
#first-view-sec .slider-container .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1);
  transition: transform 5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
#first-view-sec .slider-container .slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 33%;
}
#first-view-sec .slider-container .slide.active {
  z-index: 1;
}
#first-view-sec .slider-container {
  /* #### PROGRESS BAR --------------------*/
}
#first-view-sec .slider-container .progress-bar {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  z-index: 2;
}
#first-view-sec .slider-container .progress-bar .progress {
  height: 100%;
  width: 0;
  background: #fff;
}
@media (max-width: 768px) {
  #first-view-sec {
    /* ### TEXT SIDE
    --------------------------------------*/
  }
  #first-view-sec .text-side {
    padding: 0 5%;
  }
  #first-view-sec .text-side h1 {
    font-size: clamp(42px, 16vw, 64px);
    padding-top: 7rem;
    margin-bottom: 2rem;
  }
  #first-view-sec .text-side .catch {
    margin-bottom: 1.5rem;
  }
  #first-view-sec {
    /* ### SLIDER SIDE
    --------------------------------------*/
  }
  #first-view-sec .slider-side {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding-left: 30%;
    opacity: 0.5;
  }
  #first-view-sec {
    /* ### SLIDER CONTAINER
    --------------------------------------*/
  }
  #first-view-sec .slider-container {
    height: clamp(440px, 90vw, 950px);
    /* #### SLIDE --------------------*/
  }
}

/* ## ABOUT SECTION（ABOUTセクション）
********************************************************************/
.about-sec .image-side {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.about-sec .image-side img {
  object-fit: cover;
  object-position: 50% 40%;
}
.about-sec .text-side {
  place-content: center;
}
@media (min-width: 1400px) {
  .about-sec .image-side {
    aspect-ratio: 5/4;
  }
  .about-sec .image-side img {
    object-position: 50% 30%;
  }
  .about-sec .text-side {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .about-sec .image-side {
    aspect-ratio: 2/1;
  }
  .about-sec .image-side img {
    object-position: 50% 30%;
  }
  .about-sec .text-side {
    padding: 10% 5%;
  }
}

/* ## PRODUCTS SECTION（製品紹介）
********************************************************************/
.products-sec {
  background: linear-gradient(to left, #F7F7F7 50%, #fff 50%);
  /* ## ROW
  ***********************************************/
}
.products-sec .row {
  margin-bottom: 6rem;
}
.products-sec {
  /* ## OTHER ITEM
  ***********************************************/
}
.products-sec .other-item img {
  border-radius: 20px;
  aspect-ratio: 20/9;
}
.products-sec {
  /* ## PRODUCTS IMAGES
  ***********************************************/
}
.products-sec .product-images img {
  border-radius: 10px;
  aspect-ratio: 3/4;
}
.products-sec .product-images span {
  display: block;
  text-align: center;
}
.products-sec {
  /* ## PRODUCTS LINK
  ***********************************************/
}
.products-sec .products-link p {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .products-sec {
    /* ## ROW
    ***********************************************/
  }
  .products-sec .row {
    margin-bottom: 1rem;
  }
  .products-sec {
    /* ## OTHER ITEM
    ***********************************************/
  }
  .products-sec .other-item img {
    border-radius: 20px;
    aspect-ratio: 20/9;
  }
  .products-sec {
    /* ## PRODUCTS IMAGES
    ***********************************************/
  }
  .products-sec .product-images img {
    border-radius: 10px;
    aspect-ratio: 3/4;
  }
  .products-sec .product-images span {
    display: block;
    text-align: center;
  }
  .products-sec {
    /* ## PRODUCTS LINK
    ***********************************************/
  }
  .products-sec .products-link p {
    margin-bottom: 3rem;
  }
}

/* ## CUSTOM SECTION（カスタム・オプション）
********************************************************************/
.custom-sec {
  background: linear-gradient(to bottom, #fff 65%, #264898 35%);
}
.custom-sec .custom-images img {
  aspect-ratio: 4/5;
  border-radius: 10px;
}
.custom-sec .custom-images dl dt {
  font-family: "Anton", sans-serif;
  font-size: clamp(18px, 2vw, 34px);
  font-weight: 400;
  letter-spacing: 1px;
}
.custom-sec .custom-images dl dt, .custom-sec .custom-images dl dd {
  color: #fff;
}
@media (max-width: 768px) {
  .custom-sec {
    background: linear-gradient(to bottom, #fff 38%, #264898 35%);
  }
  .custom-sec .custom-images {
    margin-bottom: 2rem;
  }
}

/* ## ORDER SECTION（カスタム・オプション）
********************************************************************/
.order-sec .check {
  width: 90%;
  margin: 0 auto 2rem;
}
.order-sec {
  /* ### MEASURIG METHOD
  --------------------------------------*/
}
.order-sec .measuring-method {
  margin-bottom: 6rem;
}
.order-sec {
  /* ### MEASURIG CARD
  --------------------------------------*/
}
.order-sec .measuring-card {
  border: solid 1px #fff;
  padding: 6%;
  position: relative;
  /**** #### TITLE ****/
}
.order-sec .measuring-card .title {
  margin-bottom: 2rem;
}
.order-sec .measuring-card .title h4 {
  font-size: clamp(3.2rem, 4vw, 6.8rem);
  line-height: 1.5;
  font-weight: 400;
  border-bottom: solid 1px #fff;
  font-family: "Anton", sans-serif;
  margin-bottom: 1rem;
}
.order-sec .measuring-card img {
  margin-bottom: 1.5rem;
  aspect-ratio: 16/9;
}
.order-sec .measuring-card p {
  font-size: clamp(13px, 1vw, 17px);
}
.order-sec .measuring-card {
  /**** #### YELLOW ****/
}
.order-sec .measuring-card.yellow {
  border: solid 1px #FFF500;
}
.order-sec .measuring-card.yellow::before {
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  content: "おすすめ！";
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  max-width: 140px;
  letter-spacing: 1px;
  border-radius: 30px;
  background-color: #fff;
  padding: 0.5rem 1rem;
  color: #264898;
}
.order-sec .measuring-card.yellow::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 14px solid #fff;
}
.order-sec .measuring-card.yellow .title {
  color: #FFF500;
}
.order-sec .measuring-card.yellow .title h4 {
  border-bottom: solid 1px #FFF500;
}
.order-sec {
  /* ### THREE TYPES
  --------------------------------------*/
}
.order-sec .three-types {
  margin-bottom: 6rem;
}
.order-sec .three-types .radius-title {
  margin-bottom: 4rem;
}
.order-sec {
  /* ### THREE TYPES CARD
  --------------------------------------*/
}
.order-sec .three-types-card img {
  border-radius: 10px;
  margin-bottom: 1rem;
}
.order-sec .three-types-card .title h5 {
  font-size: clamp(1.6rem, 1.2vw, 2rem);
  font-weight: 700;
}
.order-sec .three-types-card .title p {
  font-size: clamp(13px, 1vw, 17px);
}
.order-sec .order-links-area p {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .order-sec .check {
    width: 90%;
    margin: 0 auto 0.5rem;
  }
  .order-sec {
    /* ### MEASURIG CARD
    --------------------------------------*/
  }
  .order-sec .measuring-card {
    /**** #### TITLE ****/
  }
  .order-sec .measuring-card .title {
    margin-bottom: 1.5rem;
  }
  .order-sec .measuring-card .title h4 {
    line-height: 1.5;
    font-weight: 400;
    border-bottom: solid 1px #fff;
    font-family: "Anton", sans-serif;
    margin-bottom: 1rem;
  }
  .order-sec .measuring-card img {
    margin-bottom: 1.5rem;
    aspect-ratio: 16/9;
  }
  .order-sec .measuring-card p {
    font-size: clamp(13px, 1vw, 17px);
  }
  .order-sec .measuring-card {
    /**** #### YELLOW ****/
  }
  .order-sec .measuring-card.yellow::before {
    top: -30px;
  }
  .order-sec .measuring-card.yellow::after {
    top: 5px;
  }
  .order-sec .measuring-card.yellow .title {
    color: #FFF500;
  }
  .order-sec .measuring-card.yellow .title h4 {
    border-bottom: solid 1px #FFF500;
  }
  .order-sec {
    /* ### THREE TYPES
    --------------------------------------*/
  }
  .order-sec .three-types {
    margin-bottom: 4rem;
  }
  .order-sec .three-types .radius-title {
    margin-bottom: 2rem;
  }
  .order-sec {
    /* ### THREE TYPES CARD
    --------------------------------------*/
  }
  .order-sec .three-types-card img {
    border-radius: 5px;
  }
  .order-sec .three-types-card .title p {
    font-size: clamp(11px, 1vw, 17px);
  }
  .order-sec .order-links-area p {
    margin-bottom: 2rem;
  }
}

/* ## VOICE SECTION（お客様の声）
********************************************************************/
.voice-sec {
  /* ### VOICE ITEM
  --------------------------------------*/
}
.voice-sec .voice-item {
  background-color: #F7F7F7;
  padding: 3%;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.voice-sec .voice-item .voice-thumb {
  width: auto;
  max-width: 100px;
  border-radius: 50%;
  border: solid 1px #000000;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.voice-sec .voice-item .voice-thumb img {
  height: 100%;
}
.voice-sec .voice-item {
  /**** #### VOICE CONTENT ****/
}
.voice-sec .voice-item .voice-content {
  width: auto;
  padding-left: 1.5rem;
}
.voice-sec .voice-item .voice-content .voice-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.voice-sec .voice-item .voice-content .voice-meta span {
  background-color: #000000;
  padding: 0px 10px;
  color: #fff;
  font-weight: 400;
  border-radius: 5px;
}
.voice-sec .voice-item .voice-content .voice-meta time {
  font-size: 13px;
  color: #969696;
}
.voice-sec .voice-item .voice-content .voice-title {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .voice-sec {
    /* ### VOICE ITEM
    --------------------------------------*/
  }
  .voice-sec .voice-item {
    position: relative;
    padding: 27px 5% 5% 5%;
  }
  .voice-sec .voice-item .voice-thumb {
    width: 55px;
    position: absolute;
    top: 20px;
    left: 5%;
  }
  .voice-sec .voice-item {
    /**** #### VOICE CONTENT ****/
  }
  .voice-sec .voice-item .voice-content {
    padding-left: 0;
  }
  .voice-sec .voice-item .voice-content .voice-meta {
    padding-left: 70px;
  }
  .voice-sec .voice-item .voice-content .voice-title {
    padding-left: 70px;
    font-size: 15px;
    margin-bottom: 1rem;
  }
  .voice-sec .voice-item .voice-content .voice-excerpt {
    font-size: 12px;
    line-height: 1.8;
  }
}

/* ## BLOG SECTION（お客様の声）
********************************************************************/
.blog-sec .bg-gray {
  background-color: #F7F7F7;
  padding: 7% 10%;
}
@media (max-width: 768px) {
  .blog-sec .bg-gray {
    padding: 13% 5%;
  }
}

/* ## NEWS ITEM
***********************************************/
.news-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
  /* ### NEWS THUMB
  --------------------------------------*/
}
.news-item .news-thumb {
  width: 20%;
  aspect-ratio: 8/5;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.news-item .news-thumb img {
  height: 100%;
}
.news-item {
  /* ### NEWS BODY
  --------------------------------------*/
}
.news-item .news-body {
  width: 80%;
  padding-left: 2rem;
}
.news-item {
  /* ### NEWS META
  --------------------------------------*/
}
.news-item .news-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.news-item {
  /* ### NEWS TITLE
  --------------------------------------*/
}
.news-item .news-title {
  letter-spacing: 0;
  font-size: clamp(15px, 2vw, 2rem);
  margin-bottom: 0.5rem;
}
.news-item {
  /* ### NEWS EXCERPT
  --------------------------------------*/
}
.news-item .news-excerpt {
  color: #969696;
  font-size: clamp(11px, 1.2vw, 15px);
  line-height: 1.7;
}
@media (max-width: 768px) {
  .news-item {
    margin-bottom: 1.5rem;
    /* ### NEWS THUMB
    --------------------------------------*/
  }
  .news-item .news-thumb {
    width: 20%;
    aspect-ratio: 1/1;
  }
  .news-item {
    /* ### NEWS BODY
    --------------------------------------*/
  }
  .news-item .news-body {
    padding-left: 1.5rem;
  }
  .news-item {
    /* ### NEWS META
    --------------------------------------*/
  }
  .news-item .news-meta {
    gap: 10px;
    margin-bottom: 5px;
  }
  .news-item {
    /* ### NEWS TITLE
    --------------------------------------*/
  }
  .news-item .news-title {
    letter-spacing: 0;
    font-size: clamp(13px, 1.5vw, 16px);
    margin-bottom: 0;
  }
}

.news-cat {
  background-color: #000000;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
  font-size: clamp(10px, 1vw, 14px);
  display: block;
  line-height: 1;
}
@media (max-width: 768px) {
  .news-cat {
    border-radius: 2px;
    padding: 3px 7px;
  }
}

.news-date {
  color: #969696;
  font-size: clamp(12px, 1vw, 14px);
}

/* ## ACCESS SECTION（アクセス）
********************************************************************/
.access-sec {
  /* ### ABOUT VISIT
  --------------------------------------*/
}
.access-sec .about-visit {
  margin-bottom: 10rem;
}
@media (max-width: 768px) {
  .access-sec {
    /* ### ABOUT VISIT
    --------------------------------------*/
  }
  .access-sec .about-visit {
    margin-bottom: 5rem;
  }
}

/* ### ACCESS INFO
--------------------------------------*/
.access-info {
  /**** #### LABELS ****/
}
.access-info .labels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.access-info .labels span {
  display: inline-block;
  background-color: #000000;
  border-radius: 40px;
  color: #fff;
  font-weight: 400;
  padding: 0 15px;
  line-height: 1.7;
}
.access-info {
  /**** #### LOGO ****/
}
.access-info .logo {
  max-width: 240px;
  width: 80%;
}
.access-info .logo.redloo {
  max-width: 100px;
}
.access-info {
  /**** #### ACCESS INFO DEATIL ****/
}
.access-info .access-info-detail {
  margin-top: 2rem;
  margin-bottom: 6rem;
}
.access-info .access-info-detail li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(12px, 1vw, 16px);
}
.access-info .access-info-detail li::before {
  content: "";
  width: 17px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.access-info .access-info-detail .address {
  font-weight: 700;
}
.access-info .access-info-detail .address::before {
  background-image: url("../images/common/map_blue.svg");
}
.access-info .access-info-detail .train {
  font-weight: 700;
}
.access-info .access-info-detail .train::before {
  background-image: url("../images/common/train_blue.svg");
}
.access-info .access-info-detail .car {
  font-weight: 700;
}
.access-info .access-info-detail .car::before {
  background-image: url("../images/common/car_blue.svg");
}
.access-info {
  /**** #### ACCESS INFO DEATIL ****/
}
.access-info .google-map {
  position: relative;
}
.access-info .google-map iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.access-info .google-map .btn-map {
  position: absolute;
  right: 6%;
  top: 92%;
  z-index: 2;
}
@media (max-width: 768px) {
  .access-info .logo.redloo {
    max-width: 80px;
  }
  .access-info {
    /**** #### ACCESS INFO DEATIL ****/
  }
  .access-info .access-info-detail {
    margin-bottom: 2rem;
  }
  .access-info {
    /**** #### ACCESS INFO DEATIL ****/
  }
  .access-info .google-map .btn-map {
    right: 3%;
    top: 87%;
  }
}

/* ### TEL INFO
--------------------------------------*/
.tel-info .tel {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Anton", sans-serif;
  font-size: 34px;
}
.tel-info .tel::before {
  content: "";
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/common/tel_blue.svg");
}
@media (max-width: 768px) {
  .tel-info .tel {
    font-size: 28px;
  }
}

/* ## コメント中
***********************************************/
/* ### SLIDER CONTAINER
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## LOWER FIRST SECTION（ファーストセクション）
********************************************************************/
/* ## ABOUT MSG SECTION（メッセージ）
********************************************************************/
.about-msg-sec {
  position: relative;
}
.about-msg-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.13;
  mix-blend-mode: multiply;
  pointer-events: none;
  background-position: 50% 67%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/about/msg_bg.webp");
}

/* ## PHILOSOPHY SECTION（メッセージ）
********************************************************************/
.philosophy-sec {
  position: relative;
  background-color: #264898;
}
.philosophy-sec > div {
  position: relative;
  z-index: 5;
}
.philosophy-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.1;
  pointer-events: none;
  background-position: 50% 67%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/about/philosophy_bg.webp");
}
.philosophy-sec .text-side {
  padding-left: 3%;
}
.philosophy-sec {
  /* ### IMAGE SIDE
  --------------------------------------*/
}
.philosophy-sec {
  /* ### PHILOSOPHY CONTENT
  --------------------------------------*/
}
.philosophy-sec .philosophy-content {
  color: #fff;
  position: relative;
  padding: 6% 10%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.philosophy-sec .philosophy-content > div {
  position: relative;
  z-index: 5;
}
.philosophy-sec .philosophy-content > div span {
  display: block;
  font-size: 18px;
  margin-bottom: 2rem;
}
.philosophy-sec .philosophy-content > div h3 {
  font-family: "Anton", sans-serif;
  font-size: clamp(34px, 6vw, 74px);
  line-height: 1;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.philosophy-sec .philosophy-content > div p {
  font-size: clamp(13px, 1.5vw, 20px);
}
.philosophy-sec .philosophy-content::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.4;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-color: #000000;
}
.philosophy-sec .philosophy-content.vision {
  border-radius: 100px 0 0 0;
  background-position: 50% 29%;
  background-image: url("../images/about/vision.webp");
}
.philosophy-sec .philosophy-content.mission {
  background-position: 50% 29%;
  background-image: url("../images/about/mission.webp");
}
.philosophy-sec .philosophy-content.concept {
  border-radius: 0 0 0 100px;
  background-position: 50% 29%;
  background-image: url("../images/about/concept.webp");
}
@media (max-width: 768px) {
  .philosophy-sec > div {
    padding-right: 0;
  }
  .philosophy-sec {
    /* ### PHILOSOPHY CONTENT
    --------------------------------------*/
  }
  .philosophy-sec .philosophy-content {
    margin-bottom: 1rem;
  }
  .philosophy-sec .philosophy-content > div span {
    font-size: 15px;
    margin-bottom: 1.5rem;
  }
  .philosophy-sec .philosophy-content > div h3 {
    margin-bottom: 1rem;
  }
  .philosophy-sec .philosophy-content.vision {
    border-radius: 50px 0 0 0;
  }
  .philosophy-sec .philosophy-content.concept {
    border-radius: 0 0 0 50px;
  }
}

/* ## LOGO CONCEPT SECTION（ロゴコンセプト）
********************************************************************/
.logo-concept-sec {
  margin-top: -8rem;
}
.logo-concept-sec > .container {
  max-width: 1280px;
  padding: 6%;
  background-color: #F7F7F7;
}
@media (max-width: 768px) {
  .logo-concept-sec {
    margin-top: 0;
  }
  .logo-concept-sec > .container {
    padding: 10% 6%;
  }
  .logo-concept-sec .title-template {
    text-align: center;
    margin-bottom: 5rem;
  }
  .logo-concept-sec .logo {
    max-width: 210px;
    margin: 0 auto 5rem;
  }
}

/* ## GREETING SECTION（ごあいさつ）
********************************************************************/
.greeting-sec > .container {
  max-width: 1280px;
}
.greeting-sec {
  /* ### IMAGE SIDE
  --------------------------------------*/
}
.greeting-sec .image-side {
  position: absolute;
  width: clamp(120px, 20%, 260px);
  margin-top: 5rem;
}
.greeting-sec .image-side .ogashira {
  aspect-ratio: 9/18;
  overflow: hidden;
}
.greeting-sec .image-side .ogashira img {
  height: 100%;
}
.greeting-sec .image-side .caption span {
  font-weight: 500;
}
.greeting-sec .image-side .caption h5 {
  font-weight: 500;
}
.greeting-sec {
  /* ### TEXT SIDE
  --------------------------------------*/
}
.greeting-sec .text-side {
  border: solid 1px #264898;
  padding: 8%;
  margin-left: 20%;
}
@media (max-width: 768px) {
  .greeting-sec {
    /* ### IMAGE SIDE
    --------------------------------------*/
  }
  .greeting-sec .image-side {
    position: absolute;
    width: 120px;
    top: -60px;
    right: 11%;
  }
  .greeting-sec .image-side .ogashira {
    aspect-ratio: 1/1;
  }
  .greeting-sec {
    /* ### TEXT SIDE
    --------------------------------------*/
  }
  .greeting-sec .text-side {
    border: solid 1px #264898;
    padding: 8%;
    margin-left: 0;
  }
}

/* ## STAFF SECTION（スタッフ紹介）
********************************************************************/
.staff-sec {
  /* ### STAFF CARD
  --------------------------------------*/
}
.staff-sec .staff-card {
  position: relative;
  background-color: #F7F7F7;
  padding: 5% 5% 5% 9%;
  height: 100%;
  /**** #### NAME ****/
}
.staff-sec .staff-card .name {
  display: flex;
  align-items: baseline;
  gap: 20px;
  font-weight: 600;
}
.staff-sec .staff-card {
  /**** #### DESCRIPTION ****/
}
.staff-sec .staff-card .description {
  font-size: clamp(12px, 1.4vw, 15px);
}
.staff-sec .staff-card::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  width: 5%;
  height: 100%;
}
.staff-sec .staff-card::after {
  position: absolute;
  left: -3px;
  top: 10px;
  font-family: "Anton", sans-serif;
  color: #fff;
  font-size: 2vw;
  writing-mode: sideways-rl;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
}
.staff-sec .staff-card {
  /**** #### MEN ****/
}
.staff-sec .staff-card.men::before {
  background-color: #264898;
}
.staff-sec .staff-card.men::after {
  content: "MEN";
}
.staff-sec .staff-card.men .name h5 {
  color: #264898;
}
.staff-sec .staff-card.woman::before {
  background-color: #EB42B2;
}
.staff-sec .staff-card.woman::after {
  content: "WOMAN";
}
.staff-sec .staff-card.woman .name h5 {
  color: #EB42B2;
}
@media (max-width: 768px) {
  .staff-sec {
    /* ### STAFF CARD
    --------------------------------------*/
  }
  .staff-sec .staff-card {
    padding: 5% 5% 5% 11%;
    /**** #### NAME ****/
  }
  .staff-sec .staff-card .name {
    gap: 10px;
  }
  .staff-sec .staff-card::before {
    width: 7%;
  }
  .staff-sec .staff-card::after {
    position: absolute;
    left: -2px;
    top: 10px;
    font-size: clamp(13px, 5vw, 20px);
  }
}

/* ## FACTORY & ACCESS SECTION（工場紹介・アクセス）
********************************************************************/
.factory-access-sec > .container {
  padding: 10rem 5% 10rem 10%;
  position: relative;
  background-color: #F7F7F7;
}
.factory-access-sec {
  /* ### TITLE TEMPLATE
  --------------------------------------*/
}
.factory-access-sec .title-template {
  position: absolute;
  left: 0;
  top: 8rem;
}
.factory-access-sec .comment {
  max-width: 840px;
  margin: 7rem auto 0;
}
.factory-access-sec .comment .image-side {
  max-width: 150px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
}
.factory-access-sec .comment .image-side img {
  width: 140%;
  height: 140%;
  object-position: 50% 60%;
}
@media (max-width: 768px) {
  .factory-access-sec {
    padding-bottom: 0;
  }
  .factory-access-sec > .container {
    padding: 10rem 5% 6rem 14%;
  }
  .factory-access-sec {
    /* ### TITLE TEMPLATE
    --------------------------------------*/
  }
  .factory-access-sec .title-template {
    top: 5rem;
  }
  .factory-access-sec .comment {
    margin: 5rem auto 0;
  }
  .factory-access-sec .comment .image-side {
    max-width: 80px;
  }
}

/* ## COMPANY SECTION（運営会社）
********************************************************************/
.company-sec .text-side .company-logo {
  max-width: 270px;
  margin-bottom: 2rem;
}
.company-sec .text-side .company-info-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}
.company-sec .text-side .company-info-table tr {
  border-bottom: solid 1px #D8D8D8;
}
.company-sec .text-side .company-info-table tr:first-child {
  border-top: solid 1px #D8D8D8;
}
.company-sec .text-side .company-info-table th {
  padding: 1.5rem 1rem;
  background-color: #F7F7F7;
}
.company-sec .text-side .company-info-table td {
  padding: 1.5rem 1rem;
}
.company-sec .image-side img {
  height: 100%;
}

/* ## コメント中
***********************************************/
/* ### SLIDER CONTAINER
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## SELECTION SECTION（仕様・選び方）
********************************************************************/
.selection-sec > .container {
  max-width: 1280px;
}
.selection-sec .radius-box {
  border-radius: 100px;
  padding: 5%;
}
.selection-sec {
  /* ### SELECTION LIST
  --------------------------------------*/
}
.selection-sec {
  /* ### SELECTION ITEM
  --------------------------------------*/
}
.selection-sec .selection-item {
  position: relative;
  padding: 10%;
}
.selection-sec .selection-item::after {
  content: "+";
  position: absolute;
  font-size: 3vw;
  font-weight: 700;
  color: #fff;
  right: -8.3%;
  top: 28%;
}
.selection-sec .selection-item:last-child::after {
  display: none;
}
.selection-sec .selection-item .selection-num {
  position: absolute;
  top: -10px;
  left: 0px;
  font-size: clamp(30px, 4vw, 64px);
  color: #fff;
  font-weight: 400;
  z-index: 5;
  font-family: "Anton", sans-serif;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #264898;
}
.selection-sec {
  /* ### SELECTION IMG
  --------------------------------------*/
}
.selection-sec .selection-img {
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 50%;
  border: solid 1px #fff;
  overflow: hidden;
  margin-bottom: 1rem;
}
.selection-sec .selection-img img {
  height: 100%;
}
.selection-sec .selection-text {
  text-align: center;
  margin-bottom: 1rem;
}
.selection-sec .selection-text h3 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
}
@media (max-width: 768px) {
  .selection-sec .radius-box {
    padding: 10% 5%;
    border-radius: 40px;
  }
  .selection-sec {
    /* ### SELECTION ITEM
    --------------------------------------*/
  }
  .selection-sec .selection-item {
    padding: 1% 5%;
  }
  .selection-sec .selection-item::after {
    display: none;
  }
  .selection-sec .selection-item .selection-num {
    top: 0px;
    left: 0px;
  }
  .selection-sec {
    /* ### SELECTION IMG
    --------------------------------------*/
  }
  .selection-sec .selection-img {
    margin-bottom: 0.5rem;
  }
  .selection-sec .selection-text {
    margin-bottom: 0;
  }
}

/* ## STYLE SECTION（スタイル）
********************************************************************/
.style-sec {
  /* ### 背景画像
  --------------------------------------*/
}
.style-sec::before {
  content: "";
  position: absolute;
  height: 50%;
  inset: 0;
  background-image: url("../images/order-guide/style.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.1;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: -1;
}
.style-sec {
  /* ### STYLE LIST
  --------------------------------------*/
}
.style-sec .style-list img {
  aspect-ratio: 3/4;
  margin-bottom: 1rem;
}
.style-sec {
  /* ### STYLE TEXT
  --------------------------------------*/
}
.style-sec .style-text {
  text-align: center;
}
.style-sec .style-text p {
  font-weight: 600;
}
@media (max-width: 768px) {
  .style-sec {
    /* ### STYLE LIST
    --------------------------------------*/
  }
  .style-sec .style-list img {
    margin-bottom: 0.5rem;
  }
}

/* ## TYPE SECTION（タイプ）
********************************************************************/
.type-sec {
  /* ### 背景画像
  --------------------------------------*/
}
.type-sec::before {
  content: "";
  position: absolute;
  height: 30%;
  inset: 0;
  background-image: url("../images/order-guide/type.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.1;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: -1;
}
.type-sec {
  /* ### TYPE ITEM
  --------------------------------------*/
}
.type-sec .type-item {
  margin-bottom: 2rem;
}
.type-sec {
  /* ### TYPE LIST
  --------------------------------------*/
}
.type-sec .type-list img {
  aspect-ratio: 3/4;
  margin-bottom: 1rem;
}
.type-sec .type-list img.other {
  aspect-ratio: 28/18;
}
.type-sec {
  /* ### TYPE TEXT
  --------------------------------------*/
}
.type-sec .type-text {
  text-align: center;
}
.type-sec .type-text p {
  font-weight: 600;
  line-height: 1.5;
}
.type-sec .type-text.other {
  text-align: left;
}
@media (max-width: 768px) {
  .type-sec {
    /* ### TYPE ITEM
    --------------------------------------*/
  }
  .type-sec .type-item {
    margin-bottom: 0rem;
  }
  .type-sec {
    /* ### TYPE LIST
    --------------------------------------*/
  }
  .type-sec .type-list img {
    margin-bottom: 0.5rem;
  }
  .type-sec {
    /* ### TYPE TEXT
    --------------------------------------*/
  }
  .type-sec .type-text {
    text-align: left;
  }
  .type-sec .type-text.other {
    text-align: left;
  }
}

/* ## MATERIAL SECTION（生地の種類）
********************************************************************/
.material-sec {
  /* ### 背景画像
  --------------------------------------*/
}
.material-sec::before {
  content: "";
  position: absolute;
  height: 60%;
  inset: 0;
  background-image: url("../images/order-guide/material.webp");
  background-size: cover;
  background-position: center;
  opacity: 0.1;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: -1;
}
.material-sec {
  /* ### MATERIAL CONTENTS
  --------------------------------------*/
}
.material-sec .material-contents {
  /**** #### TITLE ****/
}
.material-sec .material-contents .title {
  text-align: center;
  margin-bottom: 3rem;
}
.material-sec .material-contents .title h5 {
  color: #264898;
  margin: 0 auto;
  border-bottom: solid 1px #264898;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 2rem;
}
.material-sec .material-contents {
  /**** #### IMG ****/
}
.material-sec .material-contents img {
  width: 75%;
  margin: 0 auto 3rem;
}
.material-sec .material-contents .text p {
  font-size: clamp(11px, 1vw, 15px);
  margin-bottom: 2rem;
}
.material-sec .material-contents ul {
  background-color: #fff;
  padding: 3%;
  border-radius: 10px;
}
.material-sec .material-contents ul li {
  font-size: clamp(11px, 1vw, 15px);
}
.material-sec {
  /* ### MATERIAL CONTENT
  --------------------------------------*/
}
.material-sec .material-content {
  border-radius: 15px;
  padding: 8% 5% 5%;
}
.material-sec .material-content.winter {
  background-color: #EAEEFF;
}
.material-sec .material-content.summer {
  background-color: #FFF4E6;
}
/* ## THICKNESS SECTION（生地の種類）
********************************************************************/
.thickness-sec {
  /* ### 背景画像
  --------------------------------------*/
}
.thickness-sec::before {
  content: "";
  position: absolute;
  height: 40%;
  inset: 0;
  background-image: url("../images/order-guide/thickness.webp");
  background-size: cover;
  background-position: 50% 65%;
  opacity: 0.1;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: -1;
}
.thickness-sec .image-side {
  border: solid 1px #000000;
}
.thickness-sec {
  /* ### THICKNESS LIST
  --------------------------------------*/
}
.thickness-sec .thickness-list div {
  margin-bottom: 1.5rem;
}
.thickness-sec .thickness-list dt {
  font-family: "Anton", sans-serif;
  color: #264898;
  font-weight: 400;
  font-size: clamp(20px, 2vw, 34px);
}
@media (max-width: 768px) {
  .thickness-sec .image-side {
    max-width: 200px;
    margin: 0 auto;
  }
}

/* ## THICKNESS SECTION（生地の種類）
********************************************************************/
.custom-option-sec {
  overflow: hidden;
}
.custom-option-sec .bg-slider {
  position: absolute;
  top: 0;
  height: 77%;
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.custom-option-sec .bg-slider .bg-track {
  display: flex;
  width: max-content;
  height: 100%;
  gap: 40px;
}
.custom-option-sec .bg-slider img {
  aspect-ratio: 5/9;
  width: auto;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .custom-option-sec .bg-slider {
    top: 7%;
  }
  .custom-option-sec .bg-slider .bg-track {
    gap: 20px;
  }
  .custom-option-sec p {
    font-size: 12px;
  }
}

/* ## コメント中
***********************************************/
/* ### SLIDER CONTAINER
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## FLOW SECTION（注文までのフロー）
********************************************************************/
.order-step-sec {
  /* ### ORDER STEPS
  --------------------------------------*/
}
.order-step-sec .order-steps {
  background-color: #F7F7F7;
  padding: 8% 5%;
  margin-bottom: 10rem;
}
.order-step-sec {
  /* ### ORDER STEP
  --------------------------------------*/
}
.order-step-sec .order-step {
  margin-bottom: 5%;
}
.order-step-sec .order-step:last-child {
  margin-bottom: 0;
}
.order-step-sec {
  /* ### IMAGE SIDE
  --------------------------------------*/
}
.order-step-sec .image-side {
  height: 100%;
}
.order-step-sec .image-side img {
  height: 100%;
}
.order-step-sec {
  /* ### TEXT SIDE
  --------------------------------------*/
}
.order-step-sec .text-side h3 {
  font-size: clamp(1.8rem, 2.6vw, 3.2rem);
}
.order-step-sec .text-side p {
  margin-bottom: 1rem;
}
.order-step-sec .text-side span {
  font-size: clamp(24px, 5vw, 74px);
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1;
}
.order-step-sec .text-side .notice {
  display: block;
}
.order-step-sec .text-side .notice-box {
  background-color: #fff;
  border: solid 1px #264898;
  padding: 0.5rem 1rem;
  color: #264898;
  font-weight: 500;
  font-size: clamp(12px, 1vw, 16px);
  margin-bottom: 1.5rem;
}
.order-step-sec {
  /* ### ATTENTION CONTENT
  --------------------------------------*/
}
.order-step-sec .attention-content h4 {
  color: #264898;
  margin-bottom: 1rem;
}
.order-step-sec .attention-content h4.transport {
  display: flex;
  align-items: center;
  gap: 10px;
}
.order-step-sec .attention-content h4.transport::before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../images/common/transport.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.order-step-sec .attention-content li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.order-step-sec .attention-content li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../images/common/check.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .order-step-sec {
    /* ### ORDER STEPS
    --------------------------------------*/
  }
  .order-step-sec .order-steps {
    margin-bottom: 4rem;
  }
  .order-step-sec {
    /* ### TEXT SIDE
    --------------------------------------*/
  }
  .order-step-sec .text-side .btn-area {
    justify-content: center;
  }
}

/* ## POINTS FITS SECTION（始まりは34箇所の採寸）
********************************************************************/
.points-fits-sec {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: relative;
  /* ### 背景画像
  --------------------------------------*/
}
.points-fits-sec::before {
  content: "";
  position: absolute;
  height: 100%;
  inset: 0;
  background-image: url("../images/order-flow/bg_36_points.webp");
  background-size: cover;
  background-position: 50% 65%;
  opacity: 0.1;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: -1;
}
.points-fits-sec {
  /* ### EVERY FIT BEGINS....
  --------------------------------------*/
}
.points-fits-sec::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  inset: 0;
  width: clamp(20px, 10%, 100px);
  background-image: url("../images/order-flow/every_fit.svg");
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
}
.points-fits-sec {
  /* ### TITLE
  --------------------------------------*/
}
.points-fits-sec .title h3 {
  letter-spacing: 2px;
}
.points-fits-sec {
  /* ### GALLERY AREA
  --------------------------------------*/
}
.points-fits-sec .gallery-area {
  margin-bottom: 10rem;
}
.points-fits-sec .gallery-area .light-box-gallery {
  margin-bottom: 3rem;
}
.points-fits-sec {
  /* ### FITTING METHOD AREA
  --------------------------------------*/
}
.points-fits-sec .fitting-method-area .bg-dark {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  max-width: 940px;
  margin: 0 auto 5rem;
  padding: 2rem 3%;
  text-align: left;
}
.points-fits-sec .fitting-method-area .bg-dark div {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.points-fits-sec .fitting-method-area .bg-dark div dt {
  width: 24%;
}
.points-fits-sec {
  /* ### FACTORY MERIT AREA
  --------------------------------------*/
}
.points-fits-sec .factory-merit-area {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  max-width: 740px;
  margin: 0 auto 5rem;
  padding: 5% 0;
  text-align: left;
}
.points-fits-sec .factory-merit-area h3 {
  letter-spacing: 2px;
  font-size: clamp(1.8rem, 3vw, 3.2rem);
}
.points-fits-sec .factory-merit-area h3::after {
  display: block;
  content: "";
  width: 150px;
  height: 1px;
  border-bottom: solid 1px #fff;
  margin: 2rem auto;
}
.points-fits-sec .factory-merit-area ul {
  display: grid;
  place-content: center;
  gap: 10px;
}
.points-fits-sec .factory-merit-area ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: start;
}
.points-fits-sec .factory-merit-area ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../images/common/check_yellow.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.points-fits-sec {
  /* ### BEFORE COMMING AREA
  --------------------------------------*/
}
.points-fits-sec .before-comming-area h5 {
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}
.points-fits-sec .before-comming-area p {
  margin-bottom: 1rem;
}
.points-fits-sec .before-comming-area .btn-area {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .points-fits-sec {
    /* ### GALLERY AREA
    --------------------------------------*/
  }
  .points-fits-sec .gallery-area {
    margin-bottom: 5rem;
  }
  .points-fits-sec .gallery-area .light-box-gallery {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  .points-fits-sec {
    /* ### FITTING METHOD AREA
    --------------------------------------*/
  }
  .points-fits-sec .fitting-method-area .bg-dark {
    border-radius: 5px;
    margin: 0 auto 2rem;
    padding: 2rem;
  }
  .points-fits-sec .fitting-method-area .bg-dark div {
    gap: 5px;
    margin-bottom: 15px;
  }
  .points-fits-sec .fitting-method-area .bg-dark div:last-child {
    margin-bottom: 0;
  }
  .points-fits-sec .fitting-method-area .bg-dark div dt {
    width: 100%;
  }
  .points-fits-sec {
    /* ### FACTORY MERIT AREA
    --------------------------------------*/
  }
  .points-fits-sec .factory-merit-area {
    border-radius: 5px;
    padding: 2rem;
  }
  .points-fits-sec .factory-merit-area h3 {
    letter-spacing: 1px;
  }
  .points-fits-sec .factory-merit-area h3::after {
    margin: 1.5rem auto;
  }
  .points-fits-sec .factory-merit-area ul li {
    gap: 5px;
  }
  .points-fits-sec .factory-merit-area ul li::before {
    width: 12px;
    height: 12px;
  }
}

/* ## FLOW SECTION（注文までのフロー）
********************************************************************/
/* ### SLIDER CONTAINER
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.archive-products-sec {
  position: relative;
  padding-top: 180px;
  background-color: #264898;
  color: #fff;
}
.archive-products-sec > div {
  position: relative;
  z-index: 5;
}
.archive-products-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.1;
  mix-blend-mode: normal;
  pointer-events: none;
  background-position: 50% 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--genre-img);
}
.archive-products-sec {
  /* ### TEXT SIDE
  --------------------------------------*/
}
.archive-products-sec .text-side {
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 6rem;
  /**** #### GENRE FEATURES ****/
}
.archive-products-sec .text-side .genre-features {
  padding: 2rem;
  background-color: rgba(20, 44, 98, 0.6);
  border-radius: 10px;
}
.archive-products-sec {
  /* ### IMAGE SIDE
  --------------------------------*/
}
.archive-products-sec .image-side {
  border-radius: clamp(64px, 8vw, 120px) 0 0 0;
  overflow: hidden;
  height: 100%;
  max-height: 780px;
}
.archive-products-sec .image-side img {
  height: 100%;
  object-position: 50% 50%;
}
@media (max-width: 768px) {
  .archive-products-sec {
    padding-top: 128px;
    /* ### TEXT SIDE
    --------------------------------------*/
  }
  .archive-products-sec .text-side {
    padding-left: 7%;
    padding-right: 5%;
    margin-bottom: 0;
    /**** #### GENRE FEATURES ****/
  }
  .archive-products-sec .text-side .genre-features {
    padding: 2rem;
    background-color: rgba(20, 44, 98, 0.6);
    border-radius: 10px;
  }
  .archive-products-sec {
    /* ### IMAGE SIDE
    --------------------------------*/
  }
  .archive-products-sec .image-side {
    max-height: 360px;
  }
}

.index-products-sec {
  background-color: #F7F7F7;
  margin-bottom: 10rem;
  /* ### PRODUCT CONTENT
  --------------------------------------*/
}
.index-products-sec .product-content {
  padding: 10%;
}
.index-products-sec {
  /* ### IMAGE AREA
  --------------------------------------*/
}
.index-products-sec .image-area {
  aspect-ratio: 3/4;
  margin-bottom: 1.5rem;
}
.index-products-sec .image-area img {
  height: 100%;
}
.index-products-sec {
  /* ### TEXT AREA
  --------------------------------------*/
}
.index-products-sec .text-area .title {
  color: #264898;
  font-size: clamp(12px, 2vw, 20px);
}
@media (max-width: 768px) {
  .index-products-sec .product-content {
    padding: 5%;
  }
}

/* ## PRODUCTS TAX NAVIGATION
***********************************************************/
.products-tax-nav {
  background-color: #fff;
  max-width: 1080px;
  margin: 0 auto 7rem;
  padding: 2rem;
}
.products-tax-nav p {
  color: #264898;
  font-weight: 500;
}
.products-tax-nav ul a {
  display: block;
  font-size: clamp(11px, 1vw, 16px);
  padding: 0px 10px;
  background-color: #000000;
  border-radius: 30px;
  color: #fff;
}
.products-tax-nav ul a.is-current {
  background-color: #264898;
}
@media (max-width: 768px) {
  .products-tax-nav {
    margin: 0 auto 2rem;
    padding: 2rem 1rem;
  }
}

/* ## GENRE TAGS
***********************************************************/
.genre-tags {
  margin-bottom: 1rem;
}
.genre-tags .genre-tag {
  display: inline-block;
  font-size: clamp(11px, 0.8vw, 14px);
  padding: 0px 10px;
  background-color: #000000;
  border-radius: 30px;
  color: #fff;
}

/* ## h2
***********************************************************/
/* ### h3
--------------------------------------*/
/**** #### h4 ****/
/* ##### h5 */
.page-first-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.1;
  mix-blend-mode: normal;
  pointer-events: none;
  background-position: 50% 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--page-img);
}
.page-first-sec .image-side {
  max-height: 480px;
}

.page-content-sec {
  padding-top: 5rem;
}
.page-content-sec > .container {
  max-width: 1080px;
  margin: 0 auto;
}

/* ## h2
***********************************************************/
/* ### h3
--------------------------------------*/
/**** #### h4 ****/
/* ##### h5 */