@charset "UTF-8";
/* =====================================================
  colorVariation
===================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&family=Roboto&display=swap");
/**
 * fluid-clamp()
 * min-size〜max-size を min-vw〜max-vw の間で滑らかに変化させ、範囲外は clamp で固定
 * 例) font-size: fluid-clamp(12px, 18px, 394px, 1360px);
 */
/**
 * fluid-steps()
 * 1プロパティを SP→TB→PC の2段階で繋ぐ（TBで値が一致するので段差が出にくい）
 * 例) @include fluid-steps(font-size, 14px, 18px, 20px);
 */
/*---------------------------------
    共通
--------------------------------- */
/*---------------------------------
    カラバリ用
--------------------------------- */
.news_item .readmore::after {
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/green/icon-arrow.svg");
}

/* =====================================================
  1.0 - Foundation
===================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*---------------------------------
    footerを最下部に固定
--------------------------------- */
.l-sitewrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.l-gradient {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*---------------------------------
    basic
--------------------------------- */
html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  font-size: 1rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #3E463E;
  background-color: #FFFFFF;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  body {
    scroll-behavior: auto;
  }
}
body.is-drawerActive {
  height: 100%;
  overflow: hidden;
}

img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

img[src*=".svg"] {
  width: 100%;
  height: auto;
}

picture {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

a,
button {
  color: inherit;
  text-decoration: none;
}
a:hover,
button:hover {
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media screen and (min-width: 768px) {
  a:hover,
  button:hover {
    opacity: 0.8;
  }
}

.u-visuallyHidden:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

a[href*="tel:"] {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}

/* =====================================================
  2.0 - Layout
===================================================== */
.l-spacer.-basic {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-basic {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-basic {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-basic {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
.l-spacer.-basic-top {
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-basic-top {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-basic-top {
    padding-top: 6.25rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-basic-top {
    padding-top: 7.5rem;
  }
}
.l-spacer.-basic-bottom {
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-basic-bottom {
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-basic-bottom {
    padding-bottom: 6.25rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-basic-bottom {
    padding-bottom: 7.5rem;
  }
}
.l-spacer.-m {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-m {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-m {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-m {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.l-spacer.-m-top {
  padding-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-m-top {
    padding-top: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-m-top {
    padding-top: 3.75rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-m-top {
    padding-top: 5rem;
  }
}
.l-spacer.-m-bottom {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-m-bottom {
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-m-bottom {
    padding-bottom: 3.75rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-m-bottom {
    padding-bottom: 5rem;
  }
}
.l-spacer.-xl {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-xl {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-xl {
    padding-top: 17.5rem;
    padding-bottom: 17.5rem;
  }
}
.l-spacer.-xl-top {
  padding-top: 5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-xl-top {
    padding-top: 10rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-xl-top {
    padding-top: 12.5rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-xl-top {
    padding-top: 17.5rem;
  }
}
.l-spacer.-xl-bottom {
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .l-spacer.-xl-bottom {
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-xl-bottom {
    padding-bottom: 12.5rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-xl-bottom {
    padding-bottom: 17.5rem;
  }
}
.l-spacer.-none {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .l-spacer.-md-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .l-spacer.-md-none-top {
    padding-top: 0;
  }
  .l-spacer.-md-none-bottom {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .l-spacer.-lg-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .l-spacer.-lg-none-top {
    padding-top: 0;
  }
  .l-spacer.-lg-none-bottom {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-xxl-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .l-spacer.-xxl-none-top {
    padding-top: 0;
  }
  .l-spacer.-xxl-none-bottom {
    padding-bottom: 0;
  }
}
.l-spacer.-bg-bubble02 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 500px) {
  .l-spacer.-bg-bubble02 {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
}
@media screen and (min-width: 768px) {
  .l-spacer.-bg-bubble02 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}
@media screen and (min-width: 860px) {
  .l-spacer.-bg-bubble02 {
    padding-top: 17.5rem;
    padding-bottom: 17.5rem;
  }
}
@media screen and (min-width: 1360px) {
  .l-spacer.-bg-bubble02 {
    padding-top: 18rem;
    padding-bottom: 18rem;
  }
}

.l-wrapper {
  width: 100%;
  margin: 0 auto;
}

.l-container {
  width: 90.65%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-container {
    width: 89.92%;
    max-width: 750px;
  }
}
@media screen and (min-width: 992px) {
  .l-container {
    width: 88.23%;
    max-width: 1200px;
  }
}
.l-container.-s {
  width: 66.82%;
}
@media screen and (min-width: 768px) {
  .l-container.-s {
    width: 59.23%;
    max-width: 494px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-s {
    width: 52.94%;
    max-width: 720px;
  }
}
.l-container.-sm {
  width: 66.82%;
}
@media screen and (min-width: 768px) {
  .l-container.-sm {
    width: 73.86%;
    max-width: 616px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-sm {
    width: 61.76%;
    max-width: 840px;
  }
}
.l-container.-m {
  width: 79.43%;
}
@media screen and (min-width: 768px) {
  .l-container.-m {
    width: 84.89%;
    max-width: 708px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-m {
    width: 76.47%;
    max-width: 1040px;
  }
}
.l-container.-wide {
  width: 90.18%;
}
@media screen and (min-width: 768px) {
  .l-container.-wide {
    width: 93.52%;
    max-width: 780px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-wide {
    width: 91.17%;
    max-width: 1240px;
  }
}
@media not all and (min-width: 768px) {
  .l-container.-sp-100 {
    width: 100%;
  }
}
@media not all and (min-width: 768px) {
  .l-container.-sp-wide {
    width: 90.18%;
  }
}
@media screen and (min-width: 768px) {
  .l-container.-md-wide {
    width: 93.52%;
    max-width: 780px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-md-wide {
    width: 88.23%;
    max-width: 1200px;
  }
}
@media screen and (min-width: 768px) {
  .l-container.-md-m {
    width: 84.89%;
    max-width: 708px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-md-m {
    width: 88.23%;
    max-width: 1200px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-lg-s {
    width: 52.94%;
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-lg-sm {
    width: 61.76%;
    max-width: 840px;
  }
}
@media screen and (min-width: 992px) {
  .l-container.-lg-m {
    width: 76.47%;
    max-width: 1040px;
  }
}
@media screen and (min-width: 1024px) {
  .l-container.-ll-s {
    width: 52.94%;
    max-width: 720px;
  }
}
@media screen and (min-width: 1024px) {
  .l-container.-ll-sm {
    width: 61.76%;
    max-width: 840px;
  }
}
@media screen and (min-width: 1024px) {
  .l-container.-ll-m {
    width: 76.47%;
    max-width: 1040px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container.-xl-s {
    width: 52.94%;
    max-width: 720px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container.-xl-sm {
    width: 61.76%;
    max-width: 840px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container.-xl-m {
    width: 76.47%;
    max-width: 1040px;
  }
}

.l-inner {
  margin-left: auto;
  margin-right: auto;
}

.l-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
}

.l-header {
  position: relative;
}

@media not all and (min-width: 768px) {
  .l-logo {
    margin-top: 1rem;
  }
}

.l-global {
  display: none;
}
.is-drawerActive .l-global {
  position: fixed;
  top: 0;
  right: -120%;
  width: 100%;
  height: 100vh;
  background-color: #2EC68B;
  -webkit-transition: 0.6s all;
  transition: 0.6s all;
  z-index: 2;
  display: block;
  right: 0;
}
@media screen and (min-width: 768px) {
  .l-global {
    display: block;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}

.l-spNav {
  position: fixed;
  top: 1rem;
  right: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .l-spNav {
    display: none;
  }
}

/* =====================================================
  3.0 - Object
===================================================== */
.button {
  position: relative;
  display: inline-block;
  border: 0;
  background-color: transparent;
  color: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.button.-primary {
  padding: 0.5em 1em;
  width: 80vw;
  background-color: #2EC68B;
  border-radius: 3em;
  color: #FFFFFF;
  font-size: clamp(18px, 5.33vw, 24px);
  font-family: "Zen Maru Gothic", sans-serif;
  letter-spacing: 0.1em;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  line-height: 1.66;
}
@media screen and (min-width: 768px) {
  .button.-primary {
    width: 45vw;
  }
}
@media screen and (min-width: 992px) {
  .button.-primary {
    width: min(32vw, 530px);
    font-size: clamp(24px, 2.08vw, 30px);
  }
}
.button.-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 4px;
  padding: 1.5em 2px;
  width: min(30vw, 80px);
  height: min(30vw, 80px);
  background: -webkit-gradient(linear, right top, left bottom, from(#99DB9E), to(#74D3AE));
  background: linear-gradient(to bottom left, #99DB9E 0%, #74D3AE 100%);
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 6px rgba(16, 142, 5, 0.18);
          box-shadow: 0px 3px 6px rgba(16, 142, 5, 0.18);
  color: #FFFFFF;
  font-size: clamp(14px, 0.125vw, 18px);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media screen and (min-width: 992px) {
  .button.-contact {
    width: min(10vw, 110px);
    height: min(10vw, 110px);
  }
}
@media screen and (min-width: 1360px) {
  .button.-contact {
    width: min(10vw, 130px);
    height: min(10vw, 130px);
  }
}
.is-drawerActive .button.-contact {
  width: min(30vw, 130px);
  height: min(30vw, 130px);
}
.button.-contact span {
  font-family: "Zen Maru Gothic", sans-serif;
}
.button.-contact img {
  width: 28px;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(108deg) brightness(102%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(108deg) brightness(102%) contrast(101%);
}
@media screen and (min-width: 1360px) {
  .button.-contact img {
    width: 42px;
  }
}
.button.-contact.-white {
  background: -webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#D8FCDF));
  background: linear-gradient(to bottom right, #FFFFFF 0%, #D8FCDF 100%);
  color: #2EC68B;
}
.button.-contact.-white img {
  -webkit-filter: invert(63%) sepia(28%) saturate(950%) hue-rotate(110deg) brightness(90%) contrast(90%);
          filter: invert(63%) sepia(28%) saturate(950%) hue-rotate(110deg) brightness(90%) contrast(90%);
}
.l-spNav .button.-contact {
  padding: 0.5em 2px;
  width: 16vw;
  height: 16vw;
}
.l-spNav .button.-contact span {
  font-size: 10px;
}
.l-spNav .button.-contact img {
  width: 6.66vw;
}

.icon-arrow {
  position: relative;
  padding-right: calc(42px + 0.5em);
}
.icon-arrow::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 42px;
  height: 8px;
  background: url("https://hagukumikango.com/common-assets/houjin-001/image/icon-arrow.svg") no-repeat center center/contain;
  -webkit-filter: invert(63%) sepia(28%) saturate(950%) hue-rotate(110deg) brightness(90%) contrast(90%);
          filter: invert(63%) sepia(28%) saturate(950%) hue-rotate(110deg) brightness(90%) contrast(90%);
}

/*---------------------------------
    斜線
--------------------------------- */
/* =====================================================
  1.0 - Foundation
===================================================== */
.deco-line {
  position: relative;
}
.deco-line::after {
  display: block;
  content: "";
  position: absolute;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/line-color.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  opacity: 0.7;
  z-index: 0;
}
.l-main.-subpage .deco-line::after {
  bottom: 15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(1200px, 120vw);
  height: 50%;
}
.deco-line.message::after {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(1200px, 120vw);
  height: 40%;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/line-color02.svg");
}
@media screen and (min-width: 768px) {
  .deco-line.message::after {
    height: 65%;
  }
}

/*---------------------------------
    primary
--------------------------------- */
.heading-pagehead {
  position: relative;
  padding: 3em 0;
  color: #2EC68B;
  font-size: clamp(1.5rem, 1.0407725322rem + 1.7167381974vw, 2.5rem);
  font-family: "Zen Maru Gothic", sans-serif;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.heading-pagehead .l-container {
  position: relative;
  z-index: 1;
}
.heading-pagehead span {
  position: relative;
  z-index: 1;
}

/*---------------------------------
    primary
--------------------------------- */
.heading-primary {
  position: relative;
  margin-bottom: 1.25rem;
  padding: 0 0.625rem;
  max-width: 400px;
  background: -webkit-gradient(linear, left top, right top, from(#C5E4DE), to(#EAEDD7));
  background: linear-gradient(to right, #C5E4DE 0%, #EAEDD7 100%);
  color: #2EC68B;
  font-size: clamp(0.9375rem, 0.7939914163rem + 0.5364806867vw, 1.25rem);
  font-family: "Zen Maru Gothic", sans-serif;
  line-height: 1.5;
}
.heading-primary.-thick {
  padding: 0.4em;
  font-size: clamp(1.5rem, 1.2703862661rem + 0.8583690987vw, 2rem);
  text-align: center;
}
/*---------------------------------
    secondary
--------------------------------- */
.heading-secondary {
  position: relative;
  padding: 0 0.625rem;
  color: #2EC68B;
  font-size: clamp(18px, 5.21vw, 22px);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  line-height: 1.5625;
}
@media screen and (min-width: 992px) {
  .heading-secondary {
    font-size: clamp(24px, 3.64vw, 32px);
  }
}

/*---------------------------------
    primary
--------------------------------- */
.title-primary {
  position: relative;
  margin-bottom: 1.25rem;
  color: #2EC68B;
  font-size: clamp(1.375rem, 1.0879828326rem + 1.0729613734vw, 2rem);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  line-height: 1.5625;
}
@media not all and (min-width: 360px) {
  .title-primary {
    font-size: clamp(17px, 5.71vw, 22px);
  }
}
.title-primary.-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-primary.-image img {
  vertical-align: middle;
}

/*---------------------------------
    secondary
--------------------------------- */
.title-secondary {
  position: relative;
  display: inline-block;
  margin-bottom: 1.25rem;
  padding-bottom: 5px;
  color: #2EC68B;
  font-size: clamp(17px, 4.8vw, 20px);
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  line-height: 1.5625;
}
@media screen and (min-width: 992px) {
  .title-secondary {
    font-size: clamp(20px, 2.53vw, 26px);
  }
}
.title-secondary::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: -webkit-gradient(linear, left top, right top, from(#C5E4DE), to(#EAEDD7));
  background: linear-gradient(to right, #C5E4DE 0%, #EAEDD7 100%);
  opacity: 0.7;
}

/*---------------------------------
    primary
--------------------------------- */
.text-primary {
  color: #3E463E;
  font-size: clamp(0.8125rem, 0.7466133005rem + 0.2463054187vw, 0.875rem);
}
@media (min-width: 834px) {
  .text-primary {
    font-size: clamp(0.875rem, 0.6768060837rem + 0.3802281369vw, 1rem);
  }
}
@media (min-width: 1360px) {
  .text-primary {
    font-size: 1rem;
  }
}
.text-primary {
  letter-spacing: 0.07em;
  line-height: 1.875;
}
.text-primary + .text-primary {
  margin-top: 1em;
}

/*---------------------------------
    secondary
--------------------------------- */
.text-secondary, .flow_item, .recruit .definition_item, .company .definition_item, .form_item label {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .text-secondary, .flow_item, .recruit .definition_item, .company .definition_item, .form_item label {
    font-size: clamp(0.875rem, 0.6768060837rem + 0.3802281369vw, 1rem);
  }
}

.form_width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  .form_width {
    max-width: calc(830px + 3rem);
    padding: 0 1.5rem;
  }
}

.form_item-container + .form_item-container {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .form_item-container .form_item-md-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .form_item-container + .form_item-container {
    margin-top: 2rem;
  }
}

.form_item-container.-md-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .form_item-container.-md-line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.form_item {
  line-height: 1.5;
}
.form_item.-md-half {
  width: 100%;
}
.form_item.-md-half + .form_item.-md-half {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .form_item.-md-half {
    width: 48%;
  }
  .form_item.-md-half + .form_item.-md-half {
    margin-top: 0;
  }
}

.form_item label {
  margin-bottom: 0.65em;
  font-weight: 700;
  line-height: 1.2;
}
.form_item label.not-required {
  display: block;
}

.input_wrap {
  width: 100%;
}

.error {
  padding: 0.6em 0;
  line-height: 1;
  font-weight: bold !important;
  border-radius: 4px;
}

.input_wrap input[type=text],
.input_wrap input[type=email],
.input_wrap textarea,
.form_policy {
  width: 100%;
  padding: 1rem;
  line-height: 1.6;
  border: 2px solid #CCCCCC;
  border-radius: 4px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .input_wrap input[type=text],
  .input_wrap input[type=email],
  .input_wrap textarea,
  .form_policy {
    padding: 1.2rem;
  }
}

.mwform-radio-field {
  display: block;
  position: relative;
  margin-bottom: 0.9em;
}

.form_radio .mwform-radio-field span {
  padding-left: 1.6rem;
  cursor: pointer;
}

.form_radio .mwform-radio-field input[type=radio] {
  display: none;
  padding-left: 25px;
}

.form_radio .mwform-radio-field input[type=radio] + span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
@media screen and (min-width: 768px) {
  .form_radio .mwform-radio-field input[type=radio] + span::before {
    top: 0;
  }
}

.form_radio .mwform-radio-field input[type=radio] + span::after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #2EC68B;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .form_radio .mwform-radio-field input[type=radio] + span::after {
    top: 3px;
  }
}

.form_radio .mwform-radio-field input[type=radio]:checked + span:after {
  opacity: 1;
}

.form_checkbox.-agree {
  margin-top: 1rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .form_checkbox.-agree {
    margin-top: 1.5rem;
  }
}
@media not all and (min-width: 768px) {
  .form_checkbox.-agree label {
    font-size: 1em;
  }
}

.mwform-checkbox-field {
  display: inline-block;
  position: relative;
  width: 18em;
  margin: 1rem 0;
  font-size: 90%;
  text-indent: 1.9em;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .mwform-checkbox-field {
    width: 22.5em;
  }
}

.mwform-checkbox-field input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}

.mwform-checkbox-field input[type=checkbox] + span {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mwform-checkbox-field input[type=checkbox] + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 18px;
  height: 9px;
  margin-top: -9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 3px solid;
  border-left: 3px solid;
  border-color: #0754A7;
  opacity: 0;
}

.mwform-checkbox-field input[type=checkbox]:checked + span:before {
  opacity: 1;
}

.required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.required::after {
  content: "必須";
  display: block;
  position: relative;
  margin-left: 0.75rem;
  padding: 0.3em 0.5em;
  line-height: 1;
  color: #FFFFFF;
  background-color: #FC6559;
  border-radius: 3px;
}

.form_textarea_row-7 {
  line-height: 160%;
  height: 11.2em;
  vertical-align: top;
}

.form_policy {
  background-color: #FFFFFF;
}

.form_policy_inner {
  padding: 1em 1em 1em 0;
  height: 11.2em;
  max-height: 11.2em;
  overflow-y: scroll;
}

.policy_list {
  margin-top: 1.5rem;
}

.policy_list dt {
  font-weight: 600;
}

.policy_item + .policy_item {
  margin-top: 1.5rem;
}

.submit_btn-area {
  margin-top: 2rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .submit_btn-area {
    margin-top: 4rem;
  }
}

.submit_btn input[type=submit] {
  cursor: pointer;
}

.submit_btn input[type=submit]:hover {
  opacity: 0.6;
}

.grecaptcha-badge {
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .grecaptcha-badge {
    bottom: 80px !important;
  }
}

.breadcrumb {
  margin-top: auto;
}

.breadcrumb_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5em 0;
  font-size: clamp(10px, 2.933vw, 12px);
  line-height: 1.8;
}
.breadcrumb_list li {
  color: #2EC68B;
}
.breadcrumb_list li a {
  color: #2EC68B;
}
.breadcrumb_list li::after {
  content: "/";
  width: 2.5em;
  padding: 0 0.7em;
}
.breadcrumb_list li:last-child::after {
  display: none;
  width: 0;
  padding: 0;
}

/* =====================================================
  1.0 - Foundation
===================================================== */
.bg-white {
  background-color: #FFFFFF;
}

.bg-gradient.-primary {
  background: linear-gradient(165deg, #C5E4DE 0%, #E3EDD8 45%, #EAEDD7 55%, #EAEDD7 100%);
}
.bg-gradient.-secondary {
  background: linear-gradient(165deg, #C5E4DE 0%, #EAEDD7 100%);
}
.bg-gradient.-third {
  background: -webkit-gradient(linear, left top, right top, from(#C5E4DE), to(#EAEDD7));
  background: linear-gradient(to right, #C5E4DE 0%, #EAEDD7 100%);
}
.bg-gradient.-fourth {
  background: -webkit-gradient(linear, right top, left bottom, from(#99DB9E), to(#74D3AE));
  background: linear-gradient(to bottom left, #99DB9E 0%, #74D3AE 100%);
}
.bg-gradient.-fifth {
  background: -webkit-gradient(linear, left top, left bottom, from(#99DB9E), to(#74D3AE));
  background: linear-gradient(to bottom, #99DB9E 0%, #74D3AE 100%);
}
.bg-gradient.-sixth {
  background: -webkit-gradient(linear, left top, right bottom, from(#EAEDD7), to(#C5E4DE));
  background: linear-gradient(to bottom right, #EAEDD7 0%, #C5E4DE 100%);
}
.bg-gradient.-seventh {
  background: -webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#D8FCDF));
  background: linear-gradient(to bottom right, #FFFFFF 0%, #D8FCDF 100%);
}

.bg-mesh {
  background-image: repeating-linear-gradient(to right, #fff 0, #fff 4px, transparent 4px, transparent 8px), repeating-linear-gradient(to bottom, #fff 0, #fff 4px, transparent 4px, transparent 8px);
  background-size: 8px 8px;
  background-position: 0 0;
}

/* =====================================================
  1.0 - Foundation
===================================================== */
.c-section-breakout {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.c-section-breakout::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
  width: 100vw;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble02_sp.svg");
}
@media screen and (min-width: 768px) {
  .c-section-breakout::before {
    top: 42%;
    width: 140vw;
    background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble02.svg");
    background-size: contain;
  }
}
@media screen and (min-width: 992px) {
  .c-section-breakout::before {
    top: 45%;
    width: 120vw;
  }
}
@media screen and (min-width: 1200px) {
  .c-section-breakout::before {
    width: 98vw;
  }
}
@media screen and (min-width: 1680px) {
  .c-section-breakout::before {
    max-width: calc(1040px + 300px);
  }
}
.c-section-breakout.-bg-bubble01::before {
  height: 120vh;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble01_sp.svg");
}
@media screen and (min-width: 768px) {
  .c-section-breakout.-bg-bubble01::before {
    background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble01.svg");
  }
}

.c-split-layout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-split-layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .c-split-layout.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .c-split-layout.-reverse .head {
    padding-right: 0;
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-split-layout.-reverse .head {
    padding-left: 0;
  }
}
.c-split-layout .head {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-split-layout .head {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-split-layout .head {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.c-split-layout .body {
  width: 100%;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .c-split-layout .body {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .c-split-layout .body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

.c-breakout-image {
  margin: 0;
  line-height: 0;
  width: calc(50vw + 50%);
  margin-right: calc(50% - 50vw);
}
.c-breakout-image img {
  width: 100%;
}
.c-split-layout.-reverse .c-breakout-image {
  margin-right: auto;
  margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .c-breakout-image {
    margin-right: 0;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .c-breakout-image img {
    max-width: 600px;
  }
  .c-split-layout.-reverse .c-breakout-image {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .c-breakout-image {
    width: calc(100% + calc((100vw - 84.89vw) / 2));
  }
  .c-split-layout.-reverse .c-breakout-image {
    margin-left: calc(calc((100vw - 84.89vw) / 2) * -1);
  }
}
@media screen and (min-width: 768px) and (min-width: 834.0204971139px) {
  .c-breakout-image {
    width: calc(100% + calc((100vw - 708px) / 2));
  }
  .c-split-layout.-reverse .c-breakout-image {
    margin-left: calc(calc((100vw - 708px) / 2) * -1);
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  .c-breakout-image {
    width: calc(100% + calc((100vw - 76.47vw) / 2));
  }
  .c-split-layout.-reverse .c-breakout-image {
    margin-left: calc(calc((100vw - 76.47vw) / 2) * -1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1360.0104616189px) {
  .c-breakout-image {
    width: calc(100% + calc((100vw - 1040px) / 2));
  }
  .c-split-layout.-reverse .c-breakout-image {
    margin-left: calc(calc((100vw - 1040px) / 2) * -1);
  }
}
@media screen and (min-width: 768px) and (min-width: 1680px) {
  .c-breakout-image {
    width: calc(100% + calc((1680px - 1040px) / 2));
  }
  .c-split-layout.-reverse .c-breakout-image {
    margin-left: calc(calc((1680px - 1040px) / 2) * -1);
  }
}

/* =====================================================
  1.0 - Foundation
===================================================== */
/*---------------------------------
    テーブル
--------------------------------- */
th,
td {
  padding: 0.5em;
}

/*---------------------------------
    定義リスト
--------------------------------- */
.definition_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media not all and (min-width: 768px) {
  .definition_list.-sp-column .definition_item, .definition_item.-sp-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .definition_list.-sp-column .definition_item dt, .definition_item.-sp-column dt {
    width: 100%;
  }
  .definition_list.-sp-column .definition_item dd, .definition_item.-sp-column dd {
    padding-left: 0;
    width: 100%;
  }
}
.definition_item + .definition_item {
  margin-top: 1em;
}
.definition_item dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.definition_item dd {
  padding-left: 1em;
}

@media screen and (min-width: 992px) {
  .definition_image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 290px;
  }
}

/*---------------------------------
    詳細折りたたみ要素
--------------------------------- */
:root {
  --detailsPadding: 12px;
}

@media screen and (min-width: 768px) {
  :root {
    --detailsPadding: 15px;
  }
}
.summary {
  cursor: pointer;
  padding: var(--detailsPadding) calc(var(--detailsPadding) * 2.75) var(--detailsPadding) var(--detailsPadding);
}

.answer {
  overflow: hidden;
}

.answerInner {
  padding: var(--detailsPadding);
}

summary {
  position: relative;
  display: block;
}
summary::-webkit-details-marker {
  display: none;
}
summary::after, summary::before {
  display: block;
  content: "";
  position: absolute;
  top: 26px;
  right: 0.75em;
  width: 18px;
  height: 2px;
  background-color: #2EC68B;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
details[open] summary::after, details[open] summary::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  summary::after, summary::before {
    width: 24px;
  }
}
summary::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
summary::after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

/*---------------------------------
    固定ボタン
--------------------------------- */
.floating-buttonArea {
  position: fixed;
  left: 50%;
  bottom: 1rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 95%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .floating-buttonArea {
    left: auto;
    right: 1rem;
    bottom: 5vh;
    width: 35vw;
    max-width: 240px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (min-width: 1200px) {
  .floating-buttonArea {
    max-width: 300px;
  }
}
.is-drawerActive .floating-buttonArea {
  display: none;
}

/* --- メインコンテンツ部分 --- */
.l-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.l-main.-subpage {
  --grad-point: 31.25vw;
  position: relative;
  width: 100%;
  padding-top: 8vw;
  /* 1枚目：上のSVG画像 */
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble-pagehead.svg"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble-pagehead.svg"), linear-gradient(to bottom, transparent var(--grad-point), #fff var(--grad-point));
  /* ※32.2vwは、SVGの高さ(32.35vw)より少し小さくして隙間が出ないように重ねる */
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto, 100% 100%;
}
@media screen and (min-width: 1200px) {
  .l-main.-subpage {
    --grad-point: 31.8vw;
  }
}

/* =====================================================
  1.0 - Foundation
===================================================== */
.header_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 0;
  height: inherit;
  background-color: transparent;
}

/*---------------------------------
    ロゴ
--------------------------------- */
.header_logo {
  width: 35vw;
}
@media screen and (min-width: 768px) {
  .header_logo {
    max-width: 160px;
  }
}
@media screen and (min-width: 1200px) {
  .header_logo {
    max-width: 230px;
  }
}
.header_logo.-text {
  width: auto;
  max-width: unset;
}

.logo-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.logo-text .station_name {
  color: #3E463E;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
}
.logo-text .station_name.-name01 {
  font-size: clamp(0.875rem, 0.760193133rem + 0.4291845494vw, 1.125rem);
}
.logo-text .station_name.-name02 {
  font-size: clamp(1.25rem, 0.854679803rem + 1.4778325123vw, 1.625rem);
}
@media (min-width: 834px) {
  .logo-text .station_name.-name02 {
    font-size: clamp(1.625rem, 0.4358365019rem + 2.2813688213vw, 2.375rem);
  }
}
@media (min-width: 1360px) {
  .logo-text .station_name.-name02 {
    font-size: 2.375rem;
  }
}

/*---------------------------------
    nav
--------------------------------- */
.is-drawerActive .header_nav {
  position: relative;
  top: 20vh;
}
@media screen and (min-width: 768px) {
  .header_nav {
    height: 100%;
  }
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .nav {
    -webkit-column-gap: 2.66em;
       -moz-column-gap: 2.66em;
            column-gap: 2.66em;
  }
}

.nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  font-size: 0.9375rem;
  font-weight: 700;
}
@media screen and (min-width: 576px) {
  .nav_list {
    font-size: clamp(15px, 2.42vw, 18px);
  }
}
@media screen and (min-width: 768px) {
  .nav_list {
    font-size: clamp(12px, 1.28vw, 15px);
  }
}
.is-drawerActive .nav_list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.nav_item {
  -ms-flex-item-align: center;
      align-self: center;
}
.is-drawerActive .nav_item {
  color: #FFFFFF;
  font-size: clamp(16px, 4.2vw, 18px);
  font-weight: 500;
}

.nav_button {
  height: inherit;
  border-radius: 8px;
  font-size: clamp(18px, 1.95vw, 24px);
  font-weight: 700;
  color: #FFFFFF;
  background-color: #2EC68B;
}
@media screen and (min-width: 1200px) {
  .nav_button {
    font-size: 1.625rem;
  }
}
.is-drawerActive .nav_button {
  display: none;
}
.nav_button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.54em;
  height: inherit;
  line-height: 1.2;
}
.nav_button span {
  font-size: 0.625rem;
}
@media screen and (min-width: 1200px) {
  .nav_button span {
    font-size: 0.75rem;
  }
}

/* =====================================================
  1.0 - Foundation
===================================================== */
/* =====================================================
  1.0 - Foundation
===================================================== */
.hamburger {
  display: inline-block;
  position: relative;
  top: 50%;
  right: 0;
  margin: auto;
  padding: 0;
  width: 58px;
  height: 58px;
  border: none;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover,
.hamburger:focus {
  opacity: 1;
}

.hamburger_line {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  width: 20px;
  height: 1px;
  background-color: transparent;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hamburger_line::before,
.hamburger_line::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  content: "";
  -webkit-transition: inherit;
  transition: inherit;
}

.hamburger_line::before {
  top: -3px;
  left: 0;
}

.hamburger_line::after {
  top: 3px;
  left: 0;
}

.hamburger[aria-expanded=true] .hamburger_line {
  background-color: transparent;
}

.hamburger[aria-expanded=true] .hamburger_line::before,
.hamburger[aria-expanded=true] .hamburger_line::after {
  top: 0;
  background-color: #FFFFFF;
}

.hamburger[aria-expanded=true] .hamburger_line::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 0;
}

.hamburger[aria-expanded=true] .hamburger_line::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 0;
}

/* =====================================================
  1.0 - Foundation
===================================================== */
.footer {
  padding: 3.125rem 0 1.25rem;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#99DB9E), to(#74D3AE));
  background: linear-gradient(to bottom, #99DB9E 0%, #74D3AE 100%);
}

.footer_content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-row-gap: 3.125rem;
  font-weight: 400;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media screen and (min-width: 768px) {
  .footer_content {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-rows: repeat(3, auto);
    grid-row-gap: 0;
  }
}

.footer_basic {
  grid-area: 3/1/4/2;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer_basic {
    grid-area: 2/1/4/2;
    margin-top: auto;
    text-align: left;
  }
}

.footer_logo {
  margin: auto;
  width: 60vw;
}
@media screen and (min-width: 768px) {
  .footer_logo {
    margin: inherit;
    width: 18vw;
    max-width: 234px;
  }
}
.footer_logo.-text {
  width: auto;
  max-width: unset;
}
.footer_logo.-text .station_name {
  color: #FFFFFF;
}

.footer_address {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .footer_address {
    margin-top: 1.25rem;
  }
}

.footer_contact {
  grid-area: 2/1/3/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer_contact {
    grid-area: 1/2/3/3;
  }
}

.footer_button {
  margin-bottom: 1rem;
}

.footer_phone {
  font-size: 2.5rem;
}

.footer_nav {
  grid-area: 1/1/2/2;
}
@media screen and (min-width: 768px) {
  .footer_nav {
    grid-area: 1/3/3/4;
  }
}
.footer_nav .list {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer_nav .list {
    text-align: right;
  }
}
.footer_nav .list_item + .list_item {
  margin-top: 1.35em;
}

.footer_copy {
  grid-area: 4/1/5/2;
  margin-top: 5rem;
  font-size: clamp(11px, 3.045vw, 14px);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer_copy {
    grid-area: 3/2/4/3;
    margin-top: auto;
    padding-top: 4rem;
  }
}

/* =====================================================
  1.0 - Foundation
===================================================== */
.firstview {
  position: relative;
  overflow: hidden;
}
.firstview .l-container {
  position: relative;
  z-index: 1;
}
.firstview .l-container::after {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 110vw;
  height: 50%;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/line-fv_w.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0.7;
  z-index: 1;
}

.firstview_image {
  position: relative;
  left: 20%;
}

.firstview_copy {
  position: absolute;
  left: 0;
  bottom: 18%;
  z-index: 2;
}

.bg.-bubble01 {
  position: relative;
}
@media not all and (min-width: 768px) {
  .bg.-bubble01 {
    margin-bottom: 8rem;
    padding-bottom: 0;
    background-color: #FFFFFF;
  }
}
@media screen and (min-width: 768px) {
  .bg.-bubble01 {
    margin-top: -5rem;
  }
}
@media screen and (min-width: 1200px) {
  .bg.-bubble01 {
    margin-top: -7.5rem;
  }
}
.bg.-bubble01::before, .bg.-bubble01::after {
  display: block;
  content: "";
  position: absolute;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
}
.bg.-bubble01::before {
  top: -10%;
  left: 0;
  width: 100vw;
  height: 10%;
  background-size: cover;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble01-top_sp.svg");
}
@media screen and (min-width: 768px) {
  .bg.-bubble01::before {
    top: -20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 150vw;
    height: 120%;
    background-size: contain;
    background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble01.svg");
  }
}
@media screen and (min-width: 992px) {
  .bg.-bubble01::before {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    width: 112vw;
  }
}
@media screen and (min-width: 1360px) {
  .bg.-bubble01::before {
    top: -30%;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 105vw;
    height: 130%;
    max-width: 1440px;
  }
}
.bg.-bubble01::after {
  bottom: -12%;
  left: -2vw;
  width: 103vw;
  height: 12%;
  background-size: cover;
  background-position: bottom;
  background-image: url("https://hagukumikango.com/common-assets/hagukumi-kango-001/image/bg-bubble01-bottom_sp.svg");
}
@media screen and (min-width: 768px) {
  .bg.-bubble01::after {
    display: none;
  }
}

.top-news {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .top-news .news_list {
    width: 50%;
    max-width: 400px;
  }
}
.top-news .news_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-news .news_item + .news_item {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .top-news .news_item + .news_item {
    margin-top: 1.25rem;
  }
}
.top-news .news_item a {
  display: block;
  padding-right: 40px;
  width: 100%;
}
.top-news .news_item .readmore {
  margin-top: -12px;
}
.top-news .news_title {
  font-size: clamp(14px, 1.111vw, 16px);
}

.about.c-section-breakout {
  overflow: visible;
}
.about.c-section-breakout::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .about .c-split-layout .head {
    margin-top: 4%;
  }
}
@media screen and (min-width: 1360px) {
  .about .c-split-layout .head {
    margin-top: 2%;
  }
}

.service_wrapper {
  margin: auto;
  padding: 3.125rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .service_wrapper {
    padding: 4.375rem 3.125rem;
  }
}

@media screen and (min-width: 768px) {
  .service_inner {
    max-width: 1100px;
  }
}

.service_content {
  margin: auto;
  max-width: 1040px;
}

.service_head {
  padding: 1.25rem;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .service_head {
    padding: 2.5rem;
  }
}
.service_head .text-area {
  margin: auto;
  max-width: 720px;
}

.service_image {
  margin-top: 1.875rem;
}
@media screen and (min-width: 992px) {
  .service_image {
    margin-top: 3.125rem;
  }
}

.service_support {
  margin-top: 1.5rem;
}
@media screen and (min-width: 992px) {
  .service_support {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .service_support {
    margin-top: 5rem;
  }
}

.support_item {
  padding: 1em;
  background-color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .support_item {
    padding: 1.5em;
  }
}
@media screen and (min-width: 1200px) {
  .support_item {
    padding: 5em 3.5em;
  }
}
.support_item + .support_item {
  margin-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .support_item + .support_item {
    margin-top: 1.75rem;
  }
}
.support_item .inner {
  margin: auto;
  max-width: 880px;
}

.service_detail {
  position: relative;
  margin-top: 1.5rem;
  padding: 1.5rem 1rem;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .service_detail {
    margin-top: 3rem;
    padding: 2rem 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .service_detail {
    margin-top: 4rem;
    padding: 3rem 1.25rem 4.5rem;
  }
}
.service_detail::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, right top, from(#C5E4DE), to(#EAEDD7));
  background: linear-gradient(to right, #C5E4DE 0%, #EAEDD7 100%);
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

.detail_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 992px) {
  .detail_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem 2.5rem;
    margin-top: 2rem;
  }
}

.detail_item {
  padding: 1em;
  background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
  .detail_item {
    width: calc((100% - 2.5rem) / 2);
  }
}

.flow_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .flow_list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 1.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1100px;
  }
}

.flow_item {
  position: relative;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  background-color: #FFFFFF;
  border: 2px solid #2EC68B;
  border-radius: 10px;
}
@media screen and (min-width: 1200px) {
  .flow_item {
    padding: 1.25rem 1.875rem;
  }
}
.flow_item:last-of-type {
  margin-top: 10px;
  font-weight: 700;
  font-size: 1rem;
}
@media screen and (min-width: 992px) {
  .flow_item:last-of-type {
    margin-top: 0;
    margin-left: 10px;
    font-size: 1.2em;
  }
}
.flow_item:last-of-type::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 16px;
  aspect-ratio: 0.8660254038;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #2EC68B;
}
@media screen and (min-width: 992px) {
  .flow_item:last-of-type::before {
    top: 50%;
    left: -16px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 16px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
            clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
.flow_item .number {
  display: block;
  margin-right: 0.5em;
  color: #2EC68B;
  font-size: 1.8em;
}
.flow_item:not(:last-of-type)::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.625rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
  height: 1.5rem;
  background-color: #2EC68B;
}
@media screen and (min-width: 992px) {
  .flow_item:not(:last-of-type)::before {
    top: 50%;
    bottom: auto;
    right: -1.625rem;
    left: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1.5rem;
    height: 6px;
  }
}
@media screen and (min-width: 768px) {
  .flow_item .flow-br {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .flow_item .flow-br {
    display: block;
  }
}

.contact-information {
  text-align: center;
}
.contact-information .phone {
  margin-top: 0.8em;
  color: #2EC68B;
  font-size: 2.5rem;
}
.contact-information .time {
  margin-top: 0.25em;
  color: #2EC68B;
}

.recruit_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem 1rem;
  border: 3px solid #2EC68B;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .recruit_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .recruit_inner {
    -webkit-column-gap: 3.5rem;
       -moz-column-gap: 3.5rem;
            column-gap: 3.5rem;
    padding: 2.875rem 4rem;
  }
}

@media screen and (min-width: 768px) {
  .recruit_head {
    width: 50%;
  }
}

.recruit_message {
  display: block;
  margin-bottom: 0.4em;
  max-width: 400px;
  color: #2EC68B;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recruit_message {
    margin-bottom: 0.25em;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  .recruit_message {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .recruit_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 45%;
    margin-left: 5%;
  }
}

.recruit .definition_list {
  position: relative;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .recruit .definition_list {
    margin-top: 3rem;
  }
  .recruit .definition_list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 5.5em;
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#C5E4DE), to(#EAEDD7));
    background: linear-gradient(to right, #C5E4DE 0%, #EAEDD7 100%);
  }
}
.recruit .definition_item {
  position: relative;
}
@media not all and (min-width: 768px) {
  .recruit .definition_item {
    margin-top: 0;
    padding: 0.75em 0;
  }
  .recruit .definition_item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#C5E4DE), to(#EAEDD7));
    background: linear-gradient(to right, #C5E4DE 0%, #EAEDD7 100%);
  }
}
@media not all and (min-width: 768px) {
  .recruit .definition_item dt {
    font-weight: 700;
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 768px) {
  .recruit .definition_item dt {
    width: 6em;
  }
}

.company .definition_list {
  margin-top: 1.5rem;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .company .definition_list {
    margin-top: 3rem;
    margin-bottom: 4.375rem;
  }
}
.company .definition_item {
  position: relative;
  padding-bottom: 0.875rem;
}
@media screen and (min-width: 768px) {
  .company .definition_item {
    padding-bottom: 1.25rem;
  }
}
.company .definition_item + .definition_item {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .company .definition_item + .definition_item {
    margin-top: 1.75rem;
  }
}
.company .definition_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 110%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  background: #F7F7F7;
}
@media not all and (min-width: 768px) {
  .company .definition_item dt {
    font-weight: 700;
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 768px) {
  .company .definition_item dt {
    width: 14em;
  }
}

.company_content + .company_content {
  margin-top: 4rem;
}
@media screen and (min-width: 992px) {
  .company_content + .company_content {
    margin-top: 6rem;
  }
}

.company_map {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 60.7%;
}
@media screen and (min-width: 768px) {
  .company_map {
    padding-bottom: 42.4%;
  }
}
@media screen and (min-width: 992px) {
  .company_map {
    padding-bottom: 26.4%;
  }
}
.company_map iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.faq .faq_wrapper {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .faq .faq_wrapper {
    margin-top: 2.5rem;
  }
}
.faq .faq_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
@media screen and (min-width: 992px) {
  .faq .faq_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.5rem 2.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.faq .details {
  border: 2px solid #2EC68B;
  border-radius: 7px;
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .faq .details {
    width: calc((100% - 2.5rem) / 2);
  }
}
.faq .details > .summary span,
.faq .details > .answer span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq .details > .summary span::before,
.faq .details > .answer span::before {
  margin-right: 8px;
  padding-right: 8px;
  color: #2EC68B;
  font-size: 1.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  .faq .details > .summary span::before,
  .faq .details > .answer span::before {
    margin-right: 12px;
    padding-right: 12px;
  }
}
.faq .details > .summary span::before {
  content: "Q";
}
.faq .details > .summary span::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(1em + 8px);
  width: 1px;
  height: 100%;
  background-color: #333;
}
@media screen and (min-width: 1200px) {
  .faq .details > .summary span::after {
    left: calc(1em + 12px);
  }
}
.faq .details > .answer span::before {
  content: "A";
}
.faq .details[open] > .summary {
  background: -webkit-gradient(linear, right top, left bottom, from(#99DB9E), to(#74D3AE));
  background: linear-gradient(to bottom left, #99DB9E 0%, #74D3AE 100%);
  color: #FFFFFF;
}
.faq .details[open] > .summary span::before {
  color: #FFFFFF;
}
.faq .details[open] > .summary span::after {
  background-color: #FFFFFF;
}
.faq .details[open] > .summary::after, .faq .details[open] > .summary::before {
  background-color: #FFFFFF;
}
.faq .answerInner {
  border-top: 2px solid #2EC68B;
}

/* =====================================================
  1.0 - Foundation
===================================================== */
/*---------------------------------
    ニュース一覧
--------------------------------- */
.news_inner {
  position: relative;
  margin-top: 0.75rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .news_inner {
    margin-top: 1rem;
  }
}

.page-news .heading-primary {
  display: block;
  max-width: 200px;
}
@media screen and (min-width: 992px) {
  .page-news .heading-primary {
    max-width: unset;
  }
}

@media screen and (min-width: 992px) {
  .news_list {
    max-width: 720px;
  }
}

.news_item .news_link {
  position: relative;
  padding-right: 40px;
}
.news_item + .news_item {
  margin-top: 3.75rem;
}

.readmore {
  position: relative;
}
.readmore::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: min(7vw, 38px);
  height: min(7vw, 38px);
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .readmore::after {
    width: 38px;
    height: 38px;
  }
}

.page-news .readmore {
  margin-top: 1.25rem;
  text-align: right;
}
.page-news .readmore::after {
  top: 50%;
  bottom: auto;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.news_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.news_title {
  margin-top: 0.15em;
  font-size: clamp(15px, 4.568vw, 18px);
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.666;
}
@media screen and (min-width: 768px) {
  .news_title {
    letter-spacing: 0.05em;
  }
}

.news_date {
  font-size: 12px;
  letter-spacing: 0.05em;
}
.news_date.heading-primary {
  display: block;
  margin-bottom: 0.5em;
}

.news_text {
  margin-top: 0.5em;
  line-height: 2;
}
@media not all and (min-width: 992px) {
  .news_text {
    text-align: justify;
  }
}

/*---------------------------------
    ページネーション
--------------------------------- */
.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.pagination ul li .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  width: 45px;
  height: 45px;
  color: #000000;
  background: #EAEAEA;
  -webkit-transition: color 0.3s ease, background 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease;
}
.pagination ul li .page-numbers.current {
  font-weight: bold;
  color: #3E463E;
  color: #f1f8ff;
  background: #3BB774;
}
@media screen and (min-width: 768px) {
  .pagination ul li a.page-numbers:hover {
    opacity: 1;
    color: #f1f8ff;
    background: #3BB774;
  }
}

/* =====================================================
  1.0 - Foundation
===================================================== */
/*---------------------------------
    サンクスページ
--------------------------------- */
.page-thanks .text-wrapper {
  margin-top: 2rem;
}
.page-thanks .text {
  line-height: 1.7;
}
.page-thanks .text + .text {
  margin-top: 1rem;
}
.page-thanks .button-container {
  margin-top: 2rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .page-thanks .button-container {
    margin-top: 5rem;
  }
}

.m-0 {
  margin: 0rem !important;
}

.m-0q {
  margin: 0.25rem !important;
}

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

.m-0hq {
  margin: 0.75rem !important;
}

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

.mx-0q {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

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

.mx-0hq {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

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

.my-0q {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

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

.my-0hq {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

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

.mt-0q {
  margin-top: 0.25rem !important;
}

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

.mt-0hq {
  margin-top: 0.75rem !important;
}

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

.mb-0q {
  margin-bottom: 0.25rem !important;
}

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

.mb-0hq {
  margin-bottom: 0.75rem !important;
}

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

.ml-0q {
  margin-left: 0.25rem !important;
}

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

.ml-0hq {
  margin-left: 0.75rem !important;
}

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

.mr-0q {
  margin-right: 0.25rem !important;
}

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

.mr-0hq {
  margin-right: 0.75rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0rem !important;
  }
  .m-md-0q {
    margin: 0.25rem !important;
  }
  .m-md-0h {
    margin: 0.5rem !important;
  }
  .m-md-0hq {
    margin: 0.75rem !important;
  }
  .mx-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-md-0q {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-md-0h {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-0hq {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-md-0q {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-0h {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-0hq {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .mt-md-0q {
    margin-top: 0.25rem !important;
  }
  .mt-md-0h {
    margin-top: 0.5rem !important;
  }
  .mt-md-0hq {
    margin-top: 0.75rem !important;
  }
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .mb-md-0q {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-0h {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-0hq {
    margin-bottom: 0.75rem !important;
  }
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .ml-md-0q {
    margin-left: 0.25rem !important;
  }
  .ml-md-0h {
    margin-left: 0.5rem !important;
  }
  .ml-md-0hq {
    margin-left: 0.75rem !important;
  }
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mr-md-0q {
    margin-right: 0.25rem !important;
  }
  .mr-md-0h {
    margin-right: 0.5rem !important;
  }
  .mr-md-0hq {
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-1 {
    margin: 1rem !important;
  }
  .m-md-1q {
    margin: 1.25rem !important;
  }
  .m-md-1h {
    margin: 1.5rem !important;
  }
  .m-md-1hq {
    margin: 1.75rem !important;
  }
  .mx-md-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-1q {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .mx-md-1h {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-1hq {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }
  .my-md-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-1q {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .my-md-1h {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-1hq {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .mt-md-1 {
    margin-top: 1rem !important;
  }
  .mt-md-1q {
    margin-top: 1.25rem !important;
  }
  .mt-md-1h {
    margin-top: 1.5rem !important;
  }
  .mt-md-1hq {
    margin-top: 1.75rem !important;
  }
  .mb-md-1 {
    margin-bottom: 1rem !important;
  }
  .mb-md-1q {
    margin-bottom: 1.25rem !important;
  }
  .mb-md-1h {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-1hq {
    margin-bottom: 1.75rem !important;
  }
  .ml-md-1 {
    margin-left: 1rem !important;
  }
  .ml-md-1q {
    margin-left: 1.25rem !important;
  }
  .ml-md-1h {
    margin-left: 1.5rem !important;
  }
  .ml-md-1hq {
    margin-left: 1.75rem !important;
  }
  .mr-md-1 {
    margin-right: 1rem !important;
  }
  .mr-md-1q {
    margin-right: 1.25rem !important;
  }
  .mr-md-1h {
    margin-right: 1.5rem !important;
  }
  .mr-md-1hq {
    margin-right: 1.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-2 {
    margin: 2rem !important;
  }
  .m-md-2q {
    margin: 2.25rem !important;
  }
  .m-md-2h {
    margin: 2.5rem !important;
  }
  .m-md-2hq {
    margin: 2.75rem !important;
  }
  .mx-md-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-md-2q {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .mx-md-2h {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-md-2hq {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important;
  }
  .my-md-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-2q {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .my-md-2h {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-md-2hq {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }
  .mt-md-2 {
    margin-top: 2rem !important;
  }
  .mt-md-2q {
    margin-top: 2.25rem !important;
  }
  .mt-md-2h {
    margin-top: 2.5rem !important;
  }
  .mt-md-2hq {
    margin-top: 2.75rem !important;
  }
  .mb-md-2 {
    margin-bottom: 2rem !important;
  }
  .mb-md-2q {
    margin-bottom: 2.25rem !important;
  }
  .mb-md-2h {
    margin-bottom: 2.5rem !important;
  }
  .mb-md-2hq {
    margin-bottom: 2.75rem !important;
  }
  .ml-md-2 {
    margin-left: 2rem !important;
  }
  .ml-md-2q {
    margin-left: 2.25rem !important;
  }
  .ml-md-2h {
    margin-left: 2.5rem !important;
  }
  .ml-md-2hq {
    margin-left: 2.75rem !important;
  }
  .mr-md-2 {
    margin-right: 2rem !important;
  }
  .mr-md-2q {
    margin-right: 2.25rem !important;
  }
  .mr-md-2h {
    margin-right: 2.5rem !important;
  }
  .mr-md-2hq {
    margin-right: 2.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-3 {
    margin: 3rem !important;
  }
  .m-md-3q {
    margin: 3.25rem !important;
  }
  .m-md-3h {
    margin: 3.5rem !important;
  }
  .m-md-3hq {
    margin: 3.75rem !important;
  }
  .mx-md-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-3q {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important;
  }
  .mx-md-3h {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-md-3hq {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
  .my-md-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-3q {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }
  .my-md-3h {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-md-3hq {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mt-md-3 {
    margin-top: 3rem !important;
  }
  .mt-md-3q {
    margin-top: 3.25rem !important;
  }
  .mt-md-3h {
    margin-top: 3.5rem !important;
  }
  .mt-md-3hq {
    margin-top: 3.75rem !important;
  }
  .mb-md-3 {
    margin-bottom: 3rem !important;
  }
  .mb-md-3q {
    margin-bottom: 3.25rem !important;
  }
  .mb-md-3h {
    margin-bottom: 3.5rem !important;
  }
  .mb-md-3hq {
    margin-bottom: 3.75rem !important;
  }
  .ml-md-3 {
    margin-left: 3rem !important;
  }
  .ml-md-3q {
    margin-left: 3.25rem !important;
  }
  .ml-md-3h {
    margin-left: 3.5rem !important;
  }
  .ml-md-3hq {
    margin-left: 3.75rem !important;
  }
  .mr-md-3 {
    margin-right: 3rem !important;
  }
  .mr-md-3q {
    margin-right: 3.25rem !important;
  }
  .mr-md-3h {
    margin-right: 3.5rem !important;
  }
  .mr-md-3hq {
    margin-right: 3.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-4 {
    margin: 4rem !important;
  }
  .m-md-4q {
    margin: 4.25rem !important;
  }
  .m-md-4h {
    margin: 4.5rem !important;
  }
  .m-md-4hq {
    margin: 4.75rem !important;
  }
  .mx-md-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-md-4q {
    margin-left: 4.25rem !important;
    margin-right: 4.25rem !important;
  }
  .mx-md-4h {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-md-4hq {
    margin-left: 4.75rem !important;
    margin-right: 4.75rem !important;
  }
  .my-md-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-4q {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }
  .my-md-4h {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-md-4hq {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }
  .mt-md-4 {
    margin-top: 4rem !important;
  }
  .mt-md-4q {
    margin-top: 4.25rem !important;
  }
  .mt-md-4h {
    margin-top: 4.5rem !important;
  }
  .mt-md-4hq {
    margin-top: 4.75rem !important;
  }
  .mb-md-4 {
    margin-bottom: 4rem !important;
  }
  .mb-md-4q {
    margin-bottom: 4.25rem !important;
  }
  .mb-md-4h {
    margin-bottom: 4.5rem !important;
  }
  .mb-md-4hq {
    margin-bottom: 4.75rem !important;
  }
  .ml-md-4 {
    margin-left: 4rem !important;
  }
  .ml-md-4q {
    margin-left: 4.25rem !important;
  }
  .ml-md-4h {
    margin-left: 4.5rem !important;
  }
  .ml-md-4hq {
    margin-left: 4.75rem !important;
  }
  .mr-md-4 {
    margin-right: 4rem !important;
  }
  .mr-md-4q {
    margin-right: 4.25rem !important;
  }
  .mr-md-4h {
    margin-right: 4.5rem !important;
  }
  .mr-md-4hq {
    margin-right: 4.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-5 {
    margin: 5rem !important;
  }
  .m-md-5q {
    margin: 5.25rem !important;
  }
  .m-md-5h {
    margin: 5.5rem !important;
  }
  .m-md-5hq {
    margin: 5.75rem !important;
  }
  .mx-md-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-md-5q {
    margin-left: 5.25rem !important;
    margin-right: 5.25rem !important;
  }
  .mx-md-5h {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-md-5hq {
    margin-left: 5.75rem !important;
    margin-right: 5.75rem !important;
  }
  .my-md-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-md-5q {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }
  .my-md-5h {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-md-5hq {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }
  .mt-md-5 {
    margin-top: 5rem !important;
  }
  .mt-md-5q {
    margin-top: 5.25rem !important;
  }
  .mt-md-5h {
    margin-top: 5.5rem !important;
  }
  .mt-md-5hq {
    margin-top: 5.75rem !important;
  }
  .mb-md-5 {
    margin-bottom: 5rem !important;
  }
  .mb-md-5q {
    margin-bottom: 5.25rem !important;
  }
  .mb-md-5h {
    margin-bottom: 5.5rem !important;
  }
  .mb-md-5hq {
    margin-bottom: 5.75rem !important;
  }
  .ml-md-5 {
    margin-left: 5rem !important;
  }
  .ml-md-5q {
    margin-left: 5.25rem !important;
  }
  .ml-md-5h {
    margin-left: 5.5rem !important;
  }
  .ml-md-5hq {
    margin-left: 5.75rem !important;
  }
  .mr-md-5 {
    margin-right: 5rem !important;
  }
  .mr-md-5q {
    margin-right: 5.25rem !important;
  }
  .mr-md-5h {
    margin-right: 5.5rem !important;
  }
  .mr-md-5hq {
    margin-right: 5.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-6 {
    margin: 6rem !important;
  }
  .m-md-6q {
    margin: 6.25rem !important;
  }
  .m-md-6h {
    margin: 6.5rem !important;
  }
  .m-md-6hq {
    margin: 6.75rem !important;
  }
  .mx-md-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-md-6q {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
  .mx-md-6h {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-md-6hq {
    margin-left: 6.75rem !important;
    margin-right: 6.75rem !important;
  }
  .my-md-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-6q {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .my-md-6h {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-md-6hq {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }
  .mt-md-6 {
    margin-top: 6rem !important;
  }
  .mt-md-6q {
    margin-top: 6.25rem !important;
  }
  .mt-md-6h {
    margin-top: 6.5rem !important;
  }
  .mt-md-6hq {
    margin-top: 6.75rem !important;
  }
  .mb-md-6 {
    margin-bottom: 6rem !important;
  }
  .mb-md-6q {
    margin-bottom: 6.25rem !important;
  }
  .mb-md-6h {
    margin-bottom: 6.5rem !important;
  }
  .mb-md-6hq {
    margin-bottom: 6.75rem !important;
  }
  .ml-md-6 {
    margin-left: 6rem !important;
  }
  .ml-md-6q {
    margin-left: 6.25rem !important;
  }
  .ml-md-6h {
    margin-left: 6.5rem !important;
  }
  .ml-md-6hq {
    margin-left: 6.75rem !important;
  }
  .mr-md-6 {
    margin-right: 6rem !important;
  }
  .mr-md-6q {
    margin-right: 6.25rem !important;
  }
  .mr-md-6h {
    margin-right: 6.5rem !important;
  }
  .mr-md-6hq {
    margin-right: 6.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-7 {
    margin: 7rem !important;
  }
  .m-md-7q {
    margin: 7.25rem !important;
  }
  .m-md-7h {
    margin: 7.5rem !important;
  }
  .m-md-7hq {
    margin: 7.75rem !important;
  }
  .mx-md-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-md-7q {
    margin-left: 7.25rem !important;
    margin-right: 7.25rem !important;
  }
  .mx-md-7h {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-md-7hq {
    margin-left: 7.75rem !important;
    margin-right: 7.75rem !important;
  }
  .my-md-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-md-7q {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }
  .my-md-7h {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-md-7hq {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }
  .mt-md-7 {
    margin-top: 7rem !important;
  }
  .mt-md-7q {
    margin-top: 7.25rem !important;
  }
  .mt-md-7h {
    margin-top: 7.5rem !important;
  }
  .mt-md-7hq {
    margin-top: 7.75rem !important;
  }
  .mb-md-7 {
    margin-bottom: 7rem !important;
  }
  .mb-md-7q {
    margin-bottom: 7.25rem !important;
  }
  .mb-md-7h {
    margin-bottom: 7.5rem !important;
  }
  .mb-md-7hq {
    margin-bottom: 7.75rem !important;
  }
  .ml-md-7 {
    margin-left: 7rem !important;
  }
  .ml-md-7q {
    margin-left: 7.25rem !important;
  }
  .ml-md-7h {
    margin-left: 7.5rem !important;
  }
  .ml-md-7hq {
    margin-left: 7.75rem !important;
  }
  .mr-md-7 {
    margin-right: 7rem !important;
  }
  .mr-md-7q {
    margin-right: 7.25rem !important;
  }
  .mr-md-7h {
    margin-right: 7.5rem !important;
  }
  .mr-md-7hq {
    margin-right: 7.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .m-md-8 {
    margin: 8rem !important;
  }
  .m-md-8q {
    margin: 8.25rem !important;
  }
  .m-md-8h {
    margin: 8.5rem !important;
  }
  .m-md-8hq {
    margin: 8.75rem !important;
  }
  .mx-md-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-md-8q {
    margin-left: 8.25rem !important;
    margin-right: 8.25rem !important;
  }
  .mx-md-8h {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-md-8hq {
    margin-left: 8.75rem !important;
    margin-right: 8.75rem !important;
  }
  .my-md-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-md-8q {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }
  .my-md-8h {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-md-8hq {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }
  .mt-md-8 {
    margin-top: 8rem !important;
  }
  .mt-md-8q {
    margin-top: 8.25rem !important;
  }
  .mt-md-8h {
    margin-top: 8.5rem !important;
  }
  .mt-md-8hq {
    margin-top: 8.75rem !important;
  }
  .mb-md-8 {
    margin-bottom: 8rem !important;
  }
  .mb-md-8q {
    margin-bottom: 8.25rem !important;
  }
  .mb-md-8h {
    margin-bottom: 8.5rem !important;
  }
  .mb-md-8hq {
    margin-bottom: 8.75rem !important;
  }
  .ml-md-8 {
    margin-left: 8rem !important;
  }
  .ml-md-8q {
    margin-left: 8.25rem !important;
  }
  .ml-md-8h {
    margin-left: 8.5rem !important;
  }
  .ml-md-8hq {
    margin-left: 8.75rem !important;
  }
  .mr-md-8 {
    margin-right: 8rem !important;
  }
  .mr-md-8q {
    margin-right: 8.25rem !important;
  }
  .mr-md-8h {
    margin-right: 8.5rem !important;
  }
  .mr-md-8hq {
    margin-right: 8.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
  .m-lg-0q {
    margin: 0.25rem !important;
  }
  .m-lg-0h {
    margin: 0.5rem !important;
  }
  .m-lg-0hq {
    margin: 0.75rem !important;
  }
  .mx-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-lg-0q {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-lg-0h {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-0hq {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-lg-0q {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-0h {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-0hq {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .mt-lg-0q {
    margin-top: 0.25rem !important;
  }
  .mt-lg-0h {
    margin-top: 0.5rem !important;
  }
  .mt-lg-0hq {
    margin-top: 0.75rem !important;
  }
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .mb-lg-0q {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-0h {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-0hq {
    margin-bottom: 0.75rem !important;
  }
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .ml-lg-0q {
    margin-left: 0.25rem !important;
  }
  .ml-lg-0h {
    margin-left: 0.5rem !important;
  }
  .ml-lg-0hq {
    margin-left: 0.75rem !important;
  }
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mr-lg-0q {
    margin-right: 0.25rem !important;
  }
  .mr-lg-0h {
    margin-right: 0.5rem !important;
  }
  .mr-lg-0hq {
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-1 {
    margin: 1rem !important;
  }
  .m-lg-1q {
    margin: 1.25rem !important;
  }
  .m-lg-1h {
    margin: 1.5rem !important;
  }
  .m-lg-1hq {
    margin: 1.75rem !important;
  }
  .mx-lg-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-1q {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .mx-lg-1h {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-1hq {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }
  .my-lg-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-1q {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .my-lg-1h {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-1hq {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .mt-lg-1 {
    margin-top: 1rem !important;
  }
  .mt-lg-1q {
    margin-top: 1.25rem !important;
  }
  .mt-lg-1h {
    margin-top: 1.5rem !important;
  }
  .mt-lg-1hq {
    margin-top: 1.75rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-1q {
    margin-bottom: 1.25rem !important;
  }
  .mb-lg-1h {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-1hq {
    margin-bottom: 1.75rem !important;
  }
  .ml-lg-1 {
    margin-left: 1rem !important;
  }
  .ml-lg-1q {
    margin-left: 1.25rem !important;
  }
  .ml-lg-1h {
    margin-left: 1.5rem !important;
  }
  .ml-lg-1hq {
    margin-left: 1.75rem !important;
  }
  .mr-lg-1 {
    margin-right: 1rem !important;
  }
  .mr-lg-1q {
    margin-right: 1.25rem !important;
  }
  .mr-lg-1h {
    margin-right: 1.5rem !important;
  }
  .mr-lg-1hq {
    margin-right: 1.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-2 {
    margin: 2rem !important;
  }
  .m-lg-2q {
    margin: 2.25rem !important;
  }
  .m-lg-2h {
    margin: 2.5rem !important;
  }
  .m-lg-2hq {
    margin: 2.75rem !important;
  }
  .mx-lg-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-lg-2q {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .mx-lg-2h {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-lg-2hq {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important;
  }
  .my-lg-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-2q {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .my-lg-2h {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-lg-2hq {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
  }
  .mt-lg-2 {
    margin-top: 2rem !important;
  }
  .mt-lg-2q {
    margin-top: 2.25rem !important;
  }
  .mt-lg-2h {
    margin-top: 2.5rem !important;
  }
  .mt-lg-2hq {
    margin-top: 2.75rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-2q {
    margin-bottom: 2.25rem !important;
  }
  .mb-lg-2h {
    margin-bottom: 2.5rem !important;
  }
  .mb-lg-2hq {
    margin-bottom: 2.75rem !important;
  }
  .ml-lg-2 {
    margin-left: 2rem !important;
  }
  .ml-lg-2q {
    margin-left: 2.25rem !important;
  }
  .ml-lg-2h {
    margin-left: 2.5rem !important;
  }
  .ml-lg-2hq {
    margin-left: 2.75rem !important;
  }
  .mr-lg-2 {
    margin-right: 2rem !important;
  }
  .mr-lg-2q {
    margin-right: 2.25rem !important;
  }
  .mr-lg-2h {
    margin-right: 2.5rem !important;
  }
  .mr-lg-2hq {
    margin-right: 2.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-3 {
    margin: 3rem !important;
  }
  .m-lg-3q {
    margin: 3.25rem !important;
  }
  .m-lg-3h {
    margin: 3.5rem !important;
  }
  .m-lg-3hq {
    margin: 3.75rem !important;
  }
  .mx-lg-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-3q {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important;
  }
  .mx-lg-3h {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-lg-3hq {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
  }
  .my-lg-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-3q {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
  }
  .my-lg-3h {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-lg-3hq {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mt-lg-3 {
    margin-top: 3rem !important;
  }
  .mt-lg-3q {
    margin-top: 3.25rem !important;
  }
  .mt-lg-3h {
    margin-top: 3.5rem !important;
  }
  .mt-lg-3hq {
    margin-top: 3.75rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-3q {
    margin-bottom: 3.25rem !important;
  }
  .mb-lg-3h {
    margin-bottom: 3.5rem !important;
  }
  .mb-lg-3hq {
    margin-bottom: 3.75rem !important;
  }
  .ml-lg-3 {
    margin-left: 3rem !important;
  }
  .ml-lg-3q {
    margin-left: 3.25rem !important;
  }
  .ml-lg-3h {
    margin-left: 3.5rem !important;
  }
  .ml-lg-3hq {
    margin-left: 3.75rem !important;
  }
  .mr-lg-3 {
    margin-right: 3rem !important;
  }
  .mr-lg-3q {
    margin-right: 3.25rem !important;
  }
  .mr-lg-3h {
    margin-right: 3.5rem !important;
  }
  .mr-lg-3hq {
    margin-right: 3.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-4 {
    margin: 4rem !important;
  }
  .m-lg-4q {
    margin: 4.25rem !important;
  }
  .m-lg-4h {
    margin: 4.5rem !important;
  }
  .m-lg-4hq {
    margin: 4.75rem !important;
  }
  .mx-lg-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-lg-4q {
    margin-left: 4.25rem !important;
    margin-right: 4.25rem !important;
  }
  .mx-lg-4h {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-lg-4hq {
    margin-left: 4.75rem !important;
    margin-right: 4.75rem !important;
  }
  .my-lg-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-4q {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
  }
  .my-lg-4h {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-lg-4hq {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
  }
  .mt-lg-4 {
    margin-top: 4rem !important;
  }
  .mt-lg-4q {
    margin-top: 4.25rem !important;
  }
  .mt-lg-4h {
    margin-top: 4.5rem !important;
  }
  .mt-lg-4hq {
    margin-top: 4.75rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-4q {
    margin-bottom: 4.25rem !important;
  }
  .mb-lg-4h {
    margin-bottom: 4.5rem !important;
  }
  .mb-lg-4hq {
    margin-bottom: 4.75rem !important;
  }
  .ml-lg-4 {
    margin-left: 4rem !important;
  }
  .ml-lg-4q {
    margin-left: 4.25rem !important;
  }
  .ml-lg-4h {
    margin-left: 4.5rem !important;
  }
  .ml-lg-4hq {
    margin-left: 4.75rem !important;
  }
  .mr-lg-4 {
    margin-right: 4rem !important;
  }
  .mr-lg-4q {
    margin-right: 4.25rem !important;
  }
  .mr-lg-4h {
    margin-right: 4.5rem !important;
  }
  .mr-lg-4hq {
    margin-right: 4.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-5 {
    margin: 5rem !important;
  }
  .m-lg-5q {
    margin: 5.25rem !important;
  }
  .m-lg-5h {
    margin: 5.5rem !important;
  }
  .m-lg-5hq {
    margin: 5.75rem !important;
  }
  .mx-lg-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-lg-5q {
    margin-left: 5.25rem !important;
    margin-right: 5.25rem !important;
  }
  .mx-lg-5h {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-lg-5hq {
    margin-left: 5.75rem !important;
    margin-right: 5.75rem !important;
  }
  .my-lg-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-lg-5q {
    margin-top: 5.25rem !important;
    margin-bottom: 5.25rem !important;
  }
  .my-lg-5h {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-lg-5hq {
    margin-top: 5.75rem !important;
    margin-bottom: 5.75rem !important;
  }
  .mt-lg-5 {
    margin-top: 5rem !important;
  }
  .mt-lg-5q {
    margin-top: 5.25rem !important;
  }
  .mt-lg-5h {
    margin-top: 5.5rem !important;
  }
  .mt-lg-5hq {
    margin-top: 5.75rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-5q {
    margin-bottom: 5.25rem !important;
  }
  .mb-lg-5h {
    margin-bottom: 5.5rem !important;
  }
  .mb-lg-5hq {
    margin-bottom: 5.75rem !important;
  }
  .ml-lg-5 {
    margin-left: 5rem !important;
  }
  .ml-lg-5q {
    margin-left: 5.25rem !important;
  }
  .ml-lg-5h {
    margin-left: 5.5rem !important;
  }
  .ml-lg-5hq {
    margin-left: 5.75rem !important;
  }
  .mr-lg-5 {
    margin-right: 5rem !important;
  }
  .mr-lg-5q {
    margin-right: 5.25rem !important;
  }
  .mr-lg-5h {
    margin-right: 5.5rem !important;
  }
  .mr-lg-5hq {
    margin-right: 5.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-6 {
    margin: 6rem !important;
  }
  .m-lg-6q {
    margin: 6.25rem !important;
  }
  .m-lg-6h {
    margin: 6.5rem !important;
  }
  .m-lg-6hq {
    margin: 6.75rem !important;
  }
  .mx-lg-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-lg-6q {
    margin-left: 6.25rem !important;
    margin-right: 6.25rem !important;
  }
  .mx-lg-6h {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-lg-6hq {
    margin-left: 6.75rem !important;
    margin-right: 6.75rem !important;
  }
  .my-lg-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-6q {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .my-lg-6h {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-lg-6hq {
    margin-top: 6.75rem !important;
    margin-bottom: 6.75rem !important;
  }
  .mt-lg-6 {
    margin-top: 6rem !important;
  }
  .mt-lg-6q {
    margin-top: 6.25rem !important;
  }
  .mt-lg-6h {
    margin-top: 6.5rem !important;
  }
  .mt-lg-6hq {
    margin-top: 6.75rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-6q {
    margin-bottom: 6.25rem !important;
  }
  .mb-lg-6h {
    margin-bottom: 6.5rem !important;
  }
  .mb-lg-6hq {
    margin-bottom: 6.75rem !important;
  }
  .ml-lg-6 {
    margin-left: 6rem !important;
  }
  .ml-lg-6q {
    margin-left: 6.25rem !important;
  }
  .ml-lg-6h {
    margin-left: 6.5rem !important;
  }
  .ml-lg-6hq {
    margin-left: 6.75rem !important;
  }
  .mr-lg-6 {
    margin-right: 6rem !important;
  }
  .mr-lg-6q {
    margin-right: 6.25rem !important;
  }
  .mr-lg-6h {
    margin-right: 6.5rem !important;
  }
  .mr-lg-6hq {
    margin-right: 6.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-7 {
    margin: 7rem !important;
  }
  .m-lg-7q {
    margin: 7.25rem !important;
  }
  .m-lg-7h {
    margin: 7.5rem !important;
  }
  .m-lg-7hq {
    margin: 7.75rem !important;
  }
  .mx-lg-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-lg-7q {
    margin-left: 7.25rem !important;
    margin-right: 7.25rem !important;
  }
  .mx-lg-7h {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-lg-7hq {
    margin-left: 7.75rem !important;
    margin-right: 7.75rem !important;
  }
  .my-lg-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-lg-7q {
    margin-top: 7.25rem !important;
    margin-bottom: 7.25rem !important;
  }
  .my-lg-7h {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-lg-7hq {
    margin-top: 7.75rem !important;
    margin-bottom: 7.75rem !important;
  }
  .mt-lg-7 {
    margin-top: 7rem !important;
  }
  .mt-lg-7q {
    margin-top: 7.25rem !important;
  }
  .mt-lg-7h {
    margin-top: 7.5rem !important;
  }
  .mt-lg-7hq {
    margin-top: 7.75rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-7q {
    margin-bottom: 7.25rem !important;
  }
  .mb-lg-7h {
    margin-bottom: 7.5rem !important;
  }
  .mb-lg-7hq {
    margin-bottom: 7.75rem !important;
  }
  .ml-lg-7 {
    margin-left: 7rem !important;
  }
  .ml-lg-7q {
    margin-left: 7.25rem !important;
  }
  .ml-lg-7h {
    margin-left: 7.5rem !important;
  }
  .ml-lg-7hq {
    margin-left: 7.75rem !important;
  }
  .mr-lg-7 {
    margin-right: 7rem !important;
  }
  .mr-lg-7q {
    margin-right: 7.25rem !important;
  }
  .mr-lg-7h {
    margin-right: 7.5rem !important;
  }
  .mr-lg-7hq {
    margin-right: 7.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-8 {
    margin: 8rem !important;
  }
  .m-lg-8q {
    margin: 8.25rem !important;
  }
  .m-lg-8h {
    margin: 8.5rem !important;
  }
  .m-lg-8hq {
    margin: 8.75rem !important;
  }
  .mx-lg-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-lg-8q {
    margin-left: 8.25rem !important;
    margin-right: 8.25rem !important;
  }
  .mx-lg-8h {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-lg-8hq {
    margin-left: 8.75rem !important;
    margin-right: 8.75rem !important;
  }
  .my-lg-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-lg-8q {
    margin-top: 8.25rem !important;
    margin-bottom: 8.25rem !important;
  }
  .my-lg-8h {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-lg-8hq {
    margin-top: 8.75rem !important;
    margin-bottom: 8.75rem !important;
  }
  .mt-lg-8 {
    margin-top: 8rem !important;
  }
  .mt-lg-8q {
    margin-top: 8.25rem !important;
  }
  .mt-lg-8h {
    margin-top: 8.5rem !important;
  }
  .mt-lg-8hq {
    margin-top: 8.75rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 8rem !important;
  }
  .mb-lg-8q {
    margin-bottom: 8.25rem !important;
  }
  .mb-lg-8h {
    margin-bottom: 8.5rem !important;
  }
  .mb-lg-8hq {
    margin-bottom: 8.75rem !important;
  }
  .ml-lg-8 {
    margin-left: 8rem !important;
  }
  .ml-lg-8q {
    margin-left: 8.25rem !important;
  }
  .ml-lg-8h {
    margin-left: 8.5rem !important;
  }
  .ml-lg-8hq {
    margin-left: 8.75rem !important;
  }
  .mr-lg-8 {
    margin-right: 8rem !important;
  }
  .mr-lg-8q {
    margin-right: 8.25rem !important;
  }
  .mr-lg-8h {
    margin-right: 8.5rem !important;
  }
  .mr-lg-8hq {
    margin-right: 8.75rem !important;
  }
}
.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

@media screen and (min-width: 768px) {
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
}
.p-0 {
  padding: 0rem !important;
}

.p-0q {
  padding: 0.25rem !important;
}

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

.p-0hq {
  padding: 0.75rem !important;
}

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

.px-0q {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

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

.px-0hq {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

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

.py-0q {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

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

.py-0hq {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

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

.pt-0q {
  padding-top: 0.25rem !important;
}

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

.pt-0hq {
  padding-top: 0.75rem !important;
}

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

.pb-0q {
  padding-bottom: 0.25rem !important;
}

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

.pb-0hq {
  padding-bottom: 0.75rem !important;
}

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

.pl-0q {
  padding-left: 0.25rem !important;
}

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

.pl-0hq {
  padding-left: 0.75rem !important;
}

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

.pr-0q {
  padding-right: 0.25rem !important;
}

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

.pr-0hq {
  padding-right: 0.75rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0rem !important;
  }
  .p-md-0q {
    padding: 0.25rem !important;
  }
  .p-md-0h {
    padding: 0.5rem !important;
  }
  .p-md-0hq {
    padding: 0.75rem !important;
  }
  .px-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-md-0q {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-md-0h {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-0hq {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-md-0q {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-0h {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-0hq {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pt-md-0q {
    padding-top: 0.25rem !important;
  }
  .pt-md-0h {
    padding-top: 0.5rem !important;
  }
  .pt-md-0hq {
    padding-top: 0.75rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .pb-md-0q {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-0h {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-0hq {
    padding-bottom: 0.75rem !important;
  }
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pl-md-0q {
    padding-left: 0.25rem !important;
  }
  .pl-md-0h {
    padding-left: 0.5rem !important;
  }
  .pl-md-0hq {
    padding-left: 0.75rem !important;
  }
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .pr-md-0q {
    padding-right: 0.25rem !important;
  }
  .pr-md-0h {
    padding-right: 0.5rem !important;
  }
  .pr-md-0hq {
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-1 {
    padding: 1rem !important;
  }
  .p-md-1q {
    padding: 1.25rem !important;
  }
  .p-md-1h {
    padding: 1.5rem !important;
  }
  .p-md-1hq {
    padding: 1.75rem !important;
  }
  .px-md-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-1q {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .px-md-1h {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-1hq {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
  .py-md-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-1q {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .py-md-1h {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-1hq {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .pt-md-1 {
    padding-top: 1rem !important;
  }
  .pt-md-1q {
    padding-top: 1.25rem !important;
  }
  .pt-md-1h {
    padding-top: 1.5rem !important;
  }
  .pt-md-1hq {
    padding-top: 1.75rem !important;
  }
  .pb-md-1 {
    padding-bottom: 1rem !important;
  }
  .pb-md-1q {
    padding-bottom: 1.25rem !important;
  }
  .pb-md-1h {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-1hq {
    padding-bottom: 1.75rem !important;
  }
  .pl-md-1 {
    padding-left: 1rem !important;
  }
  .pl-md-1q {
    padding-left: 1.25rem !important;
  }
  .pl-md-1h {
    padding-left: 1.5rem !important;
  }
  .pl-md-1hq {
    padding-left: 1.75rem !important;
  }
  .pr-md-1 {
    padding-right: 1rem !important;
  }
  .pr-md-1q {
    padding-right: 1.25rem !important;
  }
  .pr-md-1h {
    padding-right: 1.5rem !important;
  }
  .pr-md-1hq {
    padding-right: 1.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-2 {
    padding: 2rem !important;
  }
  .p-md-2q {
    padding: 2.25rem !important;
  }
  .p-md-2h {
    padding: 2.5rem !important;
  }
  .p-md-2hq {
    padding: 2.75rem !important;
  }
  .px-md-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-md-2q {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .px-md-2h {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-md-2hq {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
  }
  .py-md-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-2q {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .py-md-2h {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-md-2hq {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }
  .pt-md-2 {
    padding-top: 2rem !important;
  }
  .pt-md-2q {
    padding-top: 2.25rem !important;
  }
  .pt-md-2h {
    padding-top: 2.5rem !important;
  }
  .pt-md-2hq {
    padding-top: 2.75rem !important;
  }
  .pb-md-2 {
    padding-bottom: 2rem !important;
  }
  .pb-md-2q {
    padding-bottom: 2.25rem !important;
  }
  .pb-md-2h {
    padding-bottom: 2.5rem !important;
  }
  .pb-md-2hq {
    padding-bottom: 2.75rem !important;
  }
  .pl-md-2 {
    padding-left: 2rem !important;
  }
  .pl-md-2q {
    padding-left: 2.25rem !important;
  }
  .pl-md-2h {
    padding-left: 2.5rem !important;
  }
  .pl-md-2hq {
    padding-left: 2.75rem !important;
  }
  .pr-md-2 {
    padding-right: 2rem !important;
  }
  .pr-md-2q {
    padding-right: 2.25rem !important;
  }
  .pr-md-2h {
    padding-right: 2.5rem !important;
  }
  .pr-md-2hq {
    padding-right: 2.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-3 {
    padding: 3rem !important;
  }
  .p-md-3q {
    padding: 3.25rem !important;
  }
  .p-md-3h {
    padding: 3.5rem !important;
  }
  .p-md-3hq {
    padding: 3.75rem !important;
  }
  .px-md-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-md-3q {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
  }
  .px-md-3h {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-md-3hq {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .py-md-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-3q {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }
  .py-md-3h {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-md-3hq {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .pt-md-3 {
    padding-top: 3rem !important;
  }
  .pt-md-3q {
    padding-top: 3.25rem !important;
  }
  .pt-md-3h {
    padding-top: 3.5rem !important;
  }
  .pt-md-3hq {
    padding-top: 3.75rem !important;
  }
  .pb-md-3 {
    padding-bottom: 3rem !important;
  }
  .pb-md-3q {
    padding-bottom: 3.25rem !important;
  }
  .pb-md-3h {
    padding-bottom: 3.5rem !important;
  }
  .pb-md-3hq {
    padding-bottom: 3.75rem !important;
  }
  .pl-md-3 {
    padding-left: 3rem !important;
  }
  .pl-md-3q {
    padding-left: 3.25rem !important;
  }
  .pl-md-3h {
    padding-left: 3.5rem !important;
  }
  .pl-md-3hq {
    padding-left: 3.75rem !important;
  }
  .pr-md-3 {
    padding-right: 3rem !important;
  }
  .pr-md-3q {
    padding-right: 3.25rem !important;
  }
  .pr-md-3h {
    padding-right: 3.5rem !important;
  }
  .pr-md-3hq {
    padding-right: 3.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-4 {
    padding: 4rem !important;
  }
  .p-md-4q {
    padding: 4.25rem !important;
  }
  .p-md-4h {
    padding: 4.5rem !important;
  }
  .p-md-4hq {
    padding: 4.75rem !important;
  }
  .px-md-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-md-4q {
    padding-left: 4.25rem !important;
    padding-right: 4.25rem !important;
  }
  .px-md-4h {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-md-4hq {
    padding-left: 4.75rem !important;
    padding-right: 4.75rem !important;
  }
  .py-md-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-4q {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }
  .py-md-4h {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-md-4hq {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }
  .pt-md-4 {
    padding-top: 4rem !important;
  }
  .pt-md-4q {
    padding-top: 4.25rem !important;
  }
  .pt-md-4h {
    padding-top: 4.5rem !important;
  }
  .pt-md-4hq {
    padding-top: 4.75rem !important;
  }
  .pb-md-4 {
    padding-bottom: 4rem !important;
  }
  .pb-md-4q {
    padding-bottom: 4.25rem !important;
  }
  .pb-md-4h {
    padding-bottom: 4.5rem !important;
  }
  .pb-md-4hq {
    padding-bottom: 4.75rem !important;
  }
  .pl-md-4 {
    padding-left: 4rem !important;
  }
  .pl-md-4q {
    padding-left: 4.25rem !important;
  }
  .pl-md-4h {
    padding-left: 4.5rem !important;
  }
  .pl-md-4hq {
    padding-left: 4.75rem !important;
  }
  .pr-md-4 {
    padding-right: 4rem !important;
  }
  .pr-md-4q {
    padding-right: 4.25rem !important;
  }
  .pr-md-4h {
    padding-right: 4.5rem !important;
  }
  .pr-md-4hq {
    padding-right: 4.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-5 {
    padding: 5rem !important;
  }
  .p-md-5q {
    padding: 5.25rem !important;
  }
  .p-md-5h {
    padding: 5.5rem !important;
  }
  .p-md-5hq {
    padding: 5.75rem !important;
  }
  .px-md-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-md-5q {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
  }
  .px-md-5h {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-md-5hq {
    padding-left: 5.75rem !important;
    padding-right: 5.75rem !important;
  }
  .py-md-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-5q {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }
  .py-md-5h {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-md-5hq {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }
  .pt-md-5 {
    padding-top: 5rem !important;
  }
  .pt-md-5q {
    padding-top: 5.25rem !important;
  }
  .pt-md-5h {
    padding-top: 5.5rem !important;
  }
  .pt-md-5hq {
    padding-top: 5.75rem !important;
  }
  .pb-md-5 {
    padding-bottom: 5rem !important;
  }
  .pb-md-5q {
    padding-bottom: 5.25rem !important;
  }
  .pb-md-5h {
    padding-bottom: 5.5rem !important;
  }
  .pb-md-5hq {
    padding-bottom: 5.75rem !important;
  }
  .pl-md-5 {
    padding-left: 5rem !important;
  }
  .pl-md-5q {
    padding-left: 5.25rem !important;
  }
  .pl-md-5h {
    padding-left: 5.5rem !important;
  }
  .pl-md-5hq {
    padding-left: 5.75rem !important;
  }
  .pr-md-5 {
    padding-right: 5rem !important;
  }
  .pr-md-5q {
    padding-right: 5.25rem !important;
  }
  .pr-md-5h {
    padding-right: 5.5rem !important;
  }
  .pr-md-5hq {
    padding-right: 5.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-6 {
    padding: 6rem !important;
  }
  .p-md-6q {
    padding: 6.25rem !important;
  }
  .p-md-6h {
    padding: 6.5rem !important;
  }
  .p-md-6hq {
    padding: 6.75rem !important;
  }
  .px-md-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-md-6q {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
  .px-md-6h {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-md-6hq {
    padding-left: 6.75rem !important;
    padding-right: 6.75rem !important;
  }
  .py-md-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-md-6q {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .py-md-6h {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-md-6hq {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }
  .pt-md-6 {
    padding-top: 6rem !important;
  }
  .pt-md-6q {
    padding-top: 6.25rem !important;
  }
  .pt-md-6h {
    padding-top: 6.5rem !important;
  }
  .pt-md-6hq {
    padding-top: 6.75rem !important;
  }
  .pb-md-6 {
    padding-bottom: 6rem !important;
  }
  .pb-md-6q {
    padding-bottom: 6.25rem !important;
  }
  .pb-md-6h {
    padding-bottom: 6.5rem !important;
  }
  .pb-md-6hq {
    padding-bottom: 6.75rem !important;
  }
  .pl-md-6 {
    padding-left: 6rem !important;
  }
  .pl-md-6q {
    padding-left: 6.25rem !important;
  }
  .pl-md-6h {
    padding-left: 6.5rem !important;
  }
  .pl-md-6hq {
    padding-left: 6.75rem !important;
  }
  .pr-md-6 {
    padding-right: 6rem !important;
  }
  .pr-md-6q {
    padding-right: 6.25rem !important;
  }
  .pr-md-6h {
    padding-right: 6.5rem !important;
  }
  .pr-md-6hq {
    padding-right: 6.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-7 {
    padding: 7rem !important;
  }
  .p-md-7q {
    padding: 7.25rem !important;
  }
  .p-md-7h {
    padding: 7.5rem !important;
  }
  .p-md-7hq {
    padding: 7.75rem !important;
  }
  .px-md-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-md-7q {
    padding-left: 7.25rem !important;
    padding-right: 7.25rem !important;
  }
  .px-md-7h {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-md-7hq {
    padding-left: 7.75rem !important;
    padding-right: 7.75rem !important;
  }
  .py-md-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-md-7q {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }
  .py-md-7h {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-md-7hq {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }
  .pt-md-7 {
    padding-top: 7rem !important;
  }
  .pt-md-7q {
    padding-top: 7.25rem !important;
  }
  .pt-md-7h {
    padding-top: 7.5rem !important;
  }
  .pt-md-7hq {
    padding-top: 7.75rem !important;
  }
  .pb-md-7 {
    padding-bottom: 7rem !important;
  }
  .pb-md-7q {
    padding-bottom: 7.25rem !important;
  }
  .pb-md-7h {
    padding-bottom: 7.5rem !important;
  }
  .pb-md-7hq {
    padding-bottom: 7.75rem !important;
  }
  .pl-md-7 {
    padding-left: 7rem !important;
  }
  .pl-md-7q {
    padding-left: 7.25rem !important;
  }
  .pl-md-7h {
    padding-left: 7.5rem !important;
  }
  .pl-md-7hq {
    padding-left: 7.75rem !important;
  }
  .pr-md-7 {
    padding-right: 7rem !important;
  }
  .pr-md-7q {
    padding-right: 7.25rem !important;
  }
  .pr-md-7h {
    padding-right: 7.5rem !important;
  }
  .pr-md-7hq {
    padding-right: 7.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-md-8 {
    padding: 8rem !important;
  }
  .p-md-8q {
    padding: 8.25rem !important;
  }
  .p-md-8h {
    padding: 8.5rem !important;
  }
  .p-md-8hq {
    padding: 8.75rem !important;
  }
  .px-md-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-md-8q {
    padding-left: 8.25rem !important;
    padding-right: 8.25rem !important;
  }
  .px-md-8h {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-md-8hq {
    padding-left: 8.75rem !important;
    padding-right: 8.75rem !important;
  }
  .py-md-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-md-8q {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }
  .py-md-8h {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-md-8hq {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }
  .pt-md-8 {
    padding-top: 8rem !important;
  }
  .pt-md-8q {
    padding-top: 8.25rem !important;
  }
  .pt-md-8h {
    padding-top: 8.5rem !important;
  }
  .pt-md-8hq {
    padding-top: 8.75rem !important;
  }
  .pb-md-8 {
    padding-bottom: 8rem !important;
  }
  .pb-md-8q {
    padding-bottom: 8.25rem !important;
  }
  .pb-md-8h {
    padding-bottom: 8.5rem !important;
  }
  .pb-md-8hq {
    padding-bottom: 8.75rem !important;
  }
  .pl-md-8 {
    padding-left: 8rem !important;
  }
  .pl-md-8q {
    padding-left: 8.25rem !important;
  }
  .pl-md-8h {
    padding-left: 8.5rem !important;
  }
  .pl-md-8hq {
    padding-left: 8.75rem !important;
  }
  .pr-md-8 {
    padding-right: 8rem !important;
  }
  .pr-md-8q {
    padding-right: 8.25rem !important;
  }
  .pr-md-8h {
    padding-right: 8.5rem !important;
  }
  .pr-md-8hq {
    padding-right: 8.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
  .p-lg-0q {
    padding: 0.25rem !important;
  }
  .p-lg-0h {
    padding: 0.5rem !important;
  }
  .p-lg-0hq {
    padding: 0.75rem !important;
  }
  .px-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-lg-0q {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-lg-0h {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-0hq {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-lg-0q {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-0h {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-0hq {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pt-lg-0q {
    padding-top: 0.25rem !important;
  }
  .pt-lg-0h {
    padding-top: 0.5rem !important;
  }
  .pt-lg-0hq {
    padding-top: 0.75rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .pb-lg-0q {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-0h {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-0hq {
    padding-bottom: 0.75rem !important;
  }
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pl-lg-0q {
    padding-left: 0.25rem !important;
  }
  .pl-lg-0h {
    padding-left: 0.5rem !important;
  }
  .pl-lg-0hq {
    padding-left: 0.75rem !important;
  }
  .pr-lg-0rem {
    padding-right: 0rem !important;
  }
  .pr-lg-0q {
    padding-right: 0.25rem !important;
  }
  .pr-lg-0h {
    padding-right: 0.5rem !important;
  }
  .pr-lg-0hq {
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-1 {
    padding: 1rem !important;
  }
  .p-lg-1q {
    padding: 1.25rem !important;
  }
  .p-lg-1h {
    padding: 1.5rem !important;
  }
  .p-lg-1hq {
    padding: 1.75rem !important;
  }
  .px-lg-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-1q {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .px-lg-1h {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-1hq {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
  .py-lg-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-1q {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .py-lg-1h {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-1hq {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .pt-lg-1 {
    padding-top: 1rem !important;
  }
  .pt-lg-1q {
    padding-top: 1.25rem !important;
  }
  .pt-lg-1h {
    padding-top: 1.5rem !important;
  }
  .pt-lg-1hq {
    padding-top: 1.75rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-1q {
    padding-bottom: 1.25rem !important;
  }
  .pb-lg-1h {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-1hq {
    padding-bottom: 1.75rem !important;
  }
  .pl-lg-1 {
    padding-left: 1rem !important;
  }
  .pl-lg-1q {
    padding-left: 1.25rem !important;
  }
  .pl-lg-1h {
    padding-left: 1.5rem !important;
  }
  .pl-lg-1hq {
    padding-left: 1.75rem !important;
  }
  .pr-lg-1rem {
    padding-right: 1rem !important;
  }
  .pr-lg-1q {
    padding-right: 1.25rem !important;
  }
  .pr-lg-1h {
    padding-right: 1.5rem !important;
  }
  .pr-lg-1hq {
    padding-right: 1.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-2 {
    padding: 2rem !important;
  }
  .p-lg-2q {
    padding: 2.25rem !important;
  }
  .p-lg-2h {
    padding: 2.5rem !important;
  }
  .p-lg-2hq {
    padding: 2.75rem !important;
  }
  .px-lg-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-lg-2q {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .px-lg-2h {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-lg-2hq {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
  }
  .py-lg-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-2q {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .py-lg-2h {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-lg-2hq {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }
  .pt-lg-2 {
    padding-top: 2rem !important;
  }
  .pt-lg-2q {
    padding-top: 2.25rem !important;
  }
  .pt-lg-2h {
    padding-top: 2.5rem !important;
  }
  .pt-lg-2hq {
    padding-top: 2.75rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-2q {
    padding-bottom: 2.25rem !important;
  }
  .pb-lg-2h {
    padding-bottom: 2.5rem !important;
  }
  .pb-lg-2hq {
    padding-bottom: 2.75rem !important;
  }
  .pl-lg-2 {
    padding-left: 2rem !important;
  }
  .pl-lg-2q {
    padding-left: 2.25rem !important;
  }
  .pl-lg-2h {
    padding-left: 2.5rem !important;
  }
  .pl-lg-2hq {
    padding-left: 2.75rem !important;
  }
  .pr-lg-2rem {
    padding-right: 2rem !important;
  }
  .pr-lg-2q {
    padding-right: 2.25rem !important;
  }
  .pr-lg-2h {
    padding-right: 2.5rem !important;
  }
  .pr-lg-2hq {
    padding-right: 2.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-3 {
    padding: 3rem !important;
  }
  .p-lg-3q {
    padding: 3.25rem !important;
  }
  .p-lg-3h {
    padding: 3.5rem !important;
  }
  .p-lg-3hq {
    padding: 3.75rem !important;
  }
  .px-lg-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-lg-3q {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
  }
  .px-lg-3h {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-lg-3hq {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .py-lg-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-3q {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }
  .py-lg-3h {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-lg-3hq {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .pt-lg-3 {
    padding-top: 3rem !important;
  }
  .pt-lg-3q {
    padding-top: 3.25rem !important;
  }
  .pt-lg-3h {
    padding-top: 3.5rem !important;
  }
  .pt-lg-3hq {
    padding-top: 3.75rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-3q {
    padding-bottom: 3.25rem !important;
  }
  .pb-lg-3h {
    padding-bottom: 3.5rem !important;
  }
  .pb-lg-3hq {
    padding-bottom: 3.75rem !important;
  }
  .pl-lg-3 {
    padding-left: 3rem !important;
  }
  .pl-lg-3q {
    padding-left: 3.25rem !important;
  }
  .pl-lg-3h {
    padding-left: 3.5rem !important;
  }
  .pl-lg-3hq {
    padding-left: 3.75rem !important;
  }
  .pr-lg-3rem {
    padding-right: 3rem !important;
  }
  .pr-lg-3q {
    padding-right: 3.25rem !important;
  }
  .pr-lg-3h {
    padding-right: 3.5rem !important;
  }
  .pr-lg-3hq {
    padding-right: 3.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-4 {
    padding: 4rem !important;
  }
  .p-lg-4q {
    padding: 4.25rem !important;
  }
  .p-lg-4h {
    padding: 4.5rem !important;
  }
  .p-lg-4hq {
    padding: 4.75rem !important;
  }
  .px-lg-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-lg-4q {
    padding-left: 4.25rem !important;
    padding-right: 4.25rem !important;
  }
  .px-lg-4h {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-lg-4hq {
    padding-left: 4.75rem !important;
    padding-right: 4.75rem !important;
  }
  .py-lg-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-4q {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }
  .py-lg-4h {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-lg-4hq {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
  }
  .pt-lg-4 {
    padding-top: 4rem !important;
  }
  .pt-lg-4q {
    padding-top: 4.25rem !important;
  }
  .pt-lg-4h {
    padding-top: 4.5rem !important;
  }
  .pt-lg-4hq {
    padding-top: 4.75rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-4q {
    padding-bottom: 4.25rem !important;
  }
  .pb-lg-4h {
    padding-bottom: 4.5rem !important;
  }
  .pb-lg-4hq {
    padding-bottom: 4.75rem !important;
  }
  .pl-lg-4 {
    padding-left: 4rem !important;
  }
  .pl-lg-4q {
    padding-left: 4.25rem !important;
  }
  .pl-lg-4h {
    padding-left: 4.5rem !important;
  }
  .pl-lg-4hq {
    padding-left: 4.75rem !important;
  }
  .pr-lg-4rem {
    padding-right: 4rem !important;
  }
  .pr-lg-4q {
    padding-right: 4.25rem !important;
  }
  .pr-lg-4h {
    padding-right: 4.5rem !important;
  }
  .pr-lg-4hq {
    padding-right: 4.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-5 {
    padding: 5rem !important;
  }
  .p-lg-5q {
    padding: 5.25rem !important;
  }
  .p-lg-5h {
    padding: 5.5rem !important;
  }
  .p-lg-5hq {
    padding: 5.75rem !important;
  }
  .px-lg-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-lg-5q {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
  }
  .px-lg-5h {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-lg-5hq {
    padding-left: 5.75rem !important;
    padding-right: 5.75rem !important;
  }
  .py-lg-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-5q {
    padding-top: 5.25rem !important;
    padding-bottom: 5.25rem !important;
  }
  .py-lg-5h {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-lg-5hq {
    padding-top: 5.75rem !important;
    padding-bottom: 5.75rem !important;
  }
  .pt-lg-5 {
    padding-top: 5rem !important;
  }
  .pt-lg-5q {
    padding-top: 5.25rem !important;
  }
  .pt-lg-5h {
    padding-top: 5.5rem !important;
  }
  .pt-lg-5hq {
    padding-top: 5.75rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-5q {
    padding-bottom: 5.25rem !important;
  }
  .pb-lg-5h {
    padding-bottom: 5.5rem !important;
  }
  .pb-lg-5hq {
    padding-bottom: 5.75rem !important;
  }
  .pl-lg-5 {
    padding-left: 5rem !important;
  }
  .pl-lg-5q {
    padding-left: 5.25rem !important;
  }
  .pl-lg-5h {
    padding-left: 5.5rem !important;
  }
  .pl-lg-5hq {
    padding-left: 5.75rem !important;
  }
  .pr-lg-5rem {
    padding-right: 5rem !important;
  }
  .pr-lg-5q {
    padding-right: 5.25rem !important;
  }
  .pr-lg-5h {
    padding-right: 5.5rem !important;
  }
  .pr-lg-5hq {
    padding-right: 5.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-6 {
    padding: 6rem !important;
  }
  .p-lg-6q {
    padding: 6.25rem !important;
  }
  .p-lg-6h {
    padding: 6.5rem !important;
  }
  .p-lg-6hq {
    padding: 6.75rem !important;
  }
  .px-lg-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-lg-6q {
    padding-left: 6.25rem !important;
    padding-right: 6.25rem !important;
  }
  .px-lg-6h {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-lg-6hq {
    padding-left: 6.75rem !important;
    padding-right: 6.75rem !important;
  }
  .py-lg-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-lg-6q {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .py-lg-6h {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-lg-6hq {
    padding-top: 6.75rem !important;
    padding-bottom: 6.75rem !important;
  }
  .pt-lg-6 {
    padding-top: 6rem !important;
  }
  .pt-lg-6q {
    padding-top: 6.25rem !important;
  }
  .pt-lg-6h {
    padding-top: 6.5rem !important;
  }
  .pt-lg-6hq {
    padding-top: 6.75rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-6q {
    padding-bottom: 6.25rem !important;
  }
  .pb-lg-6h {
    padding-bottom: 6.5rem !important;
  }
  .pb-lg-6hq {
    padding-bottom: 6.75rem !important;
  }
  .pl-lg-6 {
    padding-left: 6rem !important;
  }
  .pl-lg-6q {
    padding-left: 6.25rem !important;
  }
  .pl-lg-6h {
    padding-left: 6.5rem !important;
  }
  .pl-lg-6hq {
    padding-left: 6.75rem !important;
  }
  .pr-lg-6rem {
    padding-right: 6rem !important;
  }
  .pr-lg-6q {
    padding-right: 6.25rem !important;
  }
  .pr-lg-6h {
    padding-right: 6.5rem !important;
  }
  .pr-lg-6hq {
    padding-right: 6.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-7 {
    padding: 7rem !important;
  }
  .p-lg-7q {
    padding: 7.25rem !important;
  }
  .p-lg-7h {
    padding: 7.5rem !important;
  }
  .p-lg-7hq {
    padding: 7.75rem !important;
  }
  .px-lg-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-lg-7q {
    padding-left: 7.25rem !important;
    padding-right: 7.25rem !important;
  }
  .px-lg-7h {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-lg-7hq {
    padding-left: 7.75rem !important;
    padding-right: 7.75rem !important;
  }
  .py-lg-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-lg-7q {
    padding-top: 7.25rem !important;
    padding-bottom: 7.25rem !important;
  }
  .py-lg-7h {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-lg-7hq {
    padding-top: 7.75rem !important;
    padding-bottom: 7.75rem !important;
  }
  .pt-lg-7 {
    padding-top: 7rem !important;
  }
  .pt-lg-7q {
    padding-top: 7.25rem !important;
  }
  .pt-lg-7h {
    padding-top: 7.5rem !important;
  }
  .pt-lg-7hq {
    padding-top: 7.75rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-7q {
    padding-bottom: 7.25rem !important;
  }
  .pb-lg-7h {
    padding-bottom: 7.5rem !important;
  }
  .pb-lg-7hq {
    padding-bottom: 7.75rem !important;
  }
  .pl-lg-7 {
    padding-left: 7rem !important;
  }
  .pl-lg-7q {
    padding-left: 7.25rem !important;
  }
  .pl-lg-7h {
    padding-left: 7.5rem !important;
  }
  .pl-lg-7hq {
    padding-left: 7.75rem !important;
  }
  .pr-lg-7rem {
    padding-right: 7rem !important;
  }
  .pr-lg-7q {
    padding-right: 7.25rem !important;
  }
  .pr-lg-7h {
    padding-right: 7.5rem !important;
  }
  .pr-lg-7hq {
    padding-right: 7.75rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-8 {
    padding: 8rem !important;
  }
  .p-lg-8q {
    padding: 8.25rem !important;
  }
  .p-lg-8h {
    padding: 8.5rem !important;
  }
  .p-lg-8hq {
    padding: 8.75rem !important;
  }
  .px-lg-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-lg-8q {
    padding-left: 8.25rem !important;
    padding-right: 8.25rem !important;
  }
  .px-lg-8h {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-lg-8hq {
    padding-left: 8.75rem !important;
    padding-right: 8.75rem !important;
  }
  .py-lg-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-lg-8q {
    padding-top: 8.25rem !important;
    padding-bottom: 8.25rem !important;
  }
  .py-lg-8h {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-lg-8hq {
    padding-top: 8.75rem !important;
    padding-bottom: 8.75rem !important;
  }
  .pt-lg-8 {
    padding-top: 8rem !important;
  }
  .pt-lg-8q {
    padding-top: 8.25rem !important;
  }
  .pt-lg-8h {
    padding-top: 8.5rem !important;
  }
  .pt-lg-8hq {
    padding-top: 8.75rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 8rem !important;
  }
  .pb-lg-8q {
    padding-bottom: 8.25rem !important;
  }
  .pb-lg-8h {
    padding-bottom: 8.5rem !important;
  }
  .pb-lg-8hq {
    padding-bottom: 8.75rem !important;
  }
  .pl-lg-8 {
    padding-left: 8rem !important;
  }
  .pl-lg-8q {
    padding-left: 8.25rem !important;
  }
  .pl-lg-8h {
    padding-left: 8.5rem !important;
  }
  .pl-lg-8hq {
    padding-left: 8.75rem !important;
  }
  .pr-lg-8rem {
    padding-right: 8rem !important;
  }
  .pr-lg-8q {
    padding-right: 8.25rem !important;
  }
  .pr-lg-8h {
    padding-right: 8.5rem !important;
  }
  .pr-lg-8hq {
    padding-right: 8.75rem !important;
  }
}
.p-0 {
  padding: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-0 {
    padding: 0 !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
}
.d-none {
  display: none;
}

.d-block {
  display: block;
}

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

@media screen and (min-width: 768px) {
  .d-md-none {
    display: none;
  }
  .d-md-block {
    display: block;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .d-ll-none {
    display: none;
  }
  .d-ll-block {
    display: block;
  }
  .d-ll-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 992px) {
  .d-lg-none {
    display: none;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1200px) {
  .d-xl-none {
    display: none;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
}
@media screen and (min-width: 1360px) {
  .d-xxl-none {
    display: none;
  }
  .d-xxl-block {
    display: block;
  }
  .d-xxl-inline-block {
    display: inline-block;
  }
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (min-width: 768px) {
  .justify-content-md-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-content-md-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (min-width: 992px) {
  .justify-content-lg-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (min-width: 768px) {
  .align-items-md-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-items-md-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media screen and (min-width: 992px) {
  .align-items-lg-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-items-lg-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

@media screen and (min-width: 768px) {
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

@media screen and (min-width: 768px) {
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
}
@media screen and (min-width: 992px) {
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-lg-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

.text-justify {
  text-align: justify;
}

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

.text-left {
  text-align: left;
}

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

@media screen and (min-width: 768px) {
  .text-md-justify {
    text-align: justify;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
}
@media screen and (min-width: 992px) {
  .text-lg-center {
    text-align: center;
  }
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
}
/* =====================================================
  4.0 - Library
===================================================== */
.fadeInUpTriggerOnce {
  opacity: 0;
  position: relative;
  top: 3rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fadeInUpTriggerOnce.fadeInUp {
  opacity: 1;
  top: 0;
}

@media screen and (min-width: 768px) {
  .delay-2 {
    -webkit-animation-duration: 2s !important;
            animation-duration: 2s !important;
  }
}