@charset "UTF-8";
/*
Theme Name: 田町芝浦おだなか歯科クリニック
Version: 1.0
Description: tamachi shibaura odanaka dental clinic 
*/
/* ==============================
 Foundation
============================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

.hover-underline-effect {
  text-decoration: none;
  color: inherit;
  position: relative;
}
.hover-underline-effect:after {
  transition: width 0.4s;
  content: "";
  width: 0;
  height: 1px;
  background: #4C4948;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.hover-underline-effect:hover:after {
  width: 100%;
}
.hover-underline-effect:active:after {
  background: #4C4948;
}

.heading2 {
  letter-spacing: 0.2em;
  padding-left: 60px;
  font-weight: 400;
  position: relative;
  color: #4C4948;
  margin-bottom: 46px;
  margin-left: -16px;
  font-size: 20px;
}
@media screen and (min-width: 1200px) {
  .heading2 {
    font-size: 26px;
    padding-left: 140px;
    margin-left: 0;
  }
}
.heading2:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 1px;
  background: #4C4948;
}
@media screen and (min-width: 1200px) {
  .heading2:before {
    width: 102px;
  }
}

.heading3 {
  font-weight: 400;
  font-size: 18px;
  border-top: 1px solid #4C4948;
  border-bottom: 1px solid #4C4948;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 4em;
  margin-bottom: 2em;
}

.heading4 {
  letter-spacing: 0.15em;
  font-weight: 400;
  font-size: 18px;
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
}
.heading4:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 30px;
  height: 1px;
  background: #4C4948;
}
.heading4.-center {
  text-align: center;
}
.heading4.-center:before {
  left: 50%;
  transform: translateX(-50%);
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 100;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Thin.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 200;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Light.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Regular.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Medium.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Bold.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Black.eot");
  src: url("assets/fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("assets/fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/Noto_Sans_JP/NotoSansJP-Medium.otf");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/Noto_Sans_JP/NotoSansJP-Bold.otf");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/Barlow/Barlow-Regular.ttf");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/Barlow/Barlow-Medium.ttf");
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 500;
  src: url("assets/fonts/Barlow/Barlow-MediumItalic.ttf");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/Barlow/Barlow-Bold.ttf");
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 700;
  src: url("assets/fonts/Barlow/Barlow-BoldItalic.ttf");
}
html {
  min-height: 100%;
}

body {
  min-height: 100%;
  position: relative;
  font-family: YakuHanJP, "Noto Sans JP", "NotoSansCJKjp", "Hiragino Kaku Gothic ProN", "Helvetica Neue", メイリオ, Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  color: #4C4948;
  counter-reset: number;
}

.l-wrapper {
  overflow-x: clip;
  position: relative;
}

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

img {
  max-width: 100%;
  height: auto;
}

p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* ==============================
 Layout
============================== */
@keyframes fadeDown {
  0% {
    top: -100%;
    left: 0;
  }
  100% {
    top: 0;
  }
}
.l-header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  box-sizing: border-box;
  transition: 0.3s;
  position: fixed;
}
@media screen and (min-width: 640px) {
  .l-header {
    padding: 32px 40px 0;
  }
}
.l-header__logo {
  padding: 24px 0 0 24px;
}
@media screen and (min-width: 960px) {
  .l-header__logo {
    padding: 40px 0 0 48px;
  }
}
.l-header__contents {
  display: none;
}
@media screen and (min-width: 960px) {
  .l-header__contents {
    display: block;
    padding: 40px 32px 0 0;
  }
}
.l-header__action {
  display: flex;
  padding: 20px 24px 0 0;
}
@media screen and (min-width: 960px) {
  .l-header__action {
    display: none;
  }
}
.l-header__button {
  padding-top: 12px;
  margin-left: 16px;
}
.l-footer-home {
  padding-top: 48px;
  padding-bottom: 8px;
  position: relative;
  text-align: right;
  font-size: 12px;
  letter-spacing: 0.01em;
  font-weight: 400;
  color: #9c9c9c;
  padding-top: 60px;
  padding-right: 20px;
  font-family: "PT Serif", sans-serif;
  font-weight: 4400;
}
@media screen and (min-width: 960px) {
  .l-footer-home {
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 24px;
  }
}
.l-footer-home__timesheet {
  position: absolute;
  left: 8px;
  bottom: 32px;
  z-index: 10;
}
@media screen and (min-width: 960px) {
  .l-footer-home__timesheet {
    left: 24px;
    bottom: 24px;
  }
}
.l-footer-home__copyright {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-footer-home__copyright {
    text-align: right;
  }
}

.l-footer {
  width: 100%;
  box-sizing: border-box;
  background-color: #DEF3E7;
  padding: 48px 30px 32px;
}
@media screen and (min-width: 960px) {
  .l-footer {
    padding: 56px 40px 16px;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer {
    display: flex;
    justify-content: space-between;
  }
}
.l-footer__logo {
  display: none;
}
@media screen and (min-width: 1200px) {
  .l-footer__logo {
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .l-footer__clinicdata {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__clinicdata {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__clinicdata__row {
    margin-right: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__clinicdata__row:first-child {
    margin-right: 0;
  }
}

.l-copyright {
  font-size: 12px;
  font-weight: 400;
  font-family: "PT Serif", sans-serif;
  letter-spacing: 0.1em;
  color: #9C9C9C;
}

.c-heading-border {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.1em;
  position: relative;
  padding-bottom: 16px;
}
.c-heading-border:after {
  content: "";
  display: inline-block;
  width: 128px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-heading-color-circle {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.15em;
  position: relative;
  padding-left: 32px;
}
.c-heading-color-circle:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-heading-color-circle--large {
  font-size: 18px;
}
@media screen and (min-width: 640px) {
  .c-heading-color-circle--large {
    font-size: 20px;
  }
}
.c-heading__horizonal {
  display: block;
  align-items: center;
  margin-bottom: 48px;
}
@media screen and (min-width: 640px) {
  .c-heading__horizonal {
    display: flex;
  }
}
.c-heading__ja {
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 100%;
  font-weight: 500;
  color: #4C4948;
  white-space: nowrap;
  margin-bottom: 32px;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .c-heading__ja {
    font-size: 20px;
    margin-bottom: 0px;
  }
}
.c-heading__en {
  font-family: "PT Serif", sans-serif;
  font-weight: 4400;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 100%;
  color: #9C9C9C;
}

.c-heading-borderd {
  position: relative;
  z-index: 2;
}
.c-heading-borderd span {
  background-color: #ffffff;
  padding-right: 24px;
}
@media screen and (min-width: 640px) {
  .c-heading-borderd span {
    padding-right: 0px;
  }
}
.c-heading-borderd::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #9C9C9C;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (min-width: 640px) {
  .c-heading-borderd::before {
    width: 56px;
  }
}

.c-heading2 {
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 24px;
  margin-bottom: 24px;
  position: relative;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .c-heading2 {
    font-size: 22px;
    padding-bottom: 32px;
    margin-bottom: 40px;
  }
}
.c-heading2:before {
  content: "";
  width: 60px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #9C9C9C;
}

.c-heading3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 24px;
  position: relative;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .c-heading3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
}

.c-under p {
  font-size: 14px;
  color: #4C4948;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 640px) {
  .c-under p {
    font-size: 15px;
    letter-spacing: 0.05em;
  }
}
.c-under img {
  border-radius: 5px;
}
@media screen and (min-width: 640px) {
  .c-under img {
    border-radius: 15px;
  }
}

@keyframes hover-action {
  0% {
    width: 0;
    left: calc(100% - 16px);
  }
  30% {
    width: 16px;
    left: calc(100% - 16px);
  }
  60% {
    width: 16px;
    left: 100%;
  }
  61% {
    width: 0;
  }
  62% {
    left: calc(100% - 16px);
  }
  100% {
    left: calc(100% - 16px);
    width: 0;
  }
}
.c-button {
  color: #fff;
  padding: 24px 56px;
  font-size: 16px;
  letter-spacing: 0.1em;
  border-radius: 4px;
  transition: 0.4s;
}
.c-button-square {
  font-size: 14px !important;
  letter-spacing: 0.2em !important;
  border: 1px solid #4C4948;
  line-height: 98px !important;
  height: 117px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 16px;
  font-weight: 500;
  display: block;
  position: relative;
}
@media screen and (min-width: 640px) {
  .c-button-square {
    height: 70px;
    line-height: 62px !important;
    border-radius: 36px;
  }
}
.c-button-square span {
  position: absolute;
  text-align: center;
  font-size: 10px;
  bottom: -14px;
  letter-spacing: 0em;
  color: #078F58;
  font-weight: bold;
  left: 50%;
  transform: translateX(-50%);
}
.c-button-square:hover {
  opacity: 0.8;
}

.c-reservation-button {
  display: inline-block;
  background: #078F58;
  padding: 16px 48px;
  border-radius: 5px;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.1em;
  transition: 0.4s;
}
.c-reservation-button--border {
  border: 1px solid #4C4948;
}

.c-reservetion-button-min {
  display: inline-block;
  background: #078F58;
  padding: 12px 16px;
  border-radius: 5px;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  line-height: 1.3333;
  letter-spacing: 0.1em;
}

.c-more-button {
  display: block;
  text-align: center;
  padding: 32px 0 48px;
  width: 100%;
  background-color: rgba(227, 241, 255, 0.95);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2296%22%20height%3D%2224%22%20viewBox%3D%220%200%2096%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M48%2024L0.368604%208.97232e-06L95.6314%206.44184e-07L48%2024Z%22%20fill%3D%22%23BDDEFF%22%2F%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center bottom 8px;
}

.c-close-button {
  display: block;
  text-align: center;
  padding: 32px 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2296%22%20height%3D%2224%22%20viewBox%3D%220%200%2096%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M48%20-4.80825e-06L0.368604%2024L95.6314%2024L48%20-4.80825e-06Z%22%20fill%3D%22%23BDDEFF%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center top;
}

.c-table {
  width: 100%;
}
.c-table th {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 8px 8px 8px 0;
}
@media screen and (min-width: 640px) {
  .c-table th {
    font-size: 16px;
  }
}
.c-table td {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding: 8px 8px 8px 0;
}
@media screen and (min-width: 640px) {
  .c-table td {
    font-size: 16px;
  }
}
.c-table--divider tr {
  border-bottom: 1px solid #B4B4B4;
}
.c-table--divider tr:last-child {
  border-bottom: none;
}
.c-table--divider th {
  padding: 16px 8px 16px 0;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 640px) {
  .c-table--divider th {
    padding: 24px 0;
  }
}
.c-table--divider td {
  padding: 16px 8px 16px 0;
}
@media screen and (min-width: 640px) {
  .c-table--divider td {
    padding: 24px 0;
  }
}
.c-table--media {
  width: 600px;
}
@media screen and (min-width: 640px) {
  .c-table--media {
    width: 100%;
  }
}
.c-table--media__year {
  white-space: normal;
  width: 8%;
}
.c-table--media__names {
  white-space: normal;
  width: 20%;
}
.c-table--media__title {
  white-space: normal;
  width: 42%;
}
.c-table--media__media {
  white-space: normal;
  width: 15%;
}
.c-table--media__media-number {
  white-space: normal;
  width: 15%;
}

.c-scroll-table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 960px) {
  .c-scroll-table {
    overflow-x: auto;
    white-space: normal;
    -webkit-overflow-scrolling: none;
  }
}

.c-vertical-middle {
  vertical-align: middle;
}

.c-list {
  list-style-type: none;
}
.c-list__item {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .c-list__item {
    margin-bottom: 8px;
  }
}
.c-list__item:last-child {
  margin-bottom: 0;
}
.c-list--decimal {
  list-style-type: decimal;
  padding-left: 20px;
}
.c-list--disc .c-list__item {
  position: relative;
  padding-left: 22px;
  display: flex;
  line-height: 1.5em;
}
.c-list--disc .c-list__item:before {
  display: block;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #078F58;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.c-list--check .c-list__item {
  position: relative;
  padding-left: 26px;
}
.c-list--check .c-list__item:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  border-left: 3px solid;
  border-bottom: 3px solid;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-45deg);
}
.c-list--slash .c-list__item {
  padding-left: 15px;
  position: relative;
  box-sizing: border-box;
}
.c-list--slash .c-list__item:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 20px;
  background: #4C4948;
  transform: rotate(45deg);
}
.c-list--line .c-list__item {
  padding-left: 18px;
  position: relative;
}
.c-list--line .c-list__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 1px;
}

.c-list-style-none {
  list-style-type: none;
}

.c-list-vertical > * {
  display: inline-block;
  margin-right: 1em;
}
.c-list-vertical > *:last-child {
  margin-right: 0;
}

.l-entry-header {
  position: relative;
  padding: 96px 16px 0;
  margin-bottom: 80px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-entry-header {
    padding: 32px 40px 0;
    margin-bottom: 80px;
  }
}
.l-entry-header__eyecatch {
  position: relative;
  width: 100%;
  height: 325px;
  border-radius: 15px;
  background-position: center center;
  background-size: cover;
}
.l-entry-header__eyecatch:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(159, 211, 181, 0.26);
  border-radius: 15px;
}
@media screen and (min-width: 960px) {
  .l-entry-header__eyecatch {
    height: 435px;
  }
}
.l-entry-header__title {
  position: relative;
  z-index: 3;
  transform: translateY(-50%);
}

.l-entry-heading {
  text-align: center;
  padding: 32px 72px 0;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: inline-block;
}
.l-entry-heading__ja {
  font-size: 20px;
  font-weight: 500;
  font-family: "Noto Serif JP", sans-serif;
  color: #4C4948;
  letter-spacing: 0.15em;
  line-height: 1.8;
  margin-bottom: 16px;
  display: inline-block;
}
.l-entry-heading__en {
  font-size: 14px;
  font-weight: 500;
  font-family: "PT Serif", sans-serif;
  display: inline-block;
  color: #707070;
  letter-spacing: 0.1em;
}

.l-entry {
  border: 1px solid;
  border-radius: 5px;
  padding: 64px 32px;
  background: #fff;
}
@media screen and (min-width: 640px) {
  .l-entry {
    padding: 64px;
  }
}
.l-entry__meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
.l-entry__meta__item {
  font-size: 16px;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
}
.l-entry__title {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 2;
  margin-bottom: 72px;
}
@media screen and (min-width: 640px) {
  .l-entry__title {
    margin-bottom: 80px;
  }
}

.l-post-links {
  display: flex;
  justify-content: space-between;
}
.l-post-links__link a {
  display: inline-block;
  padding: 12px;
  border: 1px solid #111;
  border-radius: 2px;
  font-size: 12px;
  background: #fff;
  transition: 0.4s;
}
/* ==============================
 object
============================== */
/* Component
------------------------------ */
.c-box-shadow {
  position: relative;
}
.c-box-shadow:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("assets/img/bg-triangle.svg");
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1;
}
@media screen and (min-width: 640px) {
  .c-box-shadow:after {
    top: 24px;
    left: 24px;
  }
}
.c-box-shadow.-blue:after {
  background: url("assets/img/triangle-blue.svg");
}
.c-box-shadow.-left:after {
  left: -10px;
}

.c-breadcrumb-wrap {
  width: 100%;
  overflow-x: scroll;
  box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .c-breadcrumb-wrap {
    overflow-x: auto;
  }
}

.c-breadcrumb {
  list-style: none;
  margin-top: 8px;
  white-space: nowrap;
  width: 100%;
  max-width: 1200px;
}
.c-breadcrumb__item {
  display: inline-block;
  padding: 16px 40px 16px 0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  position: relative;
  color: #4C4948;
  font-weight: 400;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
.c-breadcrumb__item a {
  transition: 0.3s;
}
.c-breadcrumb__item:after {
  content: url("assets/img/arrow.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-40%);
}
.c-breadcrumb__item:last-child {
  padding-right: 0;
}
.c-breadcrumb__item:last-child:after {
  content: none;
}

.c-backquote {
  border-left: 1px solid #9D9D9D;
  padding-left: 24px;
}

@media screen and (min-width: 400px) {
  .c-backquote\@xs {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 640px) {
  .c-backquote\@s {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 937px) {
  .c-backquote\@s2 {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 960px) {
  .c-backquote\@m {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .c-backquote\@l {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1440px) {
  .c-backquote\@base {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1600px) {
  .c-backquote\@xl {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1900px) {
  .c-backquote\@xxl {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

.c-category {
  font-size: 12px;
  position: relative;
}
.c-category:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #2C4059;
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
  max-width: 1200px;
}
@media screen and (min-width: 640px) {
  .c-container {
    padding: 0 80px;
  }
}
@media screen and (min-width: 1200px) {
  .c-container {
    padding: 0;
  }
}
.c-container--xs {
  max-width: 400px !important;
}
@media screen and (min-width: 400px) {
  .c-container--xs\@xs {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--xs\@s {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--xs\@s2 {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--xs\@m {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xs\@l {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--xs\@base {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--xs\@xl {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--xs\@xxl {
    max-width: 400px !important;
  }
}
.c-container--s {
  max-width: 640px !important;
}
@media screen and (min-width: 400px) {
  .c-container--s\@xs {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--s\@s {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--s\@s2 {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--s\@m {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--s\@l {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--s\@base {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--s\@xl {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--s\@xxl {
    max-width: 640px !important;
  }
}
.c-container--s2 {
  max-width: 937px !important;
}
@media screen and (min-width: 400px) {
  .c-container--s2\@xs {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--s2\@s {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--s2\@s2 {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--s2\@m {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--s2\@l {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--s2\@base {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--s2\@xl {
    max-width: 937px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--s2\@xxl {
    max-width: 937px !important;
  }
}
.c-container--m {
  max-width: 960px !important;
}
@media screen and (min-width: 400px) {
  .c-container--m\@xs {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--m\@s {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--m\@s2 {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--m\@m {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--m\@l {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--m\@base {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--m\@xl {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--m\@xxl {
    max-width: 960px !important;
  }
}
.c-container--l {
  max-width: 1200px !important;
}
@media screen and (min-width: 400px) {
  .c-container--l\@xs {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--l\@s {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--l\@s2 {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--l\@m {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--l\@l {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--l\@base {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--l\@xl {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--l\@xxl {
    max-width: 1200px !important;
  }
}
.c-container--base {
  max-width: 1440px !important;
}
@media screen and (min-width: 400px) {
  .c-container--base\@xs {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--base\@s {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--base\@s2 {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--base\@m {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--base\@l {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--base\@base {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--base\@xl {
    max-width: 1440px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--base\@xxl {
    max-width: 1440px !important;
  }
}
.c-container--xl {
  max-width: 1600px !important;
}
@media screen and (min-width: 400px) {
  .c-container--xl\@xs {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--xl\@s {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--xl\@s2 {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--xl\@m {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xl\@l {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--xl\@base {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--xl\@xl {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--xl\@xxl {
    max-width: 1600px !important;
  }
}
.c-container--xxl {
  max-width: 1900px !important;
}
@media screen and (min-width: 400px) {
  .c-container--xxl\@xs {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--xxl\@s {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 937px) {
  .c-container--xxl\@s2 {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--xxl\@m {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xxl\@l {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 1440px) {
  .c-container--xxl\@base {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--xxl\@xl {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--xxl\@xxl {
    max-width: 1900px !important;
  }
}

.c-container--np {
  padding: 0 32px;
}
@media screen and (min-width: 640px) {
  .c-container--np {
    padding: 0 40;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--np {
    padding: 0 0;
  }
}

@media screen and (min-width: 960px) {
  .c-clinic-info {
    max-width: 1200px;
    margin: 0 auto;
  }
}
.c-clinic-info__header {
  text-align: center;
  padding-top: 67px;
  padding-bottom: 58px;
}
@media screen and (min-width: 640px) {
  .c-clinic-info__body {
    display: flex;
    justify-content: space-between;
  }
}
.c-clinic-info__clinic {
  padding: 0 16px;
  margin-bottom: 60px;
}
@media screen and (min-width: 960px) {
  .c-clinic-info__clinic {
    padding-left: 0;
  }
}
.c-clinic-info__clinic__header {
  margin-bottom: 46px;
}
@media screen and (min-width: 640px) {
  .c-clinic-info__map {
    width: 54.58333333%;
  }
}
.c-clinic-info__paragraph {
  font-size: 15px;
  margin-bottom: 10px;
}
.c-clinic-info__remark {
  font-size: 13px;
  line-height: 1.2;
}
.c-clinic-info__cta {
  display: flex;
  align-items: center;
  margin-left: -10px;
  margin-bottom: 30px;
}
@media screen and (min-width: 960px) {
  .c-clinic-info__cta {
    margin-bottom: 15px;
  }
}
.c-clinic-info__cta__item {
  flex: 1;
  margin-left: 10px;
}

.c-doctor-name {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
.c-doctor-name__position {
  font-size: 14px;
  letter-spacing: 0.3em;
  margin-right: 24px;
}
.c-doctor-name__name {
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-right: 24px;
}
.c-doctor-name__ruby {
  font-size: 13px;
  font-weight: 400;
  font-family: "PT Serif", sans-serif;
  letter-spacing: 0.05em;
}

.c-floating {
  position: fixed;
  right: 0;
  bottom: 38px;
  z-index: 1000;
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
.c-floating__item {
  text-align: right;
  margin-bottom: 5px;
}

.c-floating-web-button {
  position: relative;
  display: inline-block;
}
.c-floating-web-button__bg {
  transition: 0.3s;
}
.c-floating-web-button__bgbg {
  position: absolute;
  transition: 0.3s;
  top: 2px;
  left: -1px;
  z-index: -1;
}
.c-floating-web-button:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.317%22%20height%3D%2217.604%22%20viewBox%3D%220%200%2017.317%2017.604%22%3E%20%3Cg%20id%3D%22%E3%82%AB%E3%83%AC%E3%83%B3%E3%82%BF%E3%82%99%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B38%22%20transform%3D%22translate(-4.175)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1173%22%20data-name%3D%22%E3%83%91%E3%82%B9%201173%22%20d%3D%22M140.622%2C3.087a.864.864%2C0%2C0%2C0%2C.864-.864V.864a.864.864%2C0%2C0%2C0-1.728%2C0V2.223A.864.864%2C0%2C0%2C0%2C140.622%2C3.087Z%22%20transform%3D%22translate(-130.921%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1174%22%20data-name%3D%22%E3%83%91%E3%82%B9%201174%22%20d%3D%22M325.913%2C3.087a.864.864%2C0%2C0%2C0%2C.864-.864V.864a.864.864%2C0%2C0%2C0-1.728%2C0V2.223A.864.864%2C0%2C0%2C0%2C325.913%2C3.087Z%22%20transform%3D%22translate(-309.841%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1175%22%20data-name%3D%22%E3%83%91%E3%82%B9%201175%22%20d%3D%22M19.065%2C35.807H17.695V36.8a1.623%2C1.623%2C0%2C1%2C1-3.246%2C0v-.992H11.324V36.8a1.623%2C1.623%2C0%2C1%2C1-3.246%2C0v-.992H6.6a2.427%2C2.427%2C0%2C0%2C0-2.427%2C2.427v11.52A2.427%2C2.427%2C0%2C0%2C0%2C6.6%2C52.18H19.065a2.427%2C2.427%2C0%2C0%2C0%2C2.427-2.427V38.234A2.427%2C2.427%2C0%2C0%2C0%2C19.065%2C35.807Zm1.246%2C13.946A1.247%2C1.247%2C0%2C0%2C1%2C19.065%2C51H6.6a1.247%2C1.247%2C0%2C0%2C1-1.246-1.246V39.767H20.311Z%22%20transform%3D%22translate(0%20-34.576)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_81%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2081%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(10.046%2013.152)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_82%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2082%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(10.046%209.763)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_83%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2083%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(6.658%2013.152)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_84%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2084%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(6.658%209.763)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_85%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2085%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(16.823%206.375)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_86%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2086%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(13.435%206.375)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1176%22%20data-name%3D%22%E3%83%91%E3%82%B9%201176%22%20d%3D%22M264.325%2C279.016l-.65-.506-1.184%2C1.523-.7-.562-.515.643%2C1.355%2C1.084Z%22%20transform%3D%22translate(-248.258%20-268.934)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_87%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2087%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(16.823%209.763)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_88%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2088%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(13.435%2013.152)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_89%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2089%22%20width%3D%222.186%22%20height%3D%222.186%22%20transform%3D%22translate(10.046%206.375)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 20px;
  left: 55px;
}
.c-floating-web-button__img {
  position: absolute;
  top: -42px;
  left: 10px;
  width: 53px;
}
.c-floating-web-button__text {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 1001;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.25;
  word-break: keep-all;
}
.c-floating-web-button:hover .c-floating-web-button__bg path {
  fill: #165C6E;
}
.c-floating-web-button:hover .c-floating-web-button__bgbg path {
  fill: #114452;
}

.c-floating-tel-button {
  position: relative;
  display: inline-block;
}
.c-floating-tel-button__bg {
  transition: 0.3s;
}
.c-floating-tel-button__bgbg {
  position: absolute;
  transition: 0.3s;
  top: 2px;
  left: -1px;
  z-index: -1;
}
.c-floating-tel-button__text {
  position: absolute;
  top: 23px;
  left: 20px;
  color: #fff;
  line-height: 1.5;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}
.c-floating-tel-button__text__num {
  font-family: "PT Serif", sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-top: 2px;
  letter-spacing: 0.05em;
}
.c-floating-tel-button:hover .c-floating-tel-button__bg path {
  fill: #49802B;
}
.c-floating-tel-button:hover .c-floating-tel-button__bgbg path {
  fill: #396422;
}

.c-flex {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 400px) {
  .c-flex\@xs {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 640px) {
  .c-flex\@s {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 937px) {
  .c-flex\@s2 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 960px) {
  .c-flex\@m {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex\@l {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1440px) {
  .c-flex\@base {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1600px) {
  .c-flex\@xl {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1900px) {
  .c-flex\@xxl {
    display: flex;
    flex-wrap: wrap;
  }
}
.c-flex-direction--column {
  flex-direction: column;
}
@media screen and (min-width: 400px) {
  .c-flex-direction--column\@xs {
    flex-direction: column;
  }
}
@media screen and (min-width: 640px) {
  .c-flex-direction--column\@s {
    flex-direction: column;
  }
}
@media screen and (min-width: 937px) {
  .c-flex-direction--column\@s2 {
    flex-direction: column;
  }
}
@media screen and (min-width: 960px) {
  .c-flex-direction--column\@m {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-direction--column\@l {
    flex-direction: column;
  }
}
@media screen and (min-width: 1440px) {
  .c-flex-direction--column\@base {
    flex-direction: column;
  }
}
@media screen and (min-width: 1600px) {
  .c-flex-direction--column\@xl {
    flex-direction: column;
  }
}
@media screen and (min-width: 1900px) {
  .c-flex-direction--column\@xxl {
    flex-direction: column;
  }
}
.c-flex-direction--column-reverse {
  flex-direction: column-reverse;
}
@media screen and (min-width: 400px) {
  .c-flex-direction--column-reverse\@xs {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 640px) {
  .c-flex-direction--column-reverse\@s {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 937px) {
  .c-flex-direction--column-reverse\@s2 {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 960px) {
  .c-flex-direction--column-reverse\@m {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-direction--column-reverse\@l {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .c-flex-direction--column-reverse\@base {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1600px) {
  .c-flex-direction--column-reverse\@xl {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1900px) {
  .c-flex-direction--column-reverse\@xxl {
    flex-direction: column-reverse;
  }
}
.c-flex-direction--row {
  flex-direction: row;
}
@media screen and (min-width: 400px) {
  .c-flex-direction--row\@xs {
    flex-direction: row;
  }
}
@media screen and (min-width: 640px) {
  .c-flex-direction--row\@s {
    flex-direction: row;
  }
}
@media screen and (min-width: 937px) {
  .c-flex-direction--row\@s2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 960px) {
  .c-flex-direction--row\@m {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-direction--row\@l {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .c-flex-direction--row\@base {
    flex-direction: row;
  }
}
@media screen and (min-width: 1600px) {
  .c-flex-direction--row\@xl {
    flex-direction: row;
  }
}
@media screen and (min-width: 1900px) {
  .c-flex-direction--row\@xxl {
    flex-direction: row;
  }
}
.c-flex-direction--row-reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 400px) {
  .c-flex-direction--row-reverse\@xs {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 640px) {
  .c-flex-direction--row-reverse\@s {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 937px) {
  .c-flex-direction--row-reverse\@s2 {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 960px) {
  .c-flex-direction--row-reverse\@m {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-direction--row-reverse\@l {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .c-flex-direction--row-reverse\@base {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1600px) {
  .c-flex-direction--row-reverse\@xl {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1900px) {
  .c-flex-direction--row-reverse\@xxl {
    flex-direction: row-reverse;
  }
}

.c-justify-center {
  justify-content: center;
}
@media screen and (min-width: 400px) {
  .c-justify-center\@xs {
    justify-content: center;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-center\@s {
    justify-content: center;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-center\@s2 {
    justify-content: center;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-center\@m {
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-center\@l {
    justify-content: center;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-center\@base {
    justify-content: center;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-center\@xl {
    justify-content: center;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-center\@xxl {
    justify-content: center;
  }
}

.c-justify-start {
  justify-content: start;
}
@media screen and (min-width: 400px) {
  .c-justify-start\@xs {
    justify-content: start;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-start\@s {
    justify-content: start;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-start\@s2 {
    justify-content: start;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-start\@m {
    justify-content: start;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-start\@l {
    justify-content: start;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-start\@base {
    justify-content: start;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-start\@xl {
    justify-content: start;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-start\@xxl {
    justify-content: start;
  }
}

.c-justify-end {
  justify-content: end;
}
@media screen and (min-width: 400px) {
  .c-justify-end\@xs {
    justify-content: end;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-end\@s {
    justify-content: end;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-end\@s2 {
    justify-content: end;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-end\@m {
    justify-content: end;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-end\@l {
    justify-content: end;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-end\@base {
    justify-content: end;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-end\@xl {
    justify-content: end;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-end\@xxl {
    justify-content: end;
  }
}

.c-justify-flex-start {
  justify-content: flex-start;
}
@media screen and (min-width: 400px) {
  .c-justify-flex-start\@xs {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-flex-start\@s {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-flex-start\@s2 {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-flex-start\@m {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-flex-start\@l {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-flex-start\@base {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-flex-start\@xl {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-flex-start\@xxl {
    justify-content: flex-start;
  }
}

.c-justify-flex-end {
  justify-content: flex-end;
}
@media screen and (min-width: 400px) {
  .c-justify-flex-end\@xs {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-flex-end\@s {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-flex-end\@s2 {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-flex-end\@m {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-flex-end\@l {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-flex-end\@base {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-flex-end\@xl {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-flex-end\@xxl {
    justify-content: flex-end;
  }
}

.c-justify-left {
  justify-content: left;
}
@media screen and (min-width: 400px) {
  .c-justify-left\@xs {
    justify-content: left;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-left\@s {
    justify-content: left;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-left\@s2 {
    justify-content: left;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-left\@m {
    justify-content: left;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-left\@l {
    justify-content: left;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-left\@base {
    justify-content: left;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-left\@xl {
    justify-content: left;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-left\@xxl {
    justify-content: left;
  }
}

.c-justify-right {
  justify-content: right;
}
@media screen and (min-width: 400px) {
  .c-justify-right\@xs {
    justify-content: right;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-right\@s {
    justify-content: right;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-right\@s2 {
    justify-content: right;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-right\@m {
    justify-content: right;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-right\@l {
    justify-content: right;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-right\@base {
    justify-content: right;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-right\@xl {
    justify-content: right;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-right\@xxl {
    justify-content: right;
  }
}

.c-justify-normal {
  justify-content: normal;
}
@media screen and (min-width: 400px) {
  .c-justify-normal\@xs {
    justify-content: normal;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-normal\@s {
    justify-content: normal;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-normal\@s2 {
    justify-content: normal;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-normal\@m {
    justify-content: normal;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-normal\@l {
    justify-content: normal;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-normal\@base {
    justify-content: normal;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-normal\@xl {
    justify-content: normal;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-normal\@xxl {
    justify-content: normal;
  }
}

.c-justify-space-between {
  justify-content: space-between;
}
@media screen and (min-width: 400px) {
  .c-justify-space-between\@xs {
    justify-content: space-between;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-space-between\@s {
    justify-content: space-between;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-space-between\@s2 {
    justify-content: space-between;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-space-between\@m {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-space-between\@l {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-space-between\@base {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-space-between\@xl {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-space-between\@xxl {
    justify-content: space-between;
  }
}

.c-justify-space-around {
  justify-content: space-around;
}
@media screen and (min-width: 400px) {
  .c-justify-space-around\@xs {
    justify-content: space-around;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-space-around\@s {
    justify-content: space-around;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-space-around\@s2 {
    justify-content: space-around;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-space-around\@m {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-space-around\@l {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-space-around\@base {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-space-around\@xl {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-space-around\@xxl {
    justify-content: space-around;
  }
}

.c-justify-space-evenly {
  justify-content: space-evenly;
}
@media screen and (min-width: 400px) {
  .c-justify-space-evenly\@xs {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 640px) {
  .c-justify-space-evenly\@s {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 937px) {
  .c-justify-space-evenly\@s2 {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 960px) {
  .c-justify-space-evenly\@m {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-space-evenly\@l {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1440px) {
  .c-justify-space-evenly\@base {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1600px) {
  .c-justify-space-evenly\@xl {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1900px) {
  .c-justify-space-evenly\@xxl {
    justify-content: space-evenly;
  }
}

.c-align-items-normal {
  align-items: normal;
}
@media screen and (min-width: 400px) {
  .c-align-items-normal\@xs {
    align-items: normal;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-normal\@s {
    align-items: normal;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-normal\@s2 {
    align-items: normal;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-normal\@m {
    align-items: normal;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-normal\@l {
    align-items: normal;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-normal\@base {
    align-items: normal;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-normal\@xl {
    align-items: normal;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-normal\@xxl {
    align-items: normal;
  }
}

.c-align-items-stretch {
  align-items: stretch;
}
@media screen and (min-width: 400px) {
  .c-align-items-stretch\@xs {
    align-items: stretch;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-stretch\@s {
    align-items: stretch;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-stretch\@s2 {
    align-items: stretch;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-stretch\@m {
    align-items: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-stretch\@l {
    align-items: stretch;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-stretch\@base {
    align-items: stretch;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-stretch\@xl {
    align-items: stretch;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-stretch\@xxl {
    align-items: stretch;
  }
}

.c-align-items-center {
  align-items: center;
}
@media screen and (min-width: 400px) {
  .c-align-items-center\@xs {
    align-items: center;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-center\@s {
    align-items: center;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-center\@s2 {
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-center\@m {
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-center\@l {
    align-items: center;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-center\@base {
    align-items: center;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-center\@xl {
    align-items: center;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-center\@xxl {
    align-items: center;
  }
}

.c-align-items-start {
  align-items: start;
}
@media screen and (min-width: 400px) {
  .c-align-items-start\@xs {
    align-items: start;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-start\@s {
    align-items: start;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-start\@s2 {
    align-items: start;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-start\@m {
    align-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-start\@l {
    align-items: start;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-start\@base {
    align-items: start;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-start\@xl {
    align-items: start;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-start\@xxl {
    align-items: start;
  }
}

.c-align-items-end {
  align-items: end;
}
@media screen and (min-width: 400px) {
  .c-align-items-end\@xs {
    align-items: end;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-end\@s {
    align-items: end;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-end\@s2 {
    align-items: end;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-end\@m {
    align-items: end;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-end\@l {
    align-items: end;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-end\@base {
    align-items: end;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-end\@xl {
    align-items: end;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-end\@xxl {
    align-items: end;
  }
}

.c-align-items-flex-start {
  align-items: flex-start;
}
@media screen and (min-width: 400px) {
  .c-align-items-flex-start\@xs {
    align-items: flex-start;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-flex-start\@s {
    align-items: flex-start;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-flex-start\@s2 {
    align-items: flex-start;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-flex-start\@m {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-flex-start\@l {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-flex-start\@base {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-flex-start\@xl {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-flex-start\@xxl {
    align-items: flex-start;
  }
}

.c-align-items-flex-end {
  align-items: flex-end;
}
@media screen and (min-width: 400px) {
  .c-align-items-flex-end\@xs {
    align-items: flex-end;
  }
}
@media screen and (min-width: 640px) {
  .c-align-items-flex-end\@s {
    align-items: flex-end;
  }
}
@media screen and (min-width: 937px) {
  .c-align-items-flex-end\@s2 {
    align-items: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .c-align-items-flex-end\@m {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-flex-end\@l {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .c-align-items-flex-end\@base {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1600px) {
  .c-align-items-flex-end\@xl {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1900px) {
  .c-align-items-flex-end\@xxl {
    align-items: flex-end;
  }
}

.c-order1 {
  order: 1;
}
@media screen and (min-width: 400px) {
  .c-order1\@xs {
    order: 1;
  }
}
@media screen and (min-width: 640px) {
  .c-order1\@s {
    order: 1;
  }
}
@media screen and (min-width: 937px) {
  .c-order1\@s2 {
    order: 1;
  }
}
@media screen and (min-width: 960px) {
  .c-order1\@m {
    order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .c-order1\@l {
    order: 1;
  }
}
@media screen and (min-width: 1440px) {
  .c-order1\@base {
    order: 1;
  }
}
@media screen and (min-width: 1600px) {
  .c-order1\@xl {
    order: 1;
  }
}
@media screen and (min-width: 1900px) {
  .c-order1\@xxl {
    order: 1;
  }
}
.c-order2 {
  order: 2;
}
@media screen and (min-width: 400px) {
  .c-order2\@xs {
    order: 2;
  }
}
@media screen and (min-width: 640px) {
  .c-order2\@s {
    order: 2;
  }
}
@media screen and (min-width: 937px) {
  .c-order2\@s2 {
    order: 2;
  }
}
@media screen and (min-width: 960px) {
  .c-order2\@m {
    order: 2;
  }
}
@media screen and (min-width: 1200px) {
  .c-order2\@l {
    order: 2;
  }
}
@media screen and (min-width: 1440px) {
  .c-order2\@base {
    order: 2;
  }
}
@media screen and (min-width: 1600px) {
  .c-order2\@xl {
    order: 2;
  }
}
@media screen and (min-width: 1900px) {
  .c-order2\@xxl {
    order: 2;
  }
}
.c-order3 {
  order: 3;
}
@media screen and (min-width: 400px) {
  .c-order3\@xs {
    order: 3;
  }
}
@media screen and (min-width: 640px) {
  .c-order3\@s {
    order: 3;
  }
}
@media screen and (min-width: 937px) {
  .c-order3\@s2 {
    order: 3;
  }
}
@media screen and (min-width: 960px) {
  .c-order3\@m {
    order: 3;
  }
}
@media screen and (min-width: 1200px) {
  .c-order3\@l {
    order: 3;
  }
}
@media screen and (min-width: 1440px) {
  .c-order3\@base {
    order: 3;
  }
}
@media screen and (min-width: 1600px) {
  .c-order3\@xl {
    order: 3;
  }
}
@media screen and (min-width: 1900px) {
  .c-order3\@xxl {
    order: 3;
  }
}
.c-order4 {
  order: 4;
}
@media screen and (min-width: 400px) {
  .c-order4\@xs {
    order: 4;
  }
}
@media screen and (min-width: 640px) {
  .c-order4\@s {
    order: 4;
  }
}
@media screen and (min-width: 937px) {
  .c-order4\@s2 {
    order: 4;
  }
}
@media screen and (min-width: 960px) {
  .c-order4\@m {
    order: 4;
  }
}
@media screen and (min-width: 1200px) {
  .c-order4\@l {
    order: 4;
  }
}
@media screen and (min-width: 1440px) {
  .c-order4\@base {
    order: 4;
  }
}
@media screen and (min-width: 1600px) {
  .c-order4\@xl {
    order: 4;
  }
}
@media screen and (min-width: 1900px) {
  .c-order4\@xxl {
    order: 4;
  }
}
.c-order5 {
  order: 5;
}
@media screen and (min-width: 400px) {
  .c-order5\@xs {
    order: 5;
  }
}
@media screen and (min-width: 640px) {
  .c-order5\@s {
    order: 5;
  }
}
@media screen and (min-width: 937px) {
  .c-order5\@s2 {
    order: 5;
  }
}
@media screen and (min-width: 960px) {
  .c-order5\@m {
    order: 5;
  }
}
@media screen and (min-width: 1200px) {
  .c-order5\@l {
    order: 5;
  }
}
@media screen and (min-width: 1440px) {
  .c-order5\@base {
    order: 5;
  }
}
@media screen and (min-width: 1600px) {
  .c-order5\@xl {
    order: 5;
  }
}
@media screen and (min-width: 1900px) {
  .c-order5\@xxl {
    order: 5;
  }
}

.c-form label {
  color: #4C4948;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.c-form label.c-form-label {
  font-size: 14px;
  font-size: 13px;
  display: block;
  line-height: 1.7;
}
.c-form .hint {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 1.7;
  margin-bottom: 0.5em;
}
.c-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1em;
  border-radius: 0;
  border: 3px solid #DBDBDB;
  border-radius: 5px;
  padding: 1em;
  background-color: #fff;
  font-size: 14px;
}
.c-form .c-submit-button {
  appearance: none;
  padding: 1em 2em;
  font-weight: bold;
  font-size: 16px;
  background: linear-gradient(left, #fff, #eee);
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
  transition: 0.4s;
}
.c-form .c-submit-button:hover {
  opacity: 0.7;
}
.c-form .c-checkbox label span {
  font-weight: normal;
  position: relative;
  padding-left: 1em;
}
.c-form .c-checkbox label span:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 3px solid #DBDBDB;
  position: absolute;
  left: -0.5em;
}
.c-form .c-checkbox label input[type=checkbox] {
  display: none;
}
.c-form .c-checkbox input[type=checkbox]:checked + span:after {
  content: "";
  width: 18px;
  height: 8px;
  border-left: 4px solid #395861;
  border-bottom: 4px solid #395861;
  position: absolute;
  left: -0.5em;
  transform: rotate(-40deg);
}
.c-form input[type=checkbox].checkbox {
  display: none;
}
.c-form label.checkbox-label {
  font-weight: normal;
}
.c-form input[type=checkbox].checkbox + label.checkbox-label {
  position: relative;
  padding-left: 1.5em;
}
.c-form input[type=checkbox].checkbox + label.checkbox-label:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  position: absolute;
  left: 0;
}
.c-form input[type=checkbox].checkbox:checked + label.checkbox-label:after {
  content: "";
  width: 18px;
  height: 8px;
  border-left: 4px solid;
  border-bottom: 4px solid;
  position: absolute;
  left: 0;
  transform: rotate(-40deg);
}
.c-form__fieldset {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
.c-form__fieldset input[type=text],
.c-form__fieldset input[type=email],
.c-form__fieldset input[type=tel],
.c-form__fieldset input[type=url],
.c-form__fieldset select,
.c-form__fieldset textarea {
  width: 100%;
}
.c-form .required {
  color: red;
}
.c-form .year {
  display: inline-block !important;
  width: 100px !important;
}
@media screen and (min-width: 960px) {
  .c-form .year {
    width: 150px !important;
  }
}
.c-form .month,
.c-form .day {
  display: inline-block !important;
  width: 50px !important;
}
@media screen and (min-width: 960px) {
  .c-form .month,
  .c-form .day {
    width: 80px !important;
  }
}
.c-form .zip1, .c-form .zip2 {
  display: inline-block !important;
}
.c-form .zip2 {
  margin-right: 10px;
}
.c-form #zip1,
.c-form #zip2 {
  width: 65px;
}
.c-form #pref {
  width: 200px;
}
.c-form.invalid .u-error-msg {
  display: block;
}

.u-error-msg {
  display: none;
  color: red;
}

.u-policy {
  text-align: center;
  padding: 20px;
}
.u-policy .policy {
  display: inline-block !important;
}
.u-policy a {
  text-decoration: underline;
}

#searchZip {
  appearance: none;
  padding: 8px 16px;
  border: 1px solid #4C4948;
  font-size: 12px;
  background: #ddd;
  transition: 0.4s;
}
#searchZip:hover {
  opacity: 0.7;
}

.c-form-policy {
  width: 600px;
  height: 250px;
  max-width: 100%;
  box-sizing: border-box;
  font-size: 13px;
  overflow-x: scroll;
  border: 1px solid #ccc;
  padding: 16px;
  margin: 20px auto;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border: none;
  color: red;
  font-size: 14px;
}

.wpcf7c-conf {
  border: none !important;
  background: #efefef !important;
}

/*----------------------------
new
---------------------------- */
.input-default, .c-textarea, .c-input {
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  background: #F9F9F9;
  box-sizing: border-box;
  padding: 1em;
  font-size: 14px;
  width: 100%;
}
.input-default:focus, .c-textarea:focus, .c-input:focus {
  outline: none;
}

.c-input + .error {
  margin-top: 10px;
}

.c-input-hint {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 1.7;
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
}

.c-required {
  color: red;
}

.c-submit-button {
  appearance: none;
  padding: 1em 2em;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #D8D8D8;
  border-radius: 57px;
  transition: 0.4s;
  letter-spacing: 0.1em;
}
.c-submit-button:hover {
  opacity: 0.7;
}

input[type=checkbox].checkbox:checked + label.checkbox-label:after {
  content: "";
  width: 18px;
  height: 8px;
  border-left: 4px solid;
  border-bottom: 4px solid;
  position: absolute;
  left: 0;
  transform: rotate(-40deg);
}

.c-form-table {
  width: 100%;
}
.c-form-table th {
  text-align: left;
  font-weight: 400;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 20px 0 10px;
}
@media screen and (min-width: 640px) {
  .c-form-table th {
    padding: 0;
  }
}
@media screen and (min-width: 960px) {
  .c-form-table th {
    display: table-cell;
  }
}
.c-form-table td {
  display: block;
  font-size: 14px;
}
@media screen and (min-width: 960px) {
  .c-form-table td {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 56px;
  }
}
.c-form-table td:first-child {
  padding-top: 40px;
  padding-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .c-form-table td:first-child {
    font-size: 14px;
    width: 25%;
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.mw_wp_form_confirm .c-form-table tr {
  border-bottom: 1px solid;
  position: relative;
}
.mw_wp_form_confirm .c-form-table tr:after {
  content: url("assets/img/black-triangle.svg");
  position: absolute;
  right: 0;
  bottom: -1px;
}
.mw_wp_form_confirm .c-form-table tr:last-child {
  border-bottom: none;
}
.mw_wp_form_confirm .c-form-table tr:last-child:after {
  content: "";
}
.mw_wp_form_confirm .c-form-table tr th {
  font-size: 15px;
  font-weight: 500;
  padding: 16px 0 8px 0;
  text-align: left;
  display: block;
}
@media screen and (min-width: 960px) {
  .mw_wp_form_confirm .c-form-table tr th {
    display: table-cell;
    font-size: 16px;
    padding: 16px 0;
  }
}
.mw_wp_form_confirm .c-form-table tr td {
  padding: 0 0 16px 0;
  font-size: 15px;
  line-height: 1.4;
  display: block;
}
@media screen and (min-width: 960px) {
  .mw_wp_form_confirm .c-form-table tr td {
    display: table-cell;
    font-size: 16px;
    padding: 16px 0;
  }
}

.c-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -24px;
}
.c-grid > * {
  margin: 0;
  padding-left: 24px;
  margin-bottom: 24px;
}
.c-grid--xs {
  margin-left: -8px;
}
.c-grid--xs > * {
  padding-left: 8px;
  margin-bottom: 8px;
}
@media screen and (min-width: 400px) {
  .c-grid--xs\@xs {
    margin-left: -8px;
  }
  .c-grid--xs\@xs > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--xs\@s {
    margin-left: -8px;
  }
  .c-grid--xs\@s > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--xs\@s2 {
    margin-left: -8px;
  }
  .c-grid--xs\@s2 > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--xs\@m {
    margin-left: -8px;
  }
  .c-grid--xs\@m > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--xs\@l {
    margin-left: -8px;
  }
  .c-grid--xs\@l > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--xs\@base {
    margin-left: -8px;
  }
  .c-grid--xs\@base > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--xs\@xl {
    margin-left: -8px;
  }
  .c-grid--xs\@xl > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--xs\@xxl {
    margin-left: -8px;
  }
  .c-grid--xs\@xxl > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
.c-grid--s {
  margin-left: -16px;
}
.c-grid--s > * {
  padding-left: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 400px) {
  .c-grid--s\@xs {
    margin-left: -16px;
  }
  .c-grid--s\@xs > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--s\@s {
    margin-left: -16px;
  }
  .c-grid--s\@s > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--s\@s2 {
    margin-left: -16px;
  }
  .c-grid--s\@s2 > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--s\@m {
    margin-left: -16px;
  }
  .c-grid--s\@m > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--s\@l {
    margin-left: -16px;
  }
  .c-grid--s\@l > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--s\@base {
    margin-left: -16px;
  }
  .c-grid--s\@base > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--s\@xl {
    margin-left: -16px;
  }
  .c-grid--s\@xl > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--s\@xxl {
    margin-left: -16px;
  }
  .c-grid--s\@xxl > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
.c-grid--m {
  margin-left: -24px;
}
.c-grid--m > * {
  padding-left: 24px;
  margin-bottom: 24px;
}
@media screen and (min-width: 400px) {
  .c-grid--m\@xs {
    margin-left: -24px;
  }
  .c-grid--m\@xs > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--m\@s {
    margin-left: -24px;
  }
  .c-grid--m\@s > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--m\@s2 {
    margin-left: -24px;
  }
  .c-grid--m\@s2 > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--m\@m {
    margin-left: -24px;
  }
  .c-grid--m\@m > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--m\@l {
    margin-left: -24px;
  }
  .c-grid--m\@l > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--m\@base {
    margin-left: -24px;
  }
  .c-grid--m\@base > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--m\@xl {
    margin-left: -24px;
  }
  .c-grid--m\@xl > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--m\@xxl {
    margin-left: -24px;
  }
  .c-grid--m\@xxl > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
.c-grid--l {
  margin-left: -32px;
}
.c-grid--l > * {
  padding-left: 32px;
  margin-bottom: 32px;
}
@media screen and (min-width: 400px) {
  .c-grid--l\@xs {
    margin-left: -32px;
  }
  .c-grid--l\@xs > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--l\@s {
    margin-left: -32px;
  }
  .c-grid--l\@s > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--l\@s2 {
    margin-left: -32px;
  }
  .c-grid--l\@s2 > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--l\@m {
    margin-left: -32px;
  }
  .c-grid--l\@m > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--l\@l {
    margin-left: -32px;
  }
  .c-grid--l\@l > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--l\@base {
    margin-left: -32px;
  }
  .c-grid--l\@base > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--l\@xl {
    margin-left: -32px;
  }
  .c-grid--l\@xl > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--l\@xxl {
    margin-left: -32px;
  }
  .c-grid--l\@xxl > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
.c-grid--xl {
  margin-left: -40px;
}
.c-grid--xl > * {
  padding-left: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 400px) {
  .c-grid--xl\@xs {
    margin-left: -40px;
  }
  .c-grid--xl\@xs > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--xl\@s {
    margin-left: -40px;
  }
  .c-grid--xl\@s > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--xl\@s2 {
    margin-left: -40px;
  }
  .c-grid--xl\@s2 > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--xl\@m {
    margin-left: -40px;
  }
  .c-grid--xl\@m > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--xl\@l {
    margin-left: -40px;
  }
  .c-grid--xl\@l > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--xl\@base {
    margin-left: -40px;
  }
  .c-grid--xl\@base > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--xl\@xl {
    margin-left: -40px;
  }
  .c-grid--xl\@xl > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--xl\@xxl {
    margin-left: -40px;
  }
  .c-grid--xl\@xxl > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
.c-grid--xxl {
  margin-left: -56px;
}
.c-grid--xxl > * {
  padding-left: 56px;
  margin-bottom: 56px;
}
@media screen and (min-width: 400px) {
  .c-grid--xxl\@xs {
    margin-left: -56px;
  }
  .c-grid--xxl\@xs > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--xxl\@s {
    margin-left: -56px;
  }
  .c-grid--xxl\@s > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--xxl\@s2 {
    margin-left: -56px;
  }
  .c-grid--xxl\@s2 > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--xxl\@m {
    margin-left: -56px;
  }
  .c-grid--xxl\@m > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--xxl\@l {
    margin-left: -56px;
  }
  .c-grid--xxl\@l > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--xxl\@base {
    margin-left: -56px;
  }
  .c-grid--xxl\@base > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--xxl\@xl {
    margin-left: -56px;
  }
  .c-grid--xxl\@xl > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--xxl\@xxl {
    margin-left: -56px;
  }
  .c-grid--xxl\@xxl > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
.c-grid--xxxl {
  margin-left: -80px;
}
.c-grid--xxxl > * {
  padding-left: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 400px) {
  .c-grid--xxxl\@xs {
    margin-left: -80px;
  }
  .c-grid--xxxl\@xs > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--xxxl\@s {
    margin-left: -80px;
  }
  .c-grid--xxxl\@s > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 937px) {
  .c-grid--xxxl\@s2 {
    margin-left: -80px;
  }
  .c-grid--xxxl\@s2 > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--xxxl\@m {
    margin-left: -80px;
  }
  .c-grid--xxxl\@m > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--xxxl\@l {
    margin-left: -80px;
  }
  .c-grid--xxxl\@l > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1440px) {
  .c-grid--xxxl\@base {
    margin-left: -80px;
  }
  .c-grid--xxxl\@base > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--xxxl\@xl {
    margin-left: -80px;
  }
  .c-grid--xxxl\@xl > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--xxxl\@xxl {
    margin-left: -80px;
  }
  .c-grid--xxxl\@xxl > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}

.c-hours-of-operation {
  font-size: 11px;
  vertical-align: middle;
  margin-bottom: 11px;
}
.c-hours-of-operation tr:first-child th, .c-hours-of-operation tr:first-child td {
  padding-bottom: 6px;
}
.c-hours-of-operation__head {
  font-weight: 400;
  width: 55px;
  text-align: left;
}
.c-hours-of-operation__head.-closed {
  letter-spacing: 0.5em;
}
.c-hours-of-operation__data {
  font-weight: 400;
  text-align: left;
}
.c-hours-of-operation.-footer {
  font-size: 12px;
  margin-bottom: 0;
}
.c-hours-of-operation.-footer tr:first-child th, .c-hours-of-operation.-footer tr:first-child td {
  padding-bottom: 11px;
}
.c-hours-of-operation.-footer .c-hours-of-operation__head {
  width: 80px;
}

.c-figure {
  display: flex;
}
@media screen and (min-width: 640px) {
  .c-figure {
    display: block;
  }
}
.c-figure__image {
  margin-right: 8px;
}
.c-figure__caption {
  writing-mode: vertical-rl;
  font-size: 12px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 640px) {
  .c-figure__caption {
    writing-mode: horizontal-tb;
    text-align: right;
    margin-top: 8px;
    position: relative;
  }
}
@media screen and (min-width: 640px) {
  .c-figure__caption:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #DEDEDE;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
  }
}
@media screen and (min-width: 640px) {
  .c-figure__caption__text {
    background: #fff;
    padding-left: 16px;
  }
}

.c-keyv {
  width: calc(100% - 32px);
  margin-top: 96px;
  margin-left: 16px;
  height: calc(100vh - 172px);
  position: relative;
  border-radius: 15px;
  background-image: url("assets/img/mv.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.c-keyv:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(159, 211, 181, 0.26);
  border-radius: 15px;
}
@media screen and (min-width: 960px) {
  .c-keyv {
    width: calc(100% - 80px);
    margin-top: 40px;
    margin-left: 40px;
    height: calc(100vh - 104px);
    background-image: url("assets/img/mv.jpg");
  }
}
.c-keyv__wrap {
  position: absolute;
  top: 36%;
  z-index: 3;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .c-keyv__wrap {
    top: 45%;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv__wrap {
    top: 38%;
  }
}
.c-keyv__wrap__text {
  letter-spacing: 0.1em;
  line-height: 32px;
  margin-top: 38px;
  font-size: 13px;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
  .c-keyv__wrap__text {
    font-size: 14px;
  }
}
.c-keyv__timesheet {
  position: absolute;
  bottom: -48px;
  left: -8px;
  z-index: 2;
}
@media screen and (min-width: 960px) {
  .c-keyv__timesheet {
    left: -16px;
    bottom: -56px;
  }
}

.c-label {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 5px;
  letter-spacing: 0.2em;
  font-size: 12px;
}

.c-logo {
  max-width: 200px;
}
@media screen and (min-width: 640px) {
  .c-logo {
    max-width: 220px;
  }
}
.c-logo__image {
  margin-bottom: 24px;
}
.c-logo__image img {
  width: 137px;
}
@media screen and (min-width: 640px) {
  .c-logo__image img {
    width: 195px;
  }
}
.c-logo__text {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #ffffff;
  line-height: 1;
  background-color: #3AB483;
  display: inline-block;
  padding: 8px 16px;
  white-space: nowrap;
}
@media screen and (min-width: 640px) {
  .c-logo__text {
    font-size: 11px;
  }
}

.c-chevron-link {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 12px;
  padding-left: 16px;
}
.c-chevron-link:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.979%22%20height%3D%227.979%22%20viewBox%3D%220%200%207.979%207.979%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22073%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022073%22%20d%3D%22M-13828.083%2C7865.781l-.962%2C4.08-4.079.961%22%20transform%3D%22translate(4219.71%20-15339.453)%20rotate(-45)%22%20fill%3D%22none%22%20stroke%3D%22%234a4a4a%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.c-chevron-link.-white {
  padding-left: 13px;
}
.c-chevron-link.-white:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.979%22%20height%3D%227.979%22%20viewBox%3D%220%200%207.979%207.979%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_22073%22%20data-name%3D%22%E3%83%91%E3%82%B9%2022073%22%20d%3D%22M-13828.083%2C7865.781l-.962%2C4.08-4.079.961%22%20transform%3D%22translate(4219.71%20-15339.453)%20rotate(-45)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.c-modal-nav-link {
  color: #fff;
  display: block;
  background-image: url("assets/img/icon-c-chevron-right.svg");
  background-position: calc(100% - 24px) center;
  background-repeat: no-repeat;
  font-size: 15px;
  padding: 0 24px;
}
@media screen and (min-width: 960px) {
  .c-modal-nav-link {
    padding: 0;
  }
}
.c-modal-nav-link span {
  margin-top: 4px;
  color: #AAB3C6;
  font-size: 12px;
  letter-spacing: 0.05em;
  display: block;
}

.c-hoverup {
  position: relative;
  top: 0;
  display: block;
  transition: 0.3s;
  padding: 0;
  line-height: 1.5;
}
.c-hoverup:hover {
  top: -10px;
  padding: 0 0 10px;
}

.hover-underline, .c-hover-underline::after, .c-hover-underline::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -4px;
  left: 0;
}

.c-hover-underline {
  position: relative;
}
.c-hover-underline::before {
  background: #F9F4F0;
  z-index: 1;
  transition: 0.3s;
  transform: scaleX(0, 1);
  transform-origin: left top;
}
.c-hover-underline::after {
  z-index: 0;
}
.c-hover-underline:hover::before {
  transform: scaleX(1, 1);
}

.c-hover-moveright {
  position: relative;
  left: 0;
  transition: 0.3s;
}
.c-hover-moveright:hover {
  left: 10px;
}

.c-text-link {
  text-decoration: underline;
  transition: 0.4s;
}
.c-navigation {
  list-style-type: none;
  display: flex;
}
.c-navigation__item {
  margin-right: 32px;
}
.c-navigation__item:last-child {
  margin-right: 0;
}
.c-navigation__link {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  font-family: "PT Serif", sans-serif;
  color: #4C4948;
  letter-spacing: 0.1em;
  line-height: 1;
  transition: 0.4s;
}
.c-navigation__link span {
  font-size: 12px;
  font-weight: 500;
  color: #707070;
  letter-spacing: 0;
  display: block;
  margin-top: 16px;
}
.c-map iframe {
  width: 100%;
  height: 403px;
  border-radius: 5px;
}
@media screen and (min-width: 640px) {
  .c-map iframe {
    height: 540px;
  }
}

.c-modal-button {
  display: inline-block;
  box-sizing: border-box;
  width: 32px;
  font-size: 0;
  border-radius: 5px;
}
.c-modal-button__border {
  width: 32px;
  height: 2px;
  margin-bottom: 6px;
  display: inline-block;
  background-color: #4C4948;
}
.c-modal-button__text {
  display: block;
  text-align: center;
  letter-spacing: 0.04em;
  color: #4C4948;
  font-size: 10px;
  font-family: "PT Serif", sans-serif;
  font-weight: 600;
}

.c-modal-close-button {
  display: inline-block;
  text-align: center;
}
.c-modal-close-button__text {
  margin-top: 4px;
  display: block;
  font-family: "PT Serif", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}

@keyframes modal-down {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
@keyframes modal-up {
  0% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@keyframes modal-contents-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-contents-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.c-modal {
  position: fixed;
  bottom: 100%;
  left: 0;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 1001;
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  background-color: #9FD3B5;
}
.c-modal.is-active {
  animation: modal-down 0.4s ease-in-out forwards;
}
.c-modal.is-active .c-modal__header {
  animation: modal-contents-show 0.4s ease 0.8s forwards;
}
.c-modal.is-active .c-modal__contents {
  animation: modal-contents-show 0.4s ease 0.8s forwards;
}
.c-modal.is-deactive {
  animation: modal-up 0.4s ease-in-out 0.8s both;
}
.c-modal.is-deactive .c-modal__header {
  animation: modal-contents-hide 0.4s ease both;
}
.c-modal.is-deactive .c-modal__contents {
  animation: modal-contents-hide 0.4s ease both;
}
.c-modal__header {
  text-align: right;
  padding: 32px 24px 32px 24px;
}
.c-modal__contents {
  opacity: 0;
  padding: 0 56px 40px;
}
.c-modal__menus {
  list-style-type: none;
}
.c-modal__menus__item {
  margin-bottom: 48px;
}
.c-modal__menus__item:last-child {
  margin-bottom: 0;
}
.c-modal__menus__link {
  font-family: "PT Serif", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #4C4948;
  letter-spacing: 0.1em;
  line-height: 1;
}
.c-modal__menus__link span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  color: #707070;
  margin-left: 16px;
}

.c-pagination__item {
  display: inline-block;
  padding: 24px 16px;
  margin-right: 8px;
  transition: background 0.4s;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid;
  border-radius: 2px;
}
.c-pagination__item:last-child {
  margin-right: 0px;
}
@media screen and (min-width: 640px) {
  .c-pagination__item {
    margin-right: 16px;
  }
}
.c-pagination__item.current {
  position: relative;
  color: #fff;
}
.c-pagination a.c-pagination__item {
  transition: 0.3s;
}
.post-navigation .nav-links .nav-previous {
  text-align: left;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: left center;
}
.post-navigation .nav-links .nav-next {
  margin-top: 50px;
  text-align: right;
  padding-right: 28px;
  background-repeat: no-repeat;
  background-position: right center;
}

.c-social-btn-list {
  display: flex;
  flex-direction: column;
}
.c-social-btn-list__item:first-child {
  margin-bottom: 12px;
}

.c-social-btn {
  text-align: center;
  display: inline-block;
  transition: 0.3s;
}
@media screen and (min-width: 1200px) {
  .c-social-btn {
    margin-bottom: 111px;
  }
}
.c-social-btn:hover {
  opacity: 0.6;
}
.c-social-btn__icon {
  margin-bottom: 3px;
}
@media screen and (min-width: 1200px) {
  .c-social-btn__icon {
    margin-bottom: 0;
  }
  .c-social-btn__icon #facebook_flame {
    fill: #fff;
  }
}
.c-social-btn__text {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .c-social-btn__text svg {
    display: none;
  }
}
.c-social-btn__text p {
  display: none;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  top: 29px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
@media screen and (min-width: 1200px) {
  .c-social-btn__text p {
    display: block;
  }
}
.c-social-btn--fb.-black #facebook_flame {
  fill: #4C4948;
}
.c-social-btn--fb.-black .c-social-btn__text p {
  color: #4C4948;
}
@media screen and (min-width: 1200px) {
  .c-social-btn--fb {
    margin-bottom: 0;
  }
  .c-social-btn--fb #facebook_flame {
    fill: #fff;
  }
  .c-social-btn--fb .c-social-btn__text p {
    color: #fff;
  }
}

.c-social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 117px;
  height: 36px;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
}
.c-social-link:before {
  margin-right: 5px;
}
.c-social-link--instagram {
  letter-spacing: 0.05em;
}
.c-social-link--instagram:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22instagram_icon%22%20data-name%3D%22instagram%20icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_997%22%20data-name%3D%22%E3%83%91%E3%82%B9%20997%22%20d%3D%22M8%2C1.441c2.136%2C0%2C2.389.008%2C3.233.047a4.427%2C4.427%2C0%2C0%2C1%2C1.485.275%2C2.479%2C2.479%2C0%2C0%2C1%2C.92.6%2C2.479%2C2.479%2C0%2C0%2C1%2C.6.92%2C4.427%2C4.427%2C0%2C0%2C1%2C.275%2C1.485c.038.844.047%2C1.1.047%2C3.233s-.008%2C2.389-.047%2C3.233a4.427%2C4.427%2C0%2C0%2C1-.275%2C1.485%2C2.649%2C2.649%2C0%2C0%2C1-1.518%2C1.518%2C4.427%2C4.427%2C0%2C0%2C1-1.485.275c-.843.038-1.1.047-3.233.047s-2.389-.008-3.233-.047a4.427%2C4.427%2C0%2C0%2C1-1.485-.275%2C2.479%2C2.479%2C0%2C0%2C1-.92-.6%2C2.479%2C2.479%2C0%2C0%2C1-.6-.92%2C4.427%2C4.427%2C0%2C0%2C1-.275-1.485c-.038-.844-.047-1.1-.047-3.233s.008-2.389.047-3.233a4.427%2C4.427%2C0%2C0%2C1%2C.275-1.485%2C2.479%2C2.479%2C0%2C0%2C1%2C.6-.92%2C2.479%2C2.479%2C0%2C0%2C1%2C.92-.6%2C4.427%2C4.427%2C0%2C0%2C1%2C1.485-.275c.844-.038%2C1.1-.047%2C3.233-.047M8%2C0C5.827%2C0%2C5.555.009%2C4.7.048A5.872%2C5.872%2C0%2C0%2C0%2C2.76.42a3.921%2C3.921%2C0%2C0%2C0-1.417.923A3.921%2C3.921%2C0%2C0%2C0%2C.42%2C2.76%2C5.872%2C5.872%2C0%2C0%2C0%2C.048%2C4.7C.009%2C5.555%2C0%2C5.827%2C0%2C8s.009%2C2.445.048%2C3.3A5.872%2C5.872%2C0%2C0%2C0%2C.42%2C13.24a3.921%2C3.921%2C0%2C0%2C0%2C.923%2C1.417%2C3.921%2C3.921%2C0%2C0%2C0%2C1.417.923%2C5.872%2C5.872%2C0%2C0%2C0%2C1.942.372C5.555%2C15.991%2C5.827%2C16%2C8%2C16s2.445-.009%2C3.3-.048a5.872%2C5.872%2C0%2C0%2C0%2C1.942-.372%2C4.091%2C4.091%2C0%2C0%2C0%2C2.34-2.34%2C5.872%2C5.872%2C0%2C0%2C0%2C.372-1.942c.039-.853.048-1.126.048-3.3s-.009-2.445-.048-3.3A5.872%2C5.872%2C0%2C0%2C0%2C15.58%2C2.76a3.921%2C3.921%2C0%2C0%2C0-.923-1.417A3.921%2C3.921%2C0%2C0%2C0%2C13.24.42%2C5.872%2C5.872%2C0%2C0%2C0%2C11.3.048C10.445.009%2C10.173%2C0%2C8%2C0Z%22%20transform%3D%22translate(0%200)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_998%22%20data-name%3D%22%E3%83%91%E3%82%B9%20998%22%20d%3D%22M125.934%2C122.556a3.378%2C3.378%2C0%2C1%2C0%2C3.378%2C3.378A3.378%2C3.378%2C0%2C0%2C0%2C125.934%2C122.556Zm0%2C5.571a2.193%2C2.193%2C0%2C1%2C1%2C2.193-2.193A2.193%2C2.193%2C0%2C0%2C1%2C125.934%2C128.127Z%22%20transform%3D%22translate(-117.934%20-117.934)%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_12%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2012%22%20cx%3D%221.14%22%20cy%3D%221.14%22%20r%3D%221.14%22%20transform%3D%22translate(11.021%202.699)%22%2F%3E%3C%2Fsvg%3E");
}
.c-social-link--facebook:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2215.885%22%20viewBox%3D%220%200%2016%2015.885%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_475%22%20data-name%3D%22%E3%83%91%E3%82%B9%20475%22%20d%3D%22M16%2C7.991a8%2C8%2C0%2C1%2C0-9.25%2C7.894V10.3H4.719V7.991H6.75V6.23A2.821%2C2.821%2C0%2C0%2C1%2C9.772%2C3.121a12.316%2C12.316%2C0%2C0%2C1%2C1.791.156V5.244H10.554a1.156%2C1.156%2C0%2C0%2C0-1.3%2C1.248v1.5h2.219l-.355%2C2.31H9.25v5.584A8%2C8%2C0%2C0%2C0%2C16%2C7.991Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fsvg%3E");
}
.c-social-link--contact:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22email_icon%22%20data-name%3D%22email%20icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.944%22%20height%3D%2213.289%22%20viewBox%3D%220%200%2016.944%2013.289%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7056%22%20data-name%3D%22%E3%83%91%E3%82%B9%207056%22%20d%3D%22M16.9%2C56.954a2.341%2C2.341%2C0%2C0%2C0-.485-1.027%2C2.02%2C2.02%2C0%2C0%2C0-.16-.177%2C2.346%2C2.346%2C0%2C0%2C0-1.662-.688H2.35a2.349%2C2.349%2C0%2C0%2C0-1.662.688%2C2.063%2C2.063%2C0%2C0%2C0-.16.177%2C2.313%2C2.313%2C0%2C0%2C0-.483%2C1.027A2.269%2C2.269%2C0%2C0%2C0%2C0%2C57.411V66a2.333%2C2.333%2C0%2C0%2C0%2C.195.933%2C2.3%2C2.3%2C0%2C0%2C0%2C.494.727c.053.052.1.1.162.149a2.349%2C2.349%2C0%2C0%2C0%2C1.5.54H14.594a2.335%2C2.335%2C0%2C0%2C0%2C1.5-.542%2C2.029%2C2.029%2C0%2C0%2C0%2C.162-.146%2C2.35%2C2.35%2C0%2C0%2C0%2C.5-.727v0a2.322%2C2.322%2C0%2C0%2C0%2C.192-.93V57.411A2.411%2C2.411%2C0%2C0%2C0%2C16.9%2C56.954ZM1.539%2C56.6a1.136%2C1.136%2C0%2C0%2C1%2C.811-.336H14.594a1.129%2C1.129%2C0%2C0%2C1%2C.914.457L9.091%2C62.308a.942.942%2C0%2C0%2C1-1.237%2C0l-6.415-5.59A.867.867%2C0%2C0%2C1%2C1.539%2C56.6ZM1.2%2C66V57.961l4.644%2C4.048L1.2%2C66.052A.343.343%2C0%2C0%2C1%2C1.2%2C66Zm13.391%2C1.147H2.35A1.133%2C1.133%2C0%2C0%2C1%2C1.782%2C67l4.9-4.264.457.4a2.036%2C2.036%2C0%2C0%2C0%2C2.674%2C0l.457-.4L15.162%2C67A1.134%2C1.134%2C0%2C0%2C1%2C14.594%2C67.149ZM15.742%2C66a.358.358%2C0%2C0%2C1%2C0%2C.05L11.1%2C62.011l4.644-4.048Z%22%20transform%3D%22translate(0%20-55.062)%22%20fill%3D%22%23111%22%2F%3E%3C%2Fsvg%3E");
}

.c-timesheet-wrap {
  max-width: 340px;
  padding: 24px 32px 15px;
  box-sizing: border-box;
  background-color: #C6EAD6;
  border-radius: 10px;
}
@media screen and (min-width: 960px) {
  .c-timesheet-wrap {
    max-width: 460px;
    padding: 20px 56px 26px;
  }
}

.c-timesheet-heading {
  padding-left: 22px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3em;
  position: relative;
  margin-bottom: 16px;
}
@media screen and (min-width: 960px) {
  .c-timesheet-heading {
    font-size: 15px;
    margin-bottom: 24px;
    padding-left: 35px;
  }
}
.c-timesheet-heading:before {
  content: url("assets/img/ico-time-s.svg");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
  .c-timesheet-heading:before {
    content: url("assets/img/ico-time.svg");
  }
}

.c-timesheet {
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
}
.c-timesheet__col {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  padding-bottom: 8px;
  box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .c-timesheet__col {
    font-size: 15px;
    padding-bottom: 16px;
  }
}
.c-timesheet__col:nth-last-child(1) {
  padding-bottom: 8px;
}
.c-timesheet__col:nth-last-child(2) {
  padding-bottom: 8px;
}
.c-timesheet__col__s {
  position: relative;
  padding-right: 22px;
}
.c-timesheet__col__s:before {
  position: absolute;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2217%22%20viewBox%3D%220%200%207%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%220.530154%22%20y1%3D%2215.8641%22%20x2%3D%226.00248%22%20y2%3D%220.829003%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  right: 8px;
  top: 50%;
  transform: translateY(-40%);
}
.c-timesheet__day {
  width: 30%;
  box-sizing: border-box;
  border-right: 1px solid #4C4948;
}
.c-timesheet__day:last-child {
  padding-bottom: 0;
}
.c-timesheet__time {
  width: 70%;
  padding-left: 16px;
  box-sizing: border-box;
}
.c-timesheet__time:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960px) {
  .c-timesheet__time {
    padding-left: 24px;
  }
}
.c-timesheet--access__col {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
  padding-bottom: 16px;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .c-timesheet--access__col {
    font-size: 16px;
    padding-bottom: 16px;
  }
}
.c-timesheet--access__col:nth-last-child(1) {
  padding-bottom: 8px;
}
.c-timesheet--access__col:nth-last-child(2) {
  padding-bottom: 8px;
}

.c-timesheet-table th {
  padding: 16px 8px 16px 0;
  font-weight: 500;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 14px;
  color: #4C4948;
  text-align: left;
}
@media screen and (min-width: 960px) {
  .c-timesheet-table th {
    padding: 24px 24px 24px 0;
  }
}
.c-timesheet-table td {
  font-weight: 500;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 14px;
  color: #4C4948;
  text-align: center;
  vertical-align: middle;
  padding: 16px 4px;
}
@media screen and (min-width: 960px) {
  .c-timesheet-table td {
    padding: 24px 8px;
  }
}
.c-timesheet-table tr {
  border-bottom: 1px solid #4C4948;
}
.c-timesheet-table tr:first-child th,
.c-timesheet-table tr:first-child td {
  padding-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .c-timesheet-table tr:first-child th,
  .c-timesheet-table tr:first-child td {
    padding-bottom: 16px;
  }
}
.c-timesheet-table__on {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #4C4948;
}
.c-timesheet-table__off {
  display: inline-block;
  width: 14px;
  height: 2px;
  background: #4C4948;
  margin-bottom: 6px;
}
.c-timesheet-table__triangle {
  display: inline-block;
}
.c-timesheet-table__triangle:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.99979%200.25L0.205566%2013.75H15.794L7.99979%200.25ZM7.99979%202.25L1.93762%2012.75H14.062L7.99979%202.25Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}
.c-timesheet-table__square {
  display: inline-block;
}
.c-timesheet-table__square:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%201H1V13H13V1ZM0%200V14H14V0H0Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

.c-timesheet-option {
  font-size: 12px;
  line-height: 1;
}
.c-timesheet-option__triangle {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  display: block;
}
.c-timesheet-option__triangle:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.99979%200.25L0.205566%2013.75H15.794L7.99979%200.25ZM7.99979%202.25L1.93762%2012.75H14.062L7.99979%202.25Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
  .c-timesheet-option__triangle {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 24px;
  }
}
.c-timesheet-option__square {
  position: relative;
  padding-left: 18px;
}
.c-timesheet-option__square:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%201H1V13H13V1ZM0%200V14H14V0H0Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@keyframes tel-draw-line {
  0% {
    width: 0;
  }
  100% {
    width: calc(100% - 27px);
    background-color: #4C4948;
  }
}
.c-tel-number {
  font-family: "PT serif", serif;
  display: inline-block;
  transition: 0.3s;
  padding-left: 36px;
  position: relative;
  color: #4C4948;
  font-style: italic;
  font-weight: 400;
}
.c-tel-number:before {
  content: url("assets/img/sp-icon.svg");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-tel-number__number {
  font-size: 24px;
  font-family: "PT Serif", sans-serif;
  font-weight: 400;
  color: #4C4948;
  line-height: 1;
  letter-spacing: 0.1em;
}
.c-tel-number:hover {
  opacity: 0.6;
}

/* Project
------------------------------ */
.p-accent {
  padding-top: 59.74358974%;
  padding-left: 38px;
}
@media screen and (min-width: 640px) {
  .p-accent {
    padding-top: 26.46341463%;
    padding-left: 12.00585652%;
  }
}
@media screen and (min-width: 960px) {
  .p-accent {
    padding-top: 5.636896047%;
  }
}
@media screen and (min-width: 1600px) {
  .p-accent {
    padding-top: 9.53125%;
  }
}
.p-accent__logo {
  margin-bottom: 61px;
}

@keyframes white-mask-out {
  0% {
    left: 0;
  }
  99% {
    left: 100%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.p-anim-white-mask {
  position: relative;
}
.p-anim-white-mask:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  background: #fff;
}
.p-anim-white-mask.is-active:after {
  animation: 1s 0.5s white-mask-out both;
}

.p-anim-black-mask {
  position: relative;
}
.p-anim-black-mask:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
}
.p-anim-black-mask.is-active:after {
  animation: 1s 0.5s white-mask-out both;
}

.p-archive-list {
  list-style-type: none;
  padding: 0 16px;
}

.p-post {
  padding: 24px 0;
  border-top: 1px solid #cecece;
}
@media screen and (min-width: 640px) {
  .p-post {
    padding: 40px 0;
  }
}
.p-post:last-child {
  border-bottom: 1px solid #cecece;
}
.p-post__meta {
  margin-bottom: 16px;
}
.p-post__meta__time {
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.08em;
}
.p-post__meta__cat {
  border: 1px solid #a8a8a8;
  padding: 2px 5px;
  font-size: 10px;
  margin-left: 32px;
}
.p-post__title {
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
  transition: 0.3s;
}
@media screen and (min-width: 640px) {
  .p-post__title {
    font-size: 15px;
    margin-bottom: 18px;
  }
}
.p-post__title:hover {
  opacity: 0.6;
}
.p-post__excerpt {
  display: none;
  font-size: 13px;
}
@media screen and (min-width: 640px) {
  .p-post__excerpt {
    display: block;
  }
}

.c-biography {
  list-style-type: none;
}
.c-biography__row {
  display: flex;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.c-biography__row__year {
  width: 30%;
  white-space: nowrap;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .c-biography__row__year {
    width: 20%;
  }
}
.c-biography__row__bio {
  width: 70%;
}
@media screen and (min-width: 640px) {
  .c-biography__row__bio {
    width: 80%;
  }
}

.p-card__img {
  margin-bottom: 16px;
}
.p-card__title {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  font-size: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1440px) {
  .p-card__title {
    font-size: 20px;
  }
}
.p-card__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1440px) {
  .p-card__description {
    font-size: 16px;
  }
}

.p-clinic-doctor {
  position: relative;
}
.p-clinic-doctor__image {
  width: 100%;
}
.p-clinic-doctor__text {
  position: absolute;
  left: 24px;
  bottom: 34px;
}
@media screen and (min-width: 960px) {
  .p-clinic-doctor__text {
    left: 48px;
    bottom: 56px;
  }
}
.p-clinic-doctor__text__position {
  font-size: 14px;
  color: #ffffff;
  line-height: 1em;
  letter-spacing: 0.2em;
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .p-clinic-doctor__text__position {
    font-size: 15px;
  }
}
.p-clinic-doctor__text__ja {
  color: #ffffff;
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 0.15em;
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .p-clinic-doctor__text__ja {
    font-size: 24px;
  }
}
.p-clinic-doctor__text__en {
  font-size: 14px;
  color: #ffffff;
  font-family: "PT Serif", sans-serif;
  letter-spacing: 0.1em;
  font-weight: bold;
}

@keyframes front-mobile {
  0% {
    right: -100px;
    opacity: 0;
  }
  100% {
    right: 26px;
    opacity: 1;
  }
}
@keyframes front {
  0% {
    right: -100px;
    opacity: 0;
  }
  100% {
    right: 71px;
    opacity: 1;
  }
}
@keyframes stance-mobile {
  0% {
    top: 10px;
  }
  100% {
    top: -26px;
  }
}
@keyframes stance {
  0% {
    right: 10px;
  }
  100% {
    right: -50px;
  }
}
.p-character {
  width: 61px;
}
@media screen and (min-width: 640px) {
  .p-character {
    width: 84px;
  }
}
.p-character--front {
  position: fixed;
  right: 30px;
  bottom: 26px;
}
@media screen and (min-width: 640px) {
  .p-character--front {
    right: 71px;
    bottom: 130px;
  }
}
.p-character--stance {
  position: absolute;
  top: -26px;
  right: 20px;
  z-index: -1;
  animation: stance-mobile 0.5s ease-out 1s both;
}
@media screen and (min-width: 640px) {
  .p-character--stance {
    right: -50px;
    top: 50%;
    animation: stance 0.5s ease-out 1s both;
  }
}
.p-character--treatments {
  position: absolute;
  right: 30px;
  bottom: 26px;
}
@media screen and (min-width: 960px) {
  .p-character--treatments {
    right: -200px;
    bottom: 80px;
  }
}

.p-concept-images {
  position: relative;
  text-align: right;
}
.p-concept-images__main {
  width: 93.86503067%;
  position: relative;
  left: calc(6.13496933% + 32px);
  z-index: -2;
}
@media screen and (min-width: 640px) {
  .p-concept-images__main {
    width: 91.95652174%;
    left: 8.04347826%;
  }
}
.p-concept-images__sub {
  width: 46.3190184%;
  position: absolute;
  left: -12px;
  bottom: -97px;
  z-index: -1;
}
@media screen and (min-width: 640px) {
  .p-concept-images__sub {
    width: 68.04347826%;
    left: -38.26086957%;
  }
}

@media screen and (min-width: 640px) {
  .p-menu {
    display: flex;
    align-items: center;
  }
}
.p-menu__image {
  margin-bottom: 32px;
}
@media screen and (min-width: 640px) {
  .p-menu__image {
    margin-bottom: 0;
    width: 50%;
  }
}
@media screen and (min-width: 640px) {
  .p-menu__contents {
    box-sizing: border-box;
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-menu__contents {
    padding-left: 10%;
    padding-right: 11.66666667%;
  }
}
@media screen and (min-width: 640px) {
  .p-menu.-reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 960px) {
  .p-menu.-reverse .c-menu__contents {
    padding-left: 11.66666667%;
    padding-right: 10%;
  }
}

.p-open {
  display: inline-block;
  position: relative;
  letter-spacing: 0.05em;
  vertical-align: bottom;
  font-size: 18px;
  font-family: "PT Serif", sans-serif;
}
.p-open__date {
  margin-right: 16px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 18px;
  font-family: "PT Serif", sans-serif;
}
.p-open:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #4C4948;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.p-policy {
  padding: 0 20px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-policy {
    padding: 0;
  }
}
@media screen and (min-width: 640px) {
  .p-policy__contents {
    width: 344px;
  }
}
.p-policy__heading {
  font-size: 18px;
  letter-spacing: 0.1em;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-bottom: 40px;
}
.p-policy__text {
  font-size: 15px;
  line-height: 1.7;
}
.p-policy--first {
  padding-top: 301px;
  margin-bottom: 158px;
}
@media screen and (min-width: 640px) {
  .p-policy--first {
    padding-left: 40px;
    padding-top: 68px;
  }
}
@media screen and (min-width: 960px) {
  .p-policy--first {
    padding-left: 19.03367496%;
    margin-bottom: 372px;
  }
}
.p-policy--first .p-policy__image {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 190px;
}
@media screen and (min-width: 640px) {
  .p-policy--first .p-policy__image {
    width: 39.238653%;
  }
}
@media screen and (min-width: 1200px) {
  .p-policy--first .p-policy__image {
    width: 35%;
  }
}
.p-policy--second {
  padding-bottom: 246px;
}
@media screen and (min-width: 640px) {
  .p-policy--second {
    padding-left: 50%;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 960px) {
  .p-policy--second {
    padding-bottom: 140px;
  }
}
@media screen and (min-width: 1600px) {
  .p-policy--second {
    padding-bottom: 210px;
  }
}
.p-policy--second .p-policy__image {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 316px;
}
@media screen and (min-width: 640px) {
  .p-policy--second .p-policy__image {
    width: 39.01903367%;
  }
}
@media screen and (min-width: 1200px) {
  .p-policy--second .p-policy__image {
    width: 35%;
  }
}

.p-price-table {
  text-align: left;
}
.p-price-table__head {
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  padding-right: 26px;
  background-image: url("assets/img/ico-slash.svg");
  background-position: calc(100% - 10px) 2px;
  background-repeat: no-repeat;
  padding-bottom: 32px;
}
@media screen and (min-width: 640px) {
  .p-price-table__head {
    font-size: 16px;
    padding-right: 36px;
    background-position: calc(100% - 13px) 2px;
  }
}
.p-price-table__contents {
  padding-bottom: 32px;
  font-size: 15px;
}
@media screen and (min-width: 640px) {
  .p-price-table__contents {
    font-size: 16px;
  }
}
.p-price-table__contents__num {
  font-size: 18px;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.05em;
  margin-right: 8px;
}
@media screen and (min-width: 640px) {
  .p-price-table__contents__num {
    font-size: 20px;
  }
}

.p-case-table {
  text-align: left;
}
.p-case-table__head {
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  padding-right: 26px;
  padding-bottom: 10px;
  background-image: url("assets/img/ico-slash.svg");
  background-position: calc(100% - 10px) 2px;
  background-repeat: no-repeat;
  white-space: nowrap;
}
@media screen and (min-width: 640px) {
  .p-case-table__head {
    padding-bottom: 32px;
    font-size: 16px;
    padding-right: 36px;
    background-position: calc(100% - 20px) 2px;
  }
}
.p-case-table__contents {
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 1.4;
}
@media screen and (min-width: 640px) {
  .p-case-table__contents {
    padding-bottom: 32px;
    font-size: 16px;
  }
}
.p-case-table__contents__num {
  font-size: 16px;
  font-family: "Barlow", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.05em;
  margin-right: 8px;
}
@media screen and (min-width: 640px) {
  .p-case-table__contents__num {
    font-size: 17px;
  }
}

@media screen and (min-width: 640px) {
  .p-panel {
    display: flex;
    flex-direction: row-reverse;
  }
}
.p-panel__contents {
  padding: 48px 32px 0;
  box-sizing: border-box;
}
.p-panel__contents__inner {
  display: inline-block;
}
@media screen and (min-width: 640px) {
  .p-panel__contents {
    width: 40.40995608%;
    padding: 19.03367496% 0 0 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-panel__contents {
    padding: 19.03367496% 0 0 14.86090776%;
  }
}
@media screen and (min-width: 1600px) {
  .p-panel__contents {
    padding-top: 13.54166667%;
  }
}
.p-panel__image {
  text-align: right;
}
@media screen and (min-width: 640px) {
  .p-panel__image {
    width: 59.59004392%;
  }
}
.p-panel__image img {
  width: 87.94871795%;
}
@media screen and (min-width: 640px) {
  .p-panel__image img {
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .p-panel--left {
    flex-direction: row;
  }
}
.p-panel--left .p-panel__contents {
  padding-right: 12.05128205%;
  text-align: right;
}
@media screen and (min-width: 640px) {
  .p-panel--left .p-panel__contents {
    padding-left: 0;
    padding-right: 32px;
  }
}
@media screen and (min-width: 960px) {
  .p-panel--left .p-panel__contents {
    padding-right: calc((100vw - 960px) / 2);
  }
}
@media screen and (min-width: 1600px) {
  .p-panel--left .p-panel__contents {
    padding-right: calc((100vw - 1200px) / 2);
  }
}
.p-panel--left .p-panel__image {
  text-align: left;
}

@media screen and (min-width: 640px) {
  .p-panel-thin {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media screen and (min-width: 1600px) {
  .p-panel-thin {
    max-width: 1600px;
  }
}
.p-panel-thin__contents {
  padding: 0 32px 64px;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .p-panel-thin__contents {
    padding: 0 32px 0 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-panel-thin__contents {
    padding-left: 80px;
    width: 46.08333333%;
  }
}
.p-panel-thin__image img {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .p-panel-thin__image {
    width: 53.91666667%;
  }
}
@media screen and (min-width: 640px) {
  .p-panel-thin--reverse {
    flex-direction: row;
  }
}
@media screen and (min-width: 640px) and (min-width: 640px) {
  .p-panel-thin--reverse .p-panel-thin__contents {
    padding: 0 32px;
  }
}
@media screen and (min-width: 640px) and (min-width: 960px) {
  .p-panel-thin--reverse .p-panel-thin__contents {
    padding: 0 80px;
  }
}
@media screen and (min-width: 640px) and (min-width: 1600px) {
  .p-panel-thin--reverse .p-panel-thin__contents {
    padding-left: 120px;
  }
}

@keyframes load-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    visibility: hidden;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  animation: load-anim 0.5s ease-in-out 3.2s both;
  z-index: 1000;
}
.p-loading__contents {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  animation: fadein 2s ease-in-out both;
}

/***************************************************
 * Generated by SVG Artista on 4/10/2023, 2:21:36 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 3807.3869628906px;
    stroke-dasharray: 1903.6934814453px;
  }
  100% {
    stroke-dashoffset: 1903.6934814453px;
    stroke-dasharray: 1903.6934814453px;
  }
}
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 3807.3869628906px;
    stroke-dasharray: 1903.6934814453px;
  }
  100% {
    stroke-dashoffset: 1903.6934814453px;
    stroke-dasharray: 1903.6934814453px;
  }
}
.svg-elem-1 {
  animation: animate-svg-stroke-1 2.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s both;
}

.p-information-container {
  position: relative;
  padding-bottom: 120px;
}
@media screen and (min-width: 640px) {
  .p-information-container {
    padding-bottom: 240px;
  }
}
.p-information-container__obj {
  text-align: right;
  margin-bottom: 16px;
  margin-right: -20px;
}
@media screen and (min-width: 640px) {
  .p-information-container__obj {
    margin-bottom: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 640px) and (min-width: 640px) {
  .p-information-container__obj {
    position: absolute;
    top: -93px;
    right: -65px;
  }
}

.p-jumbotron {
  background: #9C9C9C;
  border-radius: 20px;
  padding: 40px 32px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-jumbotron {
    padding: 72px 120px;
  }
}
.p-jumbotron__title {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.1em;
  margin-bottom: 64px;
  text-align: center;
}
.p-jumbotron__text {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (min-width: 640px) {
  .p-jumbotron__text {
    font-size: 18px;
  }
}
.p-jumbotron__more {
  position: absolute;
  left: 0;
  bottom: 40px;
}
@media screen and (min-width: 640px) {
  .p-jumbotron__more {
    bottom: 72px;
  }
}
@media screen and (min-width: 640px) {
  .p-jumbotron--narrow {
    padding: 56px 80px;
  }
}
@media screen and (min-width: 640px) {
  .p-jumbotron--narrow .p-jumbotron__more {
    bottom: 56px;
  }
}

.p-service-container {
  padding: 120px 20px 0 66px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-service-container {
    padding-left: 105px;
  }
}
@media screen and (min-width: 1200px) {
  .p-service-container {
    margin-left: calc((100vw - 1200px) / 2);
    padding-right: 56px;
  }
}
.p-service-container:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  background: #555555;
  position: absolute;
  top: 0;
  left: 27px;
}

.p-service {
  box-sizing: border-box;
  margin-bottom: 88px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .p-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 220px;
  }
}
.p-service__contents {
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .p-service__contents {
    margin-bottom: 0;
    width: 41.30943102%;
  }
}
.p-service__image {
  width: 100%;
  height: 155px;
  border-radius: 5px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 640px) {
  .p-service__image {
    flex: 1;
    height: 510px;
    margin-left: 96px;
  }
}
.p-service__image--reform {
  background-image: url("assets/img/front/reform-s.png");
}
@media screen and (min-width: 640px) {
  .p-service__image--reform {
    background-image: url("assets/img/front/reform.png");
  }
}
@media screen and (min-width: 1200px) {
  .p-service__image--reform {
    background-image: url("assets/img/front/reform-l.png");
  }
}
.p-service__image--renovation {
  background-image: url("assets/img/front/renovation-s.png");
}
@media screen and (min-width: 640px) {
  .p-service__image--renovation {
    background-image: url("assets/img/front/renovation.png");
  }
}
@media screen and (min-width: 1200px) {
  .p-service__image--renovation {
    background-image: url("assets/img/front/renovation-l.png");
  }
}
.p-service__image-container {
  display: flex;
  margin-left: -10px;
}
.p-service__image-container > div {
  padding-left: 10px;
}
@media screen and (min-width: 640px) {
  .p-service__image-container > div {
    padding-left: 0;
  }
}
@media screen and (min-width: 640px) {
  .p-service__image-container {
    margin-left: 0;
  }
}
@media screen and (min-width: 640px) {
  .p-service__image-container .-new-house1 {
    position: absolute;
    width: 40%;
    max-width: 500px;
    top: -24px;
    right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .p-service__image-container .-new-house1 {
    width: 34%;
  }
}
@media screen and (min-width: 1600px) {
  .p-service__image-container .-new-house1 {
    width: 29.8682284%;
  }
}
@media screen and (min-width: 640px) {
  .p-service__image-container .-new-house2 {
    position: absolute;
    bottom: 0;
    left: 36.74963397%;
    width: 55%;
  }
}
@media screen and (min-width: 1200px) {
  .p-service__image-container .-new-house2 {
    width: 44.72913616%;
  }
}
@media screen and (min-width: 640px) {
  .p-service__image-container .-store-tenant1 {
    position: absolute;
    width: 35%;
    top: 51px;
    right: 7.833089312%;
  }
}
@media screen and (min-width: 960px) {
  .p-service__image-container .-store-tenant1 {
    width: 26.72035139%;
    right: 4%;
  }
}
@media screen and (min-width: 640px) {
  .p-service__image-container .-store-tenant2 {
    position: absolute;
    width: 60%;
    left: 15.51976574%;
    bottom: 0;
  }
}
@media screen and (min-width: 960px) {
  .p-service__image-container .-store-tenant2 {
    width: 49.92679356%;
  }
}
@media screen and (min-width: 640px) {
  .p-service.-new-house-mb {
    padding-bottom: 360px;
    margin-bottom: 224px;
  }
}
@media screen and (min-width: 1600px) {
  .p-service.-new-house-mb {
    padding-bottom: 500px;
  }
}
@media screen and (min-width: 640px) {
  .p-service.-store-tenant-mb {
    padding-bottom: 400px;
    margin-bottom: 128px;
  }
}
@media screen and (min-width: 1600px) {
  .p-service.-store-tenant-mb {
    padding-bottom: 500px;
  }
}

.p-treatment-item {
  width: 100%;
  height: 122px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EFEFEF;
  padding: 40px 16px;
  box-sizing: border-box;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-treatment-item {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.p-treatment-item__text {
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.5;
  text-align: center;
}

/* Utility
------------------------------ */
.u-text-left {
  text-align: left !important;
}

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

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

@media screen and (min-width: 400px) {
  .u-text-left\@xs {
    text-align: left !important;
  }
  .u-text-center\@xs {
    text-align: center !important;
  }
  .u-text-right\@xs {
    text-align: right !important;
  }
}
@media screen and (min-width: 640px) {
  .u-text-left\@s {
    text-align: left !important;
  }
  .u-text-center\@s {
    text-align: center !important;
  }
  .u-text-right\@s {
    text-align: right !important;
  }
}
@media screen and (min-width: 937px) {
  .u-text-left\@s2 {
    text-align: left !important;
  }
  .u-text-center\@s2 {
    text-align: center !important;
  }
  .u-text-right\@s2 {
    text-align: right !important;
  }
}
@media screen and (min-width: 960px) {
  .u-text-left\@m {
    text-align: left !important;
  }
  .u-text-center\@m {
    text-align: center !important;
  }
  .u-text-right\@m {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-text-left\@l {
    text-align: left !important;
  }
  .u-text-center\@l {
    text-align: center !important;
  }
  .u-text-right\@l {
    text-align: right !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-text-left\@base {
    text-align: left !important;
  }
  .u-text-center\@base {
    text-align: center !important;
  }
  .u-text-right\@base {
    text-align: right !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-text-left\@xl {
    text-align: left !important;
  }
  .u-text-center\@xl {
    text-align: center !important;
  }
  .u-text-right\@xl {
    text-align: right !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-text-left\@xxl {
    text-align: left !important;
  }
  .u-text-center\@xxl {
    text-align: center !important;
  }
  .u-text-right\@xxl {
    text-align: right !important;
  }
}
.u-bgcolor-white {
  background-color: #fff !important;
}

.u-bgcolor-font {
  background-color: #4C4948 !important;
}

.u-bgcolor-text {
  background-color: #4C4948 !important;
}

.u-bgcolor-text-gray {
  background-color: #707070 !important;
}

.u-bgcolor-background-yellow {
  background-color: #078F58 !important;
}

.u-bgcolor-background-light-yellow {
  background-color: #3AB483 !important;
}

.u-bgcolor-background-gray {
  background-color: #9C9C9C !important;
}

.u-bgcolor-white {
  background-color: #fff !important;
}

.u-bg-rounded {
  border-radius: 10px;
}

.u-background-triangle-green {
  background: url("assets/img/bg-triangle.svg");
}

.u-background-triangle-blue {
  background: url("assets/img/triangle-blue.svg");
}

.u-background-double-heart {
  background-image: url("assets/img/for-woman/bg-double-heart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.u-background-double-heart--cta {
  background-position: center 30%;
}
@media screen and (min-width: 640px) {
  .u-background-double-heart--cta {
    background-size: auto, auto;
  }
}

.u-background-bubble {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.u-background-bubble--1 {
  background-image: url("assets/img/for-woman/bg-bubble1.svg");
}
.u-background-bubble--2 {
  background-image: url("assets/img/for-woman/bg-bubble2.svg");
}

.u-bgcolor-background-light-yellow {
  background-color: #DEF3E7 !important;
}

.u-border-dotted {
  border-style: dotted;
}

.u-border-dotted {
  border-style: dotted;
}

.u-border-width-1 {
  border-width: 1px;
}

.u-border-width-2 {
  border-width: 2px;
}

.u-border-width-3 {
  border-width: 3px;
}

.u-border-width-4 {
  border-width: 4px;
}

.u-border-width-5 {
  border-width: 5px;
}

.u-border-color-font {
  border-color: #4C4948;
}

.u-border-color-text {
  border-color: #4C4948;
}

.u-border-color-text-gray {
  border-color: #707070;
}

.u-border-color-background-yellow {
  border-color: #078F58;
}

.u-border-color-background-light-yellow {
  border-color: #3AB483;
}

.u-border-color-background-gray {
  border-color: #9C9C9C;
}

.u-border-color-white {
  border-color: #fff;
}

.u-border-top-solid {
  border-top-style: solid;
}

.u-border-top-dotted {
  border-top-style: dotted;
}

.u-border-top-width-1 {
  border-top-width: 1px;
}

.u-border-top-width-2 {
  border-top-width: 2px;
}

.u-border-top-width-3 {
  border-top-width: 3px;
}

.u-border-top-width-4 {
  border-top-width: 4px;
}

.u-border-top-width-5 {
  border-top-width: 5px;
}

.u-border-top-color-font {
  border-top-color: #4C4948;
}

.u-border-top-color-text {
  border-top-color: #4C4948;
}

.u-border-top-color-text-gray {
  border-top-color: #707070;
}

.u-border-top-color-background-yellow {
  border-top-color: #078F58;
}

.u-border-top-color-background-light-yellow {
  border-top-color: #3AB483;
}

.u-border-top-color-background-gray {
  border-top-color: #9C9C9C;
}

.u-border-top-color-white {
  border-top-color: #fff;
}

.u-border-right-solid {
  border-right-style: solid;
}

.u-border-right-dotted {
  border-right-style: dotted;
}

.u-border-right-width-1 {
  border-right-width: 1px;
}

.u-border-right-width-2 {
  border-right-width: 2px;
}

.u-border-right-width-3 {
  border-right-width: 3px;
}

.u-border-right-width-4 {
  border-right-width: 4px;
}

.u-border-right-width-5 {
  border-right-width: 5px;
}

.u-border-right-color-font {
  border-right-color: #4C4948;
}

.u-border-right-color-text {
  border-right-color: #4C4948;
}

.u-border-right-color-text-gray {
  border-right-color: #707070;
}

.u-border-right-color-background-yellow {
  border-right-color: #078F58;
}

.u-border-right-color-background-light-yellow {
  border-right-color: #3AB483;
}

.u-border-right-color-background-gray {
  border-right-color: #9C9C9C;
}

.u-border-right-color-white {
  border-right-color: #fff;
}

.u-border-bottom-solid {
  border-bottom-style: solid;
}

.u-border-bottom-dotted {
  border-bottom-style: dotted;
}

.u-border-bottom-width-1 {
  border-bottom-width: 1px;
}

.u-border-bottom-width-2 {
  border-bottom-width: 2px;
}

.u-border-bottom-width-3 {
  border-bottom-width: 3px;
}

.u-border-bottom-width-4 {
  border-bottom-width: 4px;
}

.u-border-bottom-width-5 {
  border-bottom-width: 5px;
}

.u-border-bottom-color-font {
  border-bottom-color: #4C4948;
}

.u-border-bottom-color-text {
  border-bottom-color: #4C4948;
}

.u-border-bottom-color-text-gray {
  border-bottom-color: #707070;
}

.u-border-bottom-color-background-yellow {
  border-bottom-color: #078F58;
}

.u-border-bottom-color-background-light-yellow {
  border-bottom-color: #3AB483;
}

.u-border-bottom-color-background-gray {
  border-bottom-color: #9C9C9C;
}

.u-border-bottom-color-white {
  border-bottom-color: #fff;
}

.u-border-left-solid {
  border-left-style: solid;
}

.u-border-left-dotted {
  border-left-style: dotted;
}

.u-border-left-width-1 {
  border-left-width: 1px;
}

.u-border-left-width-2 {
  border-left-width: 2px;
}

.u-border-left-width-3 {
  border-left-width: 3px;
}

.u-border-left-width-4 {
  border-left-width: 4px;
}

.u-border-left-width-5 {
  border-left-width: 5px;
}

.u-border-left-color-font {
  border-left-color: #4C4948;
}

.u-border-left-color-text {
  border-left-color: #4C4948;
}

.u-border-left-color-text-gray {
  border-left-color: #707070;
}

.u-border-left-color-background-yellow {
  border-left-color: #078F58;
}

.u-border-left-color-background-light-yellow {
  border-left-color: #3AB483;
}

.u-border-left-color-background-gray {
  border-left-color: #9C9C9C;
}

.u-border-left-color-white {
  border-left-color: #fff;
}

.u-box-sizing-border-box {
  box-sizing: border-box !important;
}

.u-box-sizing-content-box {
  box-sizing: content-box !important;
}

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

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

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

.u-color-font {
  color: #4C4948 !important;
}

.u-color-text {
  color: #4C4948 !important;
}

.u-color-text-gray {
  color: #707070 !important;
}

.u-color-background-yellow {
  color: #078F58 !important;
}

.u-color-background-light-yellow {
  color: #3AB483 !important;
}

.u-color-background-gray {
  color: #9C9C9C !important;
}

.u-color-white {
  color: #fff !important;
}

.u-text-regular {
  font-weight: 400 !important;
}

.u-text-medium {
  font-weight: 500 !important;
}

.u-text-bold {
  font-weight: 700 !important;
}

.u-accent-family {
  font-family: "Barlow", "Noto Sans JP", sans-serif !important;
}

.u-accent-family-ja {
  font-family: "Noto Serif JP", sans-serif !important;
}

.u-accent-family-en {
  font-family: "PT Serif", sans-serif !important;
}

.u-normal-family {
  font-family: YakuHanJP, "Noto Sans JP", "NotoSansCJKjp", "Hiragino Kaku Gothic ProN", "Helvetica Neue", メイリオ, Meiryo, sans-serif !important;
}

.u-en-text {
  font-family: "PT Serif", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.u-accent-text-en-italic {
  font-family: "PT Serif", sans-serif !important;
  font-weight: 500;
  font-style: italic;
}

.u-text-underline {
  text-decoration: underline !important;
}

.u-accent-underline-font {
  position: relative;
  z-index: 1;
}
.u-accent-underline-font:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #4C4948;
}

.u-accent-underline-text {
  position: relative;
  z-index: 1;
}
.u-accent-underline-text:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #4C4948;
}

.u-accent-underline-text-gray {
  position: relative;
  z-index: 1;
}
.u-accent-underline-text-gray:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #707070;
}

.u-accent-underline-background-yellow {
  position: relative;
  z-index: 1;
}
.u-accent-underline-background-yellow:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #078F58;
}

.u-accent-underline-background-light-yellow {
  position: relative;
  z-index: 1;
}
.u-accent-underline-background-light-yellow:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #3AB483;
}

.u-accent-underline-background-gray {
  position: relative;
  z-index: 1;
}
.u-accent-underline-background-gray:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #9C9C9C;
}

.u-accent-underline-white {
  position: relative;
  z-index: 1;
}
.u-accent-underline-white:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.7em;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
  background: #fff;
}

.u-line-height-10 {
  line-height: 1 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-10\@xs {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-10\@s {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-10\@s2 {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-10\@m {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-10\@l {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-10\@base {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-10\@xl {
    line-height: 1 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-10\@xxl {
    line-height: 1 !important;
  }
}

.u-line-height-11 {
  line-height: 1.1 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-11\@xs {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-11\@s {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-11\@s2 {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-11\@m {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-11\@l {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-11\@base {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-11\@xl {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-11\@xxl {
    line-height: 1.1 !important;
  }
}

.u-line-height-12 {
  line-height: 1.2 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-12\@xs {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-12\@s {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-12\@s2 {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-12\@m {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-12\@l {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-12\@base {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-12\@xl {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-12\@xxl {
    line-height: 1.2 !important;
  }
}

.u-line-height-13 {
  line-height: 1.3 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-13\@xs {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-13\@s {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-13\@s2 {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-13\@m {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-13\@l {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-13\@base {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-13\@xl {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-13\@xxl {
    line-height: 1.3 !important;
  }
}

.u-line-height-14 {
  line-height: 1.4 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-14\@xs {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-14\@s {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-14\@s2 {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-14\@m {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-14\@l {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-14\@base {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-14\@xl {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-14\@xxl {
    line-height: 1.4 !important;
  }
}

.u-line-height-15 {
  line-height: 1.5 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-15\@xs {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-15\@s {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-15\@s2 {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-15\@m {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-15\@l {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-15\@base {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-15\@xl {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-15\@xxl {
    line-height: 1.5 !important;
  }
}

.u-line-height-16 {
  line-height: 1.6 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-16\@xs {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-16\@s {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-16\@s2 {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-16\@m {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-16\@l {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-16\@base {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-16\@xl {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-16\@xxl {
    line-height: 1.6 !important;
  }
}

.u-line-height-17 {
  line-height: 1.7 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-17\@xs {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-17\@s {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-17\@s2 {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-17\@m {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-17\@l {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-17\@base {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-17\@xl {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-17\@xxl {
    line-height: 1.7 !important;
  }
}

.u-line-height-18 {
  line-height: 1.8 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-18\@xs {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-18\@s {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-18\@s2 {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-18\@m {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-18\@l {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-18\@base {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-18\@xl {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-18\@xxl {
    line-height: 1.8 !important;
  }
}

.u-line-height-19 {
  line-height: 1.9 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-19\@xs {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-19\@s {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-19\@s2 {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-19\@m {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-19\@l {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-19\@base {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-19\@xl {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-19\@xxl {
    line-height: 1.9 !important;
  }
}

.u-line-height-20 {
  line-height: 2 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-20\@xs {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-20\@s {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-20\@s2 {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-20\@m {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-20\@l {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-20\@base {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-20\@xl {
    line-height: 2 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-20\@xxl {
    line-height: 2 !important;
  }
}

.u-line-height-21 {
  line-height: 2.1 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-21\@xs {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-21\@s {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-21\@s2 {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-21\@m {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-21\@l {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-21\@base {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-21\@xl {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-21\@xxl {
    line-height: 2.1 !important;
  }
}

.u-line-height-22 {
  line-height: 2.2 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-22\@xs {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-22\@s {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-22\@s2 {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-22\@m {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-22\@l {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-22\@base {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-22\@xl {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-22\@xxl {
    line-height: 2.2 !important;
  }
}

.u-line-height-23 {
  line-height: 2.3 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-23\@xs {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-23\@s {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-23\@s2 {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-23\@m {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-23\@l {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-23\@base {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-23\@xl {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-23\@xxl {
    line-height: 2.3 !important;
  }
}

.u-line-height-24 {
  line-height: 2.4 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-24\@xs {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-24\@s {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-24\@s2 {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-24\@m {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-24\@l {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-24\@base {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-24\@xl {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-24\@xxl {
    line-height: 2.4 !important;
  }
}

.u-line-height-25 {
  line-height: 2.5 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-25\@xs {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-25\@s {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-25\@s2 {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-25\@m {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-25\@l {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-25\@base {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-25\@xl {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-25\@xxl {
    line-height: 2.5 !important;
  }
}

.u-line-height-26 {
  line-height: 2.6 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-26\@xs {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-26\@s {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-26\@s2 {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-26\@m {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-26\@l {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-26\@base {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-26\@xl {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-26\@xxl {
    line-height: 2.6 !important;
  }
}

.u-line-height-27 {
  line-height: 2.7 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-27\@xs {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-27\@s {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-27\@s2 {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-27\@m {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-27\@l {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-27\@base {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-27\@xl {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-27\@xxl {
    line-height: 2.7 !important;
  }
}

.u-line-height-28 {
  line-height: 2.8 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-28\@xs {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-28\@s {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-28\@s2 {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-28\@m {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-28\@l {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-28\@base {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-28\@xl {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-28\@xxl {
    line-height: 2.8 !important;
  }
}

.u-line-height-29 {
  line-height: 2.9 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-29\@xs {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-29\@s {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-29\@s2 {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-29\@m {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-29\@l {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-29\@base {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-29\@xl {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-29\@xxl {
    line-height: 2.9 !important;
  }
}

.u-line-height-30 {
  line-height: 3 !important;
}

@media screen and (min-width: 400px) {
  .u-line-height-30\@xs {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 640px) {
  .u-line-height-30\@s {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 937px) {
  .u-line-height-30\@s2 {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 960px) {
  .u-line-height-30\@m {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-line-height-30\@l {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-line-height-30\@base {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-line-height-30\@xl {
    line-height: 3 !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-line-height-30\@xxl {
    line-height: 3 !important;
  }
}

.u-text-size-10 {
  font-size: 10px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-10\@xs {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-10\@s {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-10\@s2 {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-10\@m {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-10\@l {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-10\@base {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-10\@xl {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-10\@xxl {
    font-size: 10px !important;
  }
}

.u-text-size-11 {
  font-size: 11px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-11\@xs {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-11\@s {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-11\@s2 {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-11\@m {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-11\@l {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-11\@base {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-11\@xl {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-11\@xxl {
    font-size: 11px !important;
  }
}

.u-text-size-12 {
  font-size: 12px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-12\@xs {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-12\@s {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-12\@s2 {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-12\@m {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-12\@l {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-12\@base {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-12\@xl {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-12\@xxl {
    font-size: 12px !important;
  }
}

.u-text-size-13 {
  font-size: 13px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-13\@xs {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-13\@s {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-13\@s2 {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-13\@m {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-13\@l {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-13\@base {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-13\@xl {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-13\@xxl {
    font-size: 13px !important;
  }
}

.u-text-size-14 {
  font-size: 14px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-14\@xs {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-14\@s {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-14\@s2 {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-14\@m {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-14\@l {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-14\@base {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-14\@xl {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-14\@xxl {
    font-size: 14px !important;
  }
}

.u-text-size-15 {
  font-size: 15px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-15\@xs {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-15\@s {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-15\@s2 {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-15\@m {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-15\@l {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-15\@base {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-15\@xl {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-15\@xxl {
    font-size: 15px !important;
  }
}

.u-text-size-16 {
  font-size: 16px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-16\@xs {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-16\@s {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-16\@s2 {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-16\@m {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-16\@l {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-16\@base {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-16\@xl {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-16\@xxl {
    font-size: 16px !important;
  }
}

.u-text-size-17 {
  font-size: 17px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-17\@xs {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-17\@s {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-17\@s2 {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-17\@m {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-17\@l {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-17\@base {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-17\@xl {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-17\@xxl {
    font-size: 17px !important;
  }
}

.u-text-size-18 {
  font-size: 18px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-18\@xs {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-18\@s {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-18\@s2 {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-18\@m {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-18\@l {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-18\@base {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-18\@xl {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-18\@xxl {
    font-size: 18px !important;
  }
}

.u-text-size-19 {
  font-size: 19px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-19\@xs {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-19\@s {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-19\@s2 {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-19\@m {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-19\@l {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-19\@base {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-19\@xl {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-19\@xxl {
    font-size: 19px !important;
  }
}

.u-text-size-20 {
  font-size: 20px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-20\@xs {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-20\@s {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-20\@s2 {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-20\@m {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-20\@l {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-20\@base {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-20\@xl {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-20\@xxl {
    font-size: 20px !important;
  }
}

.u-text-size-21 {
  font-size: 21px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-21\@xs {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-21\@s {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-21\@s2 {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-21\@m {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-21\@l {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-21\@base {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-21\@xl {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-21\@xxl {
    font-size: 21px !important;
  }
}

.u-text-size-22 {
  font-size: 22px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-22\@xs {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-22\@s {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-22\@s2 {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-22\@m {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-22\@l {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-22\@base {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-22\@xl {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-22\@xxl {
    font-size: 22px !important;
  }
}

.u-text-size-23 {
  font-size: 23px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-23\@xs {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-23\@s {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-23\@s2 {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-23\@m {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-23\@l {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-23\@base {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-23\@xl {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-23\@xxl {
    font-size: 23px !important;
  }
}

.u-text-size-24 {
  font-size: 24px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-24\@xs {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-24\@s {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-24\@s2 {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-24\@m {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-24\@l {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-24\@base {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-24\@xl {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-24\@xxl {
    font-size: 24px !important;
  }
}

.u-text-size-25 {
  font-size: 25px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-25\@xs {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-25\@s {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-25\@s2 {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-25\@m {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-25\@l {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-25\@base {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-25\@xl {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-25\@xxl {
    font-size: 25px !important;
  }
}

.u-text-size-26 {
  font-size: 26px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-26\@xs {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-26\@s {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-26\@s2 {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-26\@m {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-26\@l {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-26\@base {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-26\@xl {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-26\@xxl {
    font-size: 26px !important;
  }
}

.u-text-size-27 {
  font-size: 27px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-27\@xs {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-27\@s {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-27\@s2 {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-27\@m {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-27\@l {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-27\@base {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-27\@xl {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-27\@xxl {
    font-size: 27px !important;
  }
}

.u-text-size-28 {
  font-size: 28px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-28\@xs {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-28\@s {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-28\@s2 {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-28\@m {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-28\@l {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-28\@base {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-28\@xl {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-28\@xxl {
    font-size: 28px !important;
  }
}

.u-text-size-29 {
  font-size: 29px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-29\@xs {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-29\@s {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-29\@s2 {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-29\@m {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-29\@l {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-29\@base {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-29\@xl {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-29\@xxl {
    font-size: 29px !important;
  }
}

.u-text-size-30 {
  font-size: 30px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-30\@xs {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-30\@s {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-30\@s2 {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-30\@m {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-30\@l {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-30\@base {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-30\@xl {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-30\@xxl {
    font-size: 30px !important;
  }
}

.u-text-size-31 {
  font-size: 31px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-31\@xs {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-31\@s {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-31\@s2 {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-31\@m {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-31\@l {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-31\@base {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-31\@xl {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-31\@xxl {
    font-size: 31px !important;
  }
}

.u-text-size-32 {
  font-size: 32px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-32\@xs {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-32\@s {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-32\@s2 {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-32\@m {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-32\@l {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-32\@base {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-32\@xl {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-32\@xxl {
    font-size: 32px !important;
  }
}

.u-text-size-33 {
  font-size: 33px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-33\@xs {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-33\@s {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-33\@s2 {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-33\@m {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-33\@l {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-33\@base {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-33\@xl {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-33\@xxl {
    font-size: 33px !important;
  }
}

.u-text-size-34 {
  font-size: 34px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-34\@xs {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-34\@s {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-34\@s2 {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-34\@m {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-34\@l {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-34\@base {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-34\@xl {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-34\@xxl {
    font-size: 34px !important;
  }
}

.u-text-size-35 {
  font-size: 35px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-35\@xs {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-35\@s {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-35\@s2 {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-35\@m {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-35\@l {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-35\@base {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-35\@xl {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-35\@xxl {
    font-size: 35px !important;
  }
}

.u-text-size-36 {
  font-size: 36px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-36\@xs {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-36\@s {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-36\@s2 {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-36\@m {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-36\@l {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-36\@base {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-36\@xl {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-36\@xxl {
    font-size: 36px !important;
  }
}

.u-text-size-37 {
  font-size: 37px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-37\@xs {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-37\@s {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-37\@s2 {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-37\@m {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-37\@l {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-37\@base {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-37\@xl {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-37\@xxl {
    font-size: 37px !important;
  }
}

.u-text-size-38 {
  font-size: 38px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-38\@xs {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-38\@s {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-38\@s2 {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-38\@m {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-38\@l {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-38\@base {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-38\@xl {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-38\@xxl {
    font-size: 38px !important;
  }
}

.u-text-size-39 {
  font-size: 39px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-39\@xs {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-39\@s {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-39\@s2 {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-39\@m {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-39\@l {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-39\@base {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-39\@xl {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-39\@xxl {
    font-size: 39px !important;
  }
}

.u-text-size-40 {
  font-size: 40px !important;
}

@media screen and (min-width: 400px) {
  .u-text-size-40\@xs {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 640px) {
  .u-text-size-40\@s {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 937px) {
  .u-text-size-40\@s2 {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 960px) {
  .u-text-size-40\@m {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-text-size-40\@l {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-text-size-40\@base {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-text-size-40\@xl {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-text-size-40\@xxl {
    font-size: 40px !important;
  }
}

.u-letter-space-0 {
  letter-spacing: 0em !important;
}

.u-letter-space-50 {
  letter-spacing: 0.05em !important;
}

.u-letter-space-100 {
  letter-spacing: 0.1em !important;
}

.u-letter-space-150 {
  letter-spacing: 0.15em !important;
}

.u-letter-space-200 {
  letter-spacing: 0.2em !important;
}

.u-text-remark {
  padding-left: calc(1em + 4px) !important;
  position: relative !important;
  font-size: 13px;
  line-height: 1.3;
  color: #3E3E3E;
}
.u-text-remark:before {
  content: "※";
  margin-right: 4px !important;
  position: absolute !important;
  left: 0 !important;
}

.u-visible {
  display: none;
}

.u-hidden {
  display: hidden;
}

.u-visible\@xs {
  display: none;
}

@media screen and (min-width: 400px) {
  span.u-visible\@xs {
    display: inline;
  }
  .u-visible\@xs,
  div.u-visible\@xs,
  p.u-visible\@xs,
  section.u-visible\@xs,
  article.u-visible\@xs {
    display: block;
  }
  .u-hidden\@xs {
    display: none;
  }
}
.u-visible\@s {
  display: none;
}

@media screen and (min-width: 640px) {
  span.u-visible\@s {
    display: inline;
  }
  .u-visible\@s,
  div.u-visible\@s,
  p.u-visible\@s,
  section.u-visible\@s,
  article.u-visible\@s {
    display: block;
  }
  .u-hidden\@s {
    display: none;
  }
}
.u-visible\@s2 {
  display: none;
}

@media screen and (min-width: 937px) {
  span.u-visible\@s2 {
    display: inline;
  }
  .u-visible\@s2,
  div.u-visible\@s2,
  p.u-visible\@s2,
  section.u-visible\@s2,
  article.u-visible\@s2 {
    display: block;
  }
  .u-hidden\@s2 {
    display: none;
  }
}
.u-visible\@m {
  display: none;
}

@media screen and (min-width: 960px) {
  span.u-visible\@m {
    display: inline;
  }
  .u-visible\@m,
  div.u-visible\@m,
  p.u-visible\@m,
  section.u-visible\@m,
  article.u-visible\@m {
    display: block;
  }
  .u-hidden\@m {
    display: none;
  }
}
.u-visible\@l {
  display: none;
}

@media screen and (min-width: 1200px) {
  span.u-visible\@l {
    display: inline;
  }
  .u-visible\@l,
  div.u-visible\@l,
  p.u-visible\@l,
  section.u-visible\@l,
  article.u-visible\@l {
    display: block;
  }
  .u-hidden\@l {
    display: none;
  }
}
.u-visible\@base {
  display: none;
}

@media screen and (min-width: 1440px) {
  span.u-visible\@base {
    display: inline;
  }
  .u-visible\@base,
  div.u-visible\@base,
  p.u-visible\@base,
  section.u-visible\@base,
  article.u-visible\@base {
    display: block;
  }
  .u-hidden\@base {
    display: none;
  }
}
.u-visible\@xl {
  display: none;
}

@media screen and (min-width: 1600px) {
  span.u-visible\@xl {
    display: inline;
  }
  .u-visible\@xl,
  div.u-visible\@xl,
  p.u-visible\@xl,
  section.u-visible\@xl,
  article.u-visible\@xl {
    display: block;
  }
  .u-hidden\@xl {
    display: none;
  }
}
.u-visible\@xxl {
  display: none;
}

@media screen and (min-width: 1900px) {
  span.u-visible\@xxl {
    display: inline;
  }
  .u-visible\@xxl,
  div.u-visible\@xxl,
  p.u-visible\@xxl,
  section.u-visible\@xxl,
  article.u-visible\@xxl {
    display: block;
  }
  .u-hidden\@xxl {
    display: none;
  }
}
.u-height-100 {
  height: 100%;
}

.u-mt1 {
  margin-top: 8px !important;
}

.u-mt2 {
  margin-top: 16px !important;
}

.u-mt3 {
  margin-top: 24px !important;
}

.u-mt4 {
  margin-top: 32px !important;
}

.u-mt5 {
  margin-top: 40px !important;
}

.u-mt6 {
  margin-top: 48px !important;
}

.u-mt7 {
  margin-top: 56px !important;
}

.u-mt8 {
  margin-top: 64px !important;
}

.u-mt9 {
  margin-top: 72px !important;
}

.u-mt10 {
  margin-top: 80px !important;
}

.u-mt11 {
  margin-top: 88px !important;
}

.u-mt12 {
  margin-top: 96px !important;
}

.u-mt13 {
  margin-top: 104px !important;
}

.u-mt14 {
  margin-top: 112px !important;
}

.u-mt15 {
  margin-top: 120px !important;
}

.u-mt16 {
  margin-top: 128px !important;
}

.u-mt17 {
  margin-top: 136px !important;
}

.u-mt18 {
  margin-top: 144px !important;
}

.u-mt19 {
  margin-top: 152px !important;
}

.u-mt20 {
  margin-top: 160px !important;
}

.u-mt21 {
  margin-top: 168px !important;
}

.u-mt22 {
  margin-top: 176px !important;
}

.u-mt23 {
  margin-top: 184px !important;
}

.u-mt24 {
  margin-top: 192px !important;
}

.u-mt25 {
  margin-top: 200px !important;
}

.u-mt26 {
  margin-top: 208px !important;
}

.u-mt27 {
  margin-top: 216px !important;
}

.u-mt28 {
  margin-top: 224px !important;
}

.u-mt29 {
  margin-top: 232px !important;
}

.u-mt30 {
  margin-top: 240px !important;
}

.u-mt31 {
  margin-top: 248px !important;
}

.u-mt32 {
  margin-top: 256px !important;
}

.u-mt33 {
  margin-top: 264px !important;
}

.u-mt34 {
  margin-top: 272px !important;
}

.u-mt35 {
  margin-top: 280px !important;
}

.u-mt36 {
  margin-top: 288px !important;
}

.u-mt37 {
  margin-top: 296px !important;
}

.u-mt38 {
  margin-top: 304px !important;
}

.u-mt39 {
  margin-top: 312px !important;
}

.u-mt40 {
  margin-top: 320px !important;
}

.u-mt41 {
  margin-top: 328px !important;
}

.u-mt42 {
  margin-top: 336px !important;
}

.u-mt43 {
  margin-top: 344px !important;
}

.u-mt44 {
  margin-top: 352px !important;
}

.u-mt45 {
  margin-top: 360px !important;
}

.u-mt46 {
  margin-top: 368px !important;
}

.u-mt47 {
  margin-top: 376px !important;
}

.u-mt48 {
  margin-top: 384px !important;
}

.u-mt49 {
  margin-top: 392px !important;
}

.u-mt50 {
  margin-top: 400px !important;
}

@media screen and (min-width: 400px) {
  .u-mt1\@xs {
    margin-top: 8px !important;
  }
  .u-mt2\@xs {
    margin-top: 16px !important;
  }
  .u-mt3\@xs {
    margin-top: 24px !important;
  }
  .u-mt4\@xs {
    margin-top: 32px !important;
  }
  .u-mt5\@xs {
    margin-top: 40px !important;
  }
  .u-mt6\@xs {
    margin-top: 48px !important;
  }
  .u-mt7\@xs {
    margin-top: 56px !important;
  }
  .u-mt8\@xs {
    margin-top: 64px !important;
  }
  .u-mt9\@xs {
    margin-top: 72px !important;
  }
  .u-mt10\@xs {
    margin-top: 80px !important;
  }
  .u-mt11\@xs {
    margin-top: 88px !important;
  }
  .u-mt12\@xs {
    margin-top: 96px !important;
  }
  .u-mt13\@xs {
    margin-top: 104px !important;
  }
  .u-mt14\@xs {
    margin-top: 112px !important;
  }
  .u-mt15\@xs {
    margin-top: 120px !important;
  }
  .u-mt16\@xs {
    margin-top: 128px !important;
  }
  .u-mt17\@xs {
    margin-top: 136px !important;
  }
  .u-mt18\@xs {
    margin-top: 144px !important;
  }
  .u-mt19\@xs {
    margin-top: 152px !important;
  }
  .u-mt20\@xs {
    margin-top: 160px !important;
  }
  .u-mt21\@xs {
    margin-top: 168px !important;
  }
  .u-mt22\@xs {
    margin-top: 176px !important;
  }
  .u-mt23\@xs {
    margin-top: 184px !important;
  }
  .u-mt24\@xs {
    margin-top: 192px !important;
  }
  .u-mt25\@xs {
    margin-top: 200px !important;
  }
  .u-mt26\@xs {
    margin-top: 208px !important;
  }
  .u-mt27\@xs {
    margin-top: 216px !important;
  }
  .u-mt28\@xs {
    margin-top: 224px !important;
  }
  .u-mt29\@xs {
    margin-top: 232px !important;
  }
  .u-mt30\@xs {
    margin-top: 240px !important;
  }
  .u-mt31\@xs {
    margin-top: 248px !important;
  }
  .u-mt32\@xs {
    margin-top: 256px !important;
  }
  .u-mt33\@xs {
    margin-top: 264px !important;
  }
  .u-mt34\@xs {
    margin-top: 272px !important;
  }
  .u-mt35\@xs {
    margin-top: 280px !important;
  }
  .u-mt36\@xs {
    margin-top: 288px !important;
  }
  .u-mt37\@xs {
    margin-top: 296px !important;
  }
  .u-mt38\@xs {
    margin-top: 304px !important;
  }
  .u-mt39\@xs {
    margin-top: 312px !important;
  }
  .u-mt40\@xs {
    margin-top: 320px !important;
  }
  .u-mt41\@xs {
    margin-top: 328px !important;
  }
  .u-mt42\@xs {
    margin-top: 336px !important;
  }
  .u-mt43\@xs {
    margin-top: 344px !important;
  }
  .u-mt44\@xs {
    margin-top: 352px !important;
  }
  .u-mt45\@xs {
    margin-top: 360px !important;
  }
  .u-mt46\@xs {
    margin-top: 368px !important;
  }
  .u-mt47\@xs {
    margin-top: 376px !important;
  }
  .u-mt48\@xs {
    margin-top: 384px !important;
  }
  .u-mt49\@xs {
    margin-top: 392px !important;
  }
  .u-mt50\@xs {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-mt1\@s {
    margin-top: 8px !important;
  }
  .u-mt2\@s {
    margin-top: 16px !important;
  }
  .u-mt3\@s {
    margin-top: 24px !important;
  }
  .u-mt4\@s {
    margin-top: 32px !important;
  }
  .u-mt5\@s {
    margin-top: 40px !important;
  }
  .u-mt6\@s {
    margin-top: 48px !important;
  }
  .u-mt7\@s {
    margin-top: 56px !important;
  }
  .u-mt8\@s {
    margin-top: 64px !important;
  }
  .u-mt9\@s {
    margin-top: 72px !important;
  }
  .u-mt10\@s {
    margin-top: 80px !important;
  }
  .u-mt11\@s {
    margin-top: 88px !important;
  }
  .u-mt12\@s {
    margin-top: 96px !important;
  }
  .u-mt13\@s {
    margin-top: 104px !important;
  }
  .u-mt14\@s {
    margin-top: 112px !important;
  }
  .u-mt15\@s {
    margin-top: 120px !important;
  }
  .u-mt16\@s {
    margin-top: 128px !important;
  }
  .u-mt17\@s {
    margin-top: 136px !important;
  }
  .u-mt18\@s {
    margin-top: 144px !important;
  }
  .u-mt19\@s {
    margin-top: 152px !important;
  }
  .u-mt20\@s {
    margin-top: 160px !important;
  }
  .u-mt21\@s {
    margin-top: 168px !important;
  }
  .u-mt22\@s {
    margin-top: 176px !important;
  }
  .u-mt23\@s {
    margin-top: 184px !important;
  }
  .u-mt24\@s {
    margin-top: 192px !important;
  }
  .u-mt25\@s {
    margin-top: 200px !important;
  }
  .u-mt26\@s {
    margin-top: 208px !important;
  }
  .u-mt27\@s {
    margin-top: 216px !important;
  }
  .u-mt28\@s {
    margin-top: 224px !important;
  }
  .u-mt29\@s {
    margin-top: 232px !important;
  }
  .u-mt30\@s {
    margin-top: 240px !important;
  }
  .u-mt31\@s {
    margin-top: 248px !important;
  }
  .u-mt32\@s {
    margin-top: 256px !important;
  }
  .u-mt33\@s {
    margin-top: 264px !important;
  }
  .u-mt34\@s {
    margin-top: 272px !important;
  }
  .u-mt35\@s {
    margin-top: 280px !important;
  }
  .u-mt36\@s {
    margin-top: 288px !important;
  }
  .u-mt37\@s {
    margin-top: 296px !important;
  }
  .u-mt38\@s {
    margin-top: 304px !important;
  }
  .u-mt39\@s {
    margin-top: 312px !important;
  }
  .u-mt40\@s {
    margin-top: 320px !important;
  }
  .u-mt41\@s {
    margin-top: 328px !important;
  }
  .u-mt42\@s {
    margin-top: 336px !important;
  }
  .u-mt43\@s {
    margin-top: 344px !important;
  }
  .u-mt44\@s {
    margin-top: 352px !important;
  }
  .u-mt45\@s {
    margin-top: 360px !important;
  }
  .u-mt46\@s {
    margin-top: 368px !important;
  }
  .u-mt47\@s {
    margin-top: 376px !important;
  }
  .u-mt48\@s {
    margin-top: 384px !important;
  }
  .u-mt49\@s {
    margin-top: 392px !important;
  }
  .u-mt50\@s {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-mt1\@s2 {
    margin-top: 8px !important;
  }
  .u-mt2\@s2 {
    margin-top: 16px !important;
  }
  .u-mt3\@s2 {
    margin-top: 24px !important;
  }
  .u-mt4\@s2 {
    margin-top: 32px !important;
  }
  .u-mt5\@s2 {
    margin-top: 40px !important;
  }
  .u-mt6\@s2 {
    margin-top: 48px !important;
  }
  .u-mt7\@s2 {
    margin-top: 56px !important;
  }
  .u-mt8\@s2 {
    margin-top: 64px !important;
  }
  .u-mt9\@s2 {
    margin-top: 72px !important;
  }
  .u-mt10\@s2 {
    margin-top: 80px !important;
  }
  .u-mt11\@s2 {
    margin-top: 88px !important;
  }
  .u-mt12\@s2 {
    margin-top: 96px !important;
  }
  .u-mt13\@s2 {
    margin-top: 104px !important;
  }
  .u-mt14\@s2 {
    margin-top: 112px !important;
  }
  .u-mt15\@s2 {
    margin-top: 120px !important;
  }
  .u-mt16\@s2 {
    margin-top: 128px !important;
  }
  .u-mt17\@s2 {
    margin-top: 136px !important;
  }
  .u-mt18\@s2 {
    margin-top: 144px !important;
  }
  .u-mt19\@s2 {
    margin-top: 152px !important;
  }
  .u-mt20\@s2 {
    margin-top: 160px !important;
  }
  .u-mt21\@s2 {
    margin-top: 168px !important;
  }
  .u-mt22\@s2 {
    margin-top: 176px !important;
  }
  .u-mt23\@s2 {
    margin-top: 184px !important;
  }
  .u-mt24\@s2 {
    margin-top: 192px !important;
  }
  .u-mt25\@s2 {
    margin-top: 200px !important;
  }
  .u-mt26\@s2 {
    margin-top: 208px !important;
  }
  .u-mt27\@s2 {
    margin-top: 216px !important;
  }
  .u-mt28\@s2 {
    margin-top: 224px !important;
  }
  .u-mt29\@s2 {
    margin-top: 232px !important;
  }
  .u-mt30\@s2 {
    margin-top: 240px !important;
  }
  .u-mt31\@s2 {
    margin-top: 248px !important;
  }
  .u-mt32\@s2 {
    margin-top: 256px !important;
  }
  .u-mt33\@s2 {
    margin-top: 264px !important;
  }
  .u-mt34\@s2 {
    margin-top: 272px !important;
  }
  .u-mt35\@s2 {
    margin-top: 280px !important;
  }
  .u-mt36\@s2 {
    margin-top: 288px !important;
  }
  .u-mt37\@s2 {
    margin-top: 296px !important;
  }
  .u-mt38\@s2 {
    margin-top: 304px !important;
  }
  .u-mt39\@s2 {
    margin-top: 312px !important;
  }
  .u-mt40\@s2 {
    margin-top: 320px !important;
  }
  .u-mt41\@s2 {
    margin-top: 328px !important;
  }
  .u-mt42\@s2 {
    margin-top: 336px !important;
  }
  .u-mt43\@s2 {
    margin-top: 344px !important;
  }
  .u-mt44\@s2 {
    margin-top: 352px !important;
  }
  .u-mt45\@s2 {
    margin-top: 360px !important;
  }
  .u-mt46\@s2 {
    margin-top: 368px !important;
  }
  .u-mt47\@s2 {
    margin-top: 376px !important;
  }
  .u-mt48\@s2 {
    margin-top: 384px !important;
  }
  .u-mt49\@s2 {
    margin-top: 392px !important;
  }
  .u-mt50\@s2 {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-mt1\@m {
    margin-top: 8px !important;
  }
  .u-mt2\@m {
    margin-top: 16px !important;
  }
  .u-mt3\@m {
    margin-top: 24px !important;
  }
  .u-mt4\@m {
    margin-top: 32px !important;
  }
  .u-mt5\@m {
    margin-top: 40px !important;
  }
  .u-mt6\@m {
    margin-top: 48px !important;
  }
  .u-mt7\@m {
    margin-top: 56px !important;
  }
  .u-mt8\@m {
    margin-top: 64px !important;
  }
  .u-mt9\@m {
    margin-top: 72px !important;
  }
  .u-mt10\@m {
    margin-top: 80px !important;
  }
  .u-mt11\@m {
    margin-top: 88px !important;
  }
  .u-mt12\@m {
    margin-top: 96px !important;
  }
  .u-mt13\@m {
    margin-top: 104px !important;
  }
  .u-mt14\@m {
    margin-top: 112px !important;
  }
  .u-mt15\@m {
    margin-top: 120px !important;
  }
  .u-mt16\@m {
    margin-top: 128px !important;
  }
  .u-mt17\@m {
    margin-top: 136px !important;
  }
  .u-mt18\@m {
    margin-top: 144px !important;
  }
  .u-mt19\@m {
    margin-top: 152px !important;
  }
  .u-mt20\@m {
    margin-top: 160px !important;
  }
  .u-mt21\@m {
    margin-top: 168px !important;
  }
  .u-mt22\@m {
    margin-top: 176px !important;
  }
  .u-mt23\@m {
    margin-top: 184px !important;
  }
  .u-mt24\@m {
    margin-top: 192px !important;
  }
  .u-mt25\@m {
    margin-top: 200px !important;
  }
  .u-mt26\@m {
    margin-top: 208px !important;
  }
  .u-mt27\@m {
    margin-top: 216px !important;
  }
  .u-mt28\@m {
    margin-top: 224px !important;
  }
  .u-mt29\@m {
    margin-top: 232px !important;
  }
  .u-mt30\@m {
    margin-top: 240px !important;
  }
  .u-mt31\@m {
    margin-top: 248px !important;
  }
  .u-mt32\@m {
    margin-top: 256px !important;
  }
  .u-mt33\@m {
    margin-top: 264px !important;
  }
  .u-mt34\@m {
    margin-top: 272px !important;
  }
  .u-mt35\@m {
    margin-top: 280px !important;
  }
  .u-mt36\@m {
    margin-top: 288px !important;
  }
  .u-mt37\@m {
    margin-top: 296px !important;
  }
  .u-mt38\@m {
    margin-top: 304px !important;
  }
  .u-mt39\@m {
    margin-top: 312px !important;
  }
  .u-mt40\@m {
    margin-top: 320px !important;
  }
  .u-mt41\@m {
    margin-top: 328px !important;
  }
  .u-mt42\@m {
    margin-top: 336px !important;
  }
  .u-mt43\@m {
    margin-top: 344px !important;
  }
  .u-mt44\@m {
    margin-top: 352px !important;
  }
  .u-mt45\@m {
    margin-top: 360px !important;
  }
  .u-mt46\@m {
    margin-top: 368px !important;
  }
  .u-mt47\@m {
    margin-top: 376px !important;
  }
  .u-mt48\@m {
    margin-top: 384px !important;
  }
  .u-mt49\@m {
    margin-top: 392px !important;
  }
  .u-mt50\@m {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt1\@l {
    margin-top: 8px !important;
  }
  .u-mt2\@l {
    margin-top: 16px !important;
  }
  .u-mt3\@l {
    margin-top: 24px !important;
  }
  .u-mt4\@l {
    margin-top: 32px !important;
  }
  .u-mt5\@l {
    margin-top: 40px !important;
  }
  .u-mt6\@l {
    margin-top: 48px !important;
  }
  .u-mt7\@l {
    margin-top: 56px !important;
  }
  .u-mt8\@l {
    margin-top: 64px !important;
  }
  .u-mt9\@l {
    margin-top: 72px !important;
  }
  .u-mt10\@l {
    margin-top: 80px !important;
  }
  .u-mt11\@l {
    margin-top: 88px !important;
  }
  .u-mt12\@l {
    margin-top: 96px !important;
  }
  .u-mt13\@l {
    margin-top: 104px !important;
  }
  .u-mt14\@l {
    margin-top: 112px !important;
  }
  .u-mt15\@l {
    margin-top: 120px !important;
  }
  .u-mt16\@l {
    margin-top: 128px !important;
  }
  .u-mt17\@l {
    margin-top: 136px !important;
  }
  .u-mt18\@l {
    margin-top: 144px !important;
  }
  .u-mt19\@l {
    margin-top: 152px !important;
  }
  .u-mt20\@l {
    margin-top: 160px !important;
  }
  .u-mt21\@l {
    margin-top: 168px !important;
  }
  .u-mt22\@l {
    margin-top: 176px !important;
  }
  .u-mt23\@l {
    margin-top: 184px !important;
  }
  .u-mt24\@l {
    margin-top: 192px !important;
  }
  .u-mt25\@l {
    margin-top: 200px !important;
  }
  .u-mt26\@l {
    margin-top: 208px !important;
  }
  .u-mt27\@l {
    margin-top: 216px !important;
  }
  .u-mt28\@l {
    margin-top: 224px !important;
  }
  .u-mt29\@l {
    margin-top: 232px !important;
  }
  .u-mt30\@l {
    margin-top: 240px !important;
  }
  .u-mt31\@l {
    margin-top: 248px !important;
  }
  .u-mt32\@l {
    margin-top: 256px !important;
  }
  .u-mt33\@l {
    margin-top: 264px !important;
  }
  .u-mt34\@l {
    margin-top: 272px !important;
  }
  .u-mt35\@l {
    margin-top: 280px !important;
  }
  .u-mt36\@l {
    margin-top: 288px !important;
  }
  .u-mt37\@l {
    margin-top: 296px !important;
  }
  .u-mt38\@l {
    margin-top: 304px !important;
  }
  .u-mt39\@l {
    margin-top: 312px !important;
  }
  .u-mt40\@l {
    margin-top: 320px !important;
  }
  .u-mt41\@l {
    margin-top: 328px !important;
  }
  .u-mt42\@l {
    margin-top: 336px !important;
  }
  .u-mt43\@l {
    margin-top: 344px !important;
  }
  .u-mt44\@l {
    margin-top: 352px !important;
  }
  .u-mt45\@l {
    margin-top: 360px !important;
  }
  .u-mt46\@l {
    margin-top: 368px !important;
  }
  .u-mt47\@l {
    margin-top: 376px !important;
  }
  .u-mt48\@l {
    margin-top: 384px !important;
  }
  .u-mt49\@l {
    margin-top: 392px !important;
  }
  .u-mt50\@l {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-mt1\@base {
    margin-top: 8px !important;
  }
  .u-mt2\@base {
    margin-top: 16px !important;
  }
  .u-mt3\@base {
    margin-top: 24px !important;
  }
  .u-mt4\@base {
    margin-top: 32px !important;
  }
  .u-mt5\@base {
    margin-top: 40px !important;
  }
  .u-mt6\@base {
    margin-top: 48px !important;
  }
  .u-mt7\@base {
    margin-top: 56px !important;
  }
  .u-mt8\@base {
    margin-top: 64px !important;
  }
  .u-mt9\@base {
    margin-top: 72px !important;
  }
  .u-mt10\@base {
    margin-top: 80px !important;
  }
  .u-mt11\@base {
    margin-top: 88px !important;
  }
  .u-mt12\@base {
    margin-top: 96px !important;
  }
  .u-mt13\@base {
    margin-top: 104px !important;
  }
  .u-mt14\@base {
    margin-top: 112px !important;
  }
  .u-mt15\@base {
    margin-top: 120px !important;
  }
  .u-mt16\@base {
    margin-top: 128px !important;
  }
  .u-mt17\@base {
    margin-top: 136px !important;
  }
  .u-mt18\@base {
    margin-top: 144px !important;
  }
  .u-mt19\@base {
    margin-top: 152px !important;
  }
  .u-mt20\@base {
    margin-top: 160px !important;
  }
  .u-mt21\@base {
    margin-top: 168px !important;
  }
  .u-mt22\@base {
    margin-top: 176px !important;
  }
  .u-mt23\@base {
    margin-top: 184px !important;
  }
  .u-mt24\@base {
    margin-top: 192px !important;
  }
  .u-mt25\@base {
    margin-top: 200px !important;
  }
  .u-mt26\@base {
    margin-top: 208px !important;
  }
  .u-mt27\@base {
    margin-top: 216px !important;
  }
  .u-mt28\@base {
    margin-top: 224px !important;
  }
  .u-mt29\@base {
    margin-top: 232px !important;
  }
  .u-mt30\@base {
    margin-top: 240px !important;
  }
  .u-mt31\@base {
    margin-top: 248px !important;
  }
  .u-mt32\@base {
    margin-top: 256px !important;
  }
  .u-mt33\@base {
    margin-top: 264px !important;
  }
  .u-mt34\@base {
    margin-top: 272px !important;
  }
  .u-mt35\@base {
    margin-top: 280px !important;
  }
  .u-mt36\@base {
    margin-top: 288px !important;
  }
  .u-mt37\@base {
    margin-top: 296px !important;
  }
  .u-mt38\@base {
    margin-top: 304px !important;
  }
  .u-mt39\@base {
    margin-top: 312px !important;
  }
  .u-mt40\@base {
    margin-top: 320px !important;
  }
  .u-mt41\@base {
    margin-top: 328px !important;
  }
  .u-mt42\@base {
    margin-top: 336px !important;
  }
  .u-mt43\@base {
    margin-top: 344px !important;
  }
  .u-mt44\@base {
    margin-top: 352px !important;
  }
  .u-mt45\@base {
    margin-top: 360px !important;
  }
  .u-mt46\@base {
    margin-top: 368px !important;
  }
  .u-mt47\@base {
    margin-top: 376px !important;
  }
  .u-mt48\@base {
    margin-top: 384px !important;
  }
  .u-mt49\@base {
    margin-top: 392px !important;
  }
  .u-mt50\@base {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-mt1\@xl {
    margin-top: 8px !important;
  }
  .u-mt2\@xl {
    margin-top: 16px !important;
  }
  .u-mt3\@xl {
    margin-top: 24px !important;
  }
  .u-mt4\@xl {
    margin-top: 32px !important;
  }
  .u-mt5\@xl {
    margin-top: 40px !important;
  }
  .u-mt6\@xl {
    margin-top: 48px !important;
  }
  .u-mt7\@xl {
    margin-top: 56px !important;
  }
  .u-mt8\@xl {
    margin-top: 64px !important;
  }
  .u-mt9\@xl {
    margin-top: 72px !important;
  }
  .u-mt10\@xl {
    margin-top: 80px !important;
  }
  .u-mt11\@xl {
    margin-top: 88px !important;
  }
  .u-mt12\@xl {
    margin-top: 96px !important;
  }
  .u-mt13\@xl {
    margin-top: 104px !important;
  }
  .u-mt14\@xl {
    margin-top: 112px !important;
  }
  .u-mt15\@xl {
    margin-top: 120px !important;
  }
  .u-mt16\@xl {
    margin-top: 128px !important;
  }
  .u-mt17\@xl {
    margin-top: 136px !important;
  }
  .u-mt18\@xl {
    margin-top: 144px !important;
  }
  .u-mt19\@xl {
    margin-top: 152px !important;
  }
  .u-mt20\@xl {
    margin-top: 160px !important;
  }
  .u-mt21\@xl {
    margin-top: 168px !important;
  }
  .u-mt22\@xl {
    margin-top: 176px !important;
  }
  .u-mt23\@xl {
    margin-top: 184px !important;
  }
  .u-mt24\@xl {
    margin-top: 192px !important;
  }
  .u-mt25\@xl {
    margin-top: 200px !important;
  }
  .u-mt26\@xl {
    margin-top: 208px !important;
  }
  .u-mt27\@xl {
    margin-top: 216px !important;
  }
  .u-mt28\@xl {
    margin-top: 224px !important;
  }
  .u-mt29\@xl {
    margin-top: 232px !important;
  }
  .u-mt30\@xl {
    margin-top: 240px !important;
  }
  .u-mt31\@xl {
    margin-top: 248px !important;
  }
  .u-mt32\@xl {
    margin-top: 256px !important;
  }
  .u-mt33\@xl {
    margin-top: 264px !important;
  }
  .u-mt34\@xl {
    margin-top: 272px !important;
  }
  .u-mt35\@xl {
    margin-top: 280px !important;
  }
  .u-mt36\@xl {
    margin-top: 288px !important;
  }
  .u-mt37\@xl {
    margin-top: 296px !important;
  }
  .u-mt38\@xl {
    margin-top: 304px !important;
  }
  .u-mt39\@xl {
    margin-top: 312px !important;
  }
  .u-mt40\@xl {
    margin-top: 320px !important;
  }
  .u-mt41\@xl {
    margin-top: 328px !important;
  }
  .u-mt42\@xl {
    margin-top: 336px !important;
  }
  .u-mt43\@xl {
    margin-top: 344px !important;
  }
  .u-mt44\@xl {
    margin-top: 352px !important;
  }
  .u-mt45\@xl {
    margin-top: 360px !important;
  }
  .u-mt46\@xl {
    margin-top: 368px !important;
  }
  .u-mt47\@xl {
    margin-top: 376px !important;
  }
  .u-mt48\@xl {
    margin-top: 384px !important;
  }
  .u-mt49\@xl {
    margin-top: 392px !important;
  }
  .u-mt50\@xl {
    margin-top: 400px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-mt1\@xxl {
    margin-top: 8px !important;
  }
  .u-mt2\@xxl {
    margin-top: 16px !important;
  }
  .u-mt3\@xxl {
    margin-top: 24px !important;
  }
  .u-mt4\@xxl {
    margin-top: 32px !important;
  }
  .u-mt5\@xxl {
    margin-top: 40px !important;
  }
  .u-mt6\@xxl {
    margin-top: 48px !important;
  }
  .u-mt7\@xxl {
    margin-top: 56px !important;
  }
  .u-mt8\@xxl {
    margin-top: 64px !important;
  }
  .u-mt9\@xxl {
    margin-top: 72px !important;
  }
  .u-mt10\@xxl {
    margin-top: 80px !important;
  }
  .u-mt11\@xxl {
    margin-top: 88px !important;
  }
  .u-mt12\@xxl {
    margin-top: 96px !important;
  }
  .u-mt13\@xxl {
    margin-top: 104px !important;
  }
  .u-mt14\@xxl {
    margin-top: 112px !important;
  }
  .u-mt15\@xxl {
    margin-top: 120px !important;
  }
  .u-mt16\@xxl {
    margin-top: 128px !important;
  }
  .u-mt17\@xxl {
    margin-top: 136px !important;
  }
  .u-mt18\@xxl {
    margin-top: 144px !important;
  }
  .u-mt19\@xxl {
    margin-top: 152px !important;
  }
  .u-mt20\@xxl {
    margin-top: 160px !important;
  }
  .u-mt21\@xxl {
    margin-top: 168px !important;
  }
  .u-mt22\@xxl {
    margin-top: 176px !important;
  }
  .u-mt23\@xxl {
    margin-top: 184px !important;
  }
  .u-mt24\@xxl {
    margin-top: 192px !important;
  }
  .u-mt25\@xxl {
    margin-top: 200px !important;
  }
  .u-mt26\@xxl {
    margin-top: 208px !important;
  }
  .u-mt27\@xxl {
    margin-top: 216px !important;
  }
  .u-mt28\@xxl {
    margin-top: 224px !important;
  }
  .u-mt29\@xxl {
    margin-top: 232px !important;
  }
  .u-mt30\@xxl {
    margin-top: 240px !important;
  }
  .u-mt31\@xxl {
    margin-top: 248px !important;
  }
  .u-mt32\@xxl {
    margin-top: 256px !important;
  }
  .u-mt33\@xxl {
    margin-top: 264px !important;
  }
  .u-mt34\@xxl {
    margin-top: 272px !important;
  }
  .u-mt35\@xxl {
    margin-top: 280px !important;
  }
  .u-mt36\@xxl {
    margin-top: 288px !important;
  }
  .u-mt37\@xxl {
    margin-top: 296px !important;
  }
  .u-mt38\@xxl {
    margin-top: 304px !important;
  }
  .u-mt39\@xxl {
    margin-top: 312px !important;
  }
  .u-mt40\@xxl {
    margin-top: 320px !important;
  }
  .u-mt41\@xxl {
    margin-top: 328px !important;
  }
  .u-mt42\@xxl {
    margin-top: 336px !important;
  }
  .u-mt43\@xxl {
    margin-top: 344px !important;
  }
  .u-mt44\@xxl {
    margin-top: 352px !important;
  }
  .u-mt45\@xxl {
    margin-top: 360px !important;
  }
  .u-mt46\@xxl {
    margin-top: 368px !important;
  }
  .u-mt47\@xxl {
    margin-top: 376px !important;
  }
  .u-mt48\@xxl {
    margin-top: 384px !important;
  }
  .u-mt49\@xxl {
    margin-top: 392px !important;
  }
  .u-mt50\@xxl {
    margin-top: 400px !important;
  }
}
.u-mt-none {
  margin-top: 0 !important;
}
@media screen and (min-width: 400px) {
  .u-mt-none\@xs {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-mt-none\@s {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-mt-none\@s2 {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-mt-none\@m {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt-none\@l {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-mt-none\@base {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-mt-none\@xl {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-mt-none\@xxl {
    margin-top: 0 !important;
  }
}

.u-mr1 {
  margin-right: 8px !important;
}

.u-mr2 {
  margin-right: 16px !important;
}

.u-mr3 {
  margin-right: 24px !important;
}

.u-mr4 {
  margin-right: 32px !important;
}

.u-mr5 {
  margin-right: 40px !important;
}

.u-mr6 {
  margin-right: 48px !important;
}

.u-mr7 {
  margin-right: 56px !important;
}

.u-mr8 {
  margin-right: 64px !important;
}

.u-mr9 {
  margin-right: 72px !important;
}

.u-mr10 {
  margin-right: 80px !important;
}

.u-mr11 {
  margin-right: 88px !important;
}

.u-mr12 {
  margin-right: 96px !important;
}

.u-mr13 {
  margin-right: 104px !important;
}

.u-mr14 {
  margin-right: 112px !important;
}

.u-mr15 {
  margin-right: 120px !important;
}

.u-mr16 {
  margin-right: 128px !important;
}

.u-mr17 {
  margin-right: 136px !important;
}

.u-mr18 {
  margin-right: 144px !important;
}

.u-mr19 {
  margin-right: 152px !important;
}

.u-mr20 {
  margin-right: 160px !important;
}

.u-mr21 {
  margin-right: 168px !important;
}

.u-mr22 {
  margin-right: 176px !important;
}

.u-mr23 {
  margin-right: 184px !important;
}

.u-mr24 {
  margin-right: 192px !important;
}

.u-mr25 {
  margin-right: 200px !important;
}

.u-mr26 {
  margin-right: 208px !important;
}

.u-mr27 {
  margin-right: 216px !important;
}

.u-mr28 {
  margin-right: 224px !important;
}

.u-mr29 {
  margin-right: 232px !important;
}

.u-mr30 {
  margin-right: 240px !important;
}

.u-mr31 {
  margin-right: 248px !important;
}

.u-mr32 {
  margin-right: 256px !important;
}

.u-mr33 {
  margin-right: 264px !important;
}

.u-mr34 {
  margin-right: 272px !important;
}

.u-mr35 {
  margin-right: 280px !important;
}

.u-mr36 {
  margin-right: 288px !important;
}

.u-mr37 {
  margin-right: 296px !important;
}

.u-mr38 {
  margin-right: 304px !important;
}

.u-mr39 {
  margin-right: 312px !important;
}

.u-mr40 {
  margin-right: 320px !important;
}

.u-mr41 {
  margin-right: 328px !important;
}

.u-mr42 {
  margin-right: 336px !important;
}

.u-mr43 {
  margin-right: 344px !important;
}

.u-mr44 {
  margin-right: 352px !important;
}

.u-mr45 {
  margin-right: 360px !important;
}

.u-mr46 {
  margin-right: 368px !important;
}

.u-mr47 {
  margin-right: 376px !important;
}

.u-mr48 {
  margin-right: 384px !important;
}

.u-mr49 {
  margin-right: 392px !important;
}

.u-mr50 {
  margin-right: 400px !important;
}

@media screen and (min-width: 400px) {
  .u-mr1\@xs {
    margin-right: 8px !important;
  }
  .u-mr2\@xs {
    margin-right: 16px !important;
  }
  .u-mr3\@xs {
    margin-right: 24px !important;
  }
  .u-mr4\@xs {
    margin-right: 32px !important;
  }
  .u-mr5\@xs {
    margin-right: 40px !important;
  }
  .u-mr6\@xs {
    margin-right: 48px !important;
  }
  .u-mr7\@xs {
    margin-right: 56px !important;
  }
  .u-mr8\@xs {
    margin-right: 64px !important;
  }
  .u-mr9\@xs {
    margin-right: 72px !important;
  }
  .u-mr10\@xs {
    margin-right: 80px !important;
  }
  .u-mr11\@xs {
    margin-right: 88px !important;
  }
  .u-mr12\@xs {
    margin-right: 96px !important;
  }
  .u-mr13\@xs {
    margin-right: 104px !important;
  }
  .u-mr14\@xs {
    margin-right: 112px !important;
  }
  .u-mr15\@xs {
    margin-right: 120px !important;
  }
  .u-mr16\@xs {
    margin-right: 128px !important;
  }
  .u-mr17\@xs {
    margin-right: 136px !important;
  }
  .u-mr18\@xs {
    margin-right: 144px !important;
  }
  .u-mr19\@xs {
    margin-right: 152px !important;
  }
  .u-mr20\@xs {
    margin-right: 160px !important;
  }
  .u-mr21\@xs {
    margin-right: 168px !important;
  }
  .u-mr22\@xs {
    margin-right: 176px !important;
  }
  .u-mr23\@xs {
    margin-right: 184px !important;
  }
  .u-mr24\@xs {
    margin-right: 192px !important;
  }
  .u-mr25\@xs {
    margin-right: 200px !important;
  }
  .u-mr26\@xs {
    margin-right: 208px !important;
  }
  .u-mr27\@xs {
    margin-right: 216px !important;
  }
  .u-mr28\@xs {
    margin-right: 224px !important;
  }
  .u-mr29\@xs {
    margin-right: 232px !important;
  }
  .u-mr30\@xs {
    margin-right: 240px !important;
  }
  .u-mr31\@xs {
    margin-right: 248px !important;
  }
  .u-mr32\@xs {
    margin-right: 256px !important;
  }
  .u-mr33\@xs {
    margin-right: 264px !important;
  }
  .u-mr34\@xs {
    margin-right: 272px !important;
  }
  .u-mr35\@xs {
    margin-right: 280px !important;
  }
  .u-mr36\@xs {
    margin-right: 288px !important;
  }
  .u-mr37\@xs {
    margin-right: 296px !important;
  }
  .u-mr38\@xs {
    margin-right: 304px !important;
  }
  .u-mr39\@xs {
    margin-right: 312px !important;
  }
  .u-mr40\@xs {
    margin-right: 320px !important;
  }
  .u-mr41\@xs {
    margin-right: 328px !important;
  }
  .u-mr42\@xs {
    margin-right: 336px !important;
  }
  .u-mr43\@xs {
    margin-right: 344px !important;
  }
  .u-mr44\@xs {
    margin-right: 352px !important;
  }
  .u-mr45\@xs {
    margin-right: 360px !important;
  }
  .u-mr46\@xs {
    margin-right: 368px !important;
  }
  .u-mr47\@xs {
    margin-right: 376px !important;
  }
  .u-mr48\@xs {
    margin-right: 384px !important;
  }
  .u-mr49\@xs {
    margin-right: 392px !important;
  }
  .u-mr50\@xs {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-mr1\@s {
    margin-right: 8px !important;
  }
  .u-mr2\@s {
    margin-right: 16px !important;
  }
  .u-mr3\@s {
    margin-right: 24px !important;
  }
  .u-mr4\@s {
    margin-right: 32px !important;
  }
  .u-mr5\@s {
    margin-right: 40px !important;
  }
  .u-mr6\@s {
    margin-right: 48px !important;
  }
  .u-mr7\@s {
    margin-right: 56px !important;
  }
  .u-mr8\@s {
    margin-right: 64px !important;
  }
  .u-mr9\@s {
    margin-right: 72px !important;
  }
  .u-mr10\@s {
    margin-right: 80px !important;
  }
  .u-mr11\@s {
    margin-right: 88px !important;
  }
  .u-mr12\@s {
    margin-right: 96px !important;
  }
  .u-mr13\@s {
    margin-right: 104px !important;
  }
  .u-mr14\@s {
    margin-right: 112px !important;
  }
  .u-mr15\@s {
    margin-right: 120px !important;
  }
  .u-mr16\@s {
    margin-right: 128px !important;
  }
  .u-mr17\@s {
    margin-right: 136px !important;
  }
  .u-mr18\@s {
    margin-right: 144px !important;
  }
  .u-mr19\@s {
    margin-right: 152px !important;
  }
  .u-mr20\@s {
    margin-right: 160px !important;
  }
  .u-mr21\@s {
    margin-right: 168px !important;
  }
  .u-mr22\@s {
    margin-right: 176px !important;
  }
  .u-mr23\@s {
    margin-right: 184px !important;
  }
  .u-mr24\@s {
    margin-right: 192px !important;
  }
  .u-mr25\@s {
    margin-right: 200px !important;
  }
  .u-mr26\@s {
    margin-right: 208px !important;
  }
  .u-mr27\@s {
    margin-right: 216px !important;
  }
  .u-mr28\@s {
    margin-right: 224px !important;
  }
  .u-mr29\@s {
    margin-right: 232px !important;
  }
  .u-mr30\@s {
    margin-right: 240px !important;
  }
  .u-mr31\@s {
    margin-right: 248px !important;
  }
  .u-mr32\@s {
    margin-right: 256px !important;
  }
  .u-mr33\@s {
    margin-right: 264px !important;
  }
  .u-mr34\@s {
    margin-right: 272px !important;
  }
  .u-mr35\@s {
    margin-right: 280px !important;
  }
  .u-mr36\@s {
    margin-right: 288px !important;
  }
  .u-mr37\@s {
    margin-right: 296px !important;
  }
  .u-mr38\@s {
    margin-right: 304px !important;
  }
  .u-mr39\@s {
    margin-right: 312px !important;
  }
  .u-mr40\@s {
    margin-right: 320px !important;
  }
  .u-mr41\@s {
    margin-right: 328px !important;
  }
  .u-mr42\@s {
    margin-right: 336px !important;
  }
  .u-mr43\@s {
    margin-right: 344px !important;
  }
  .u-mr44\@s {
    margin-right: 352px !important;
  }
  .u-mr45\@s {
    margin-right: 360px !important;
  }
  .u-mr46\@s {
    margin-right: 368px !important;
  }
  .u-mr47\@s {
    margin-right: 376px !important;
  }
  .u-mr48\@s {
    margin-right: 384px !important;
  }
  .u-mr49\@s {
    margin-right: 392px !important;
  }
  .u-mr50\@s {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-mr1\@s2 {
    margin-right: 8px !important;
  }
  .u-mr2\@s2 {
    margin-right: 16px !important;
  }
  .u-mr3\@s2 {
    margin-right: 24px !important;
  }
  .u-mr4\@s2 {
    margin-right: 32px !important;
  }
  .u-mr5\@s2 {
    margin-right: 40px !important;
  }
  .u-mr6\@s2 {
    margin-right: 48px !important;
  }
  .u-mr7\@s2 {
    margin-right: 56px !important;
  }
  .u-mr8\@s2 {
    margin-right: 64px !important;
  }
  .u-mr9\@s2 {
    margin-right: 72px !important;
  }
  .u-mr10\@s2 {
    margin-right: 80px !important;
  }
  .u-mr11\@s2 {
    margin-right: 88px !important;
  }
  .u-mr12\@s2 {
    margin-right: 96px !important;
  }
  .u-mr13\@s2 {
    margin-right: 104px !important;
  }
  .u-mr14\@s2 {
    margin-right: 112px !important;
  }
  .u-mr15\@s2 {
    margin-right: 120px !important;
  }
  .u-mr16\@s2 {
    margin-right: 128px !important;
  }
  .u-mr17\@s2 {
    margin-right: 136px !important;
  }
  .u-mr18\@s2 {
    margin-right: 144px !important;
  }
  .u-mr19\@s2 {
    margin-right: 152px !important;
  }
  .u-mr20\@s2 {
    margin-right: 160px !important;
  }
  .u-mr21\@s2 {
    margin-right: 168px !important;
  }
  .u-mr22\@s2 {
    margin-right: 176px !important;
  }
  .u-mr23\@s2 {
    margin-right: 184px !important;
  }
  .u-mr24\@s2 {
    margin-right: 192px !important;
  }
  .u-mr25\@s2 {
    margin-right: 200px !important;
  }
  .u-mr26\@s2 {
    margin-right: 208px !important;
  }
  .u-mr27\@s2 {
    margin-right: 216px !important;
  }
  .u-mr28\@s2 {
    margin-right: 224px !important;
  }
  .u-mr29\@s2 {
    margin-right: 232px !important;
  }
  .u-mr30\@s2 {
    margin-right: 240px !important;
  }
  .u-mr31\@s2 {
    margin-right: 248px !important;
  }
  .u-mr32\@s2 {
    margin-right: 256px !important;
  }
  .u-mr33\@s2 {
    margin-right: 264px !important;
  }
  .u-mr34\@s2 {
    margin-right: 272px !important;
  }
  .u-mr35\@s2 {
    margin-right: 280px !important;
  }
  .u-mr36\@s2 {
    margin-right: 288px !important;
  }
  .u-mr37\@s2 {
    margin-right: 296px !important;
  }
  .u-mr38\@s2 {
    margin-right: 304px !important;
  }
  .u-mr39\@s2 {
    margin-right: 312px !important;
  }
  .u-mr40\@s2 {
    margin-right: 320px !important;
  }
  .u-mr41\@s2 {
    margin-right: 328px !important;
  }
  .u-mr42\@s2 {
    margin-right: 336px !important;
  }
  .u-mr43\@s2 {
    margin-right: 344px !important;
  }
  .u-mr44\@s2 {
    margin-right: 352px !important;
  }
  .u-mr45\@s2 {
    margin-right: 360px !important;
  }
  .u-mr46\@s2 {
    margin-right: 368px !important;
  }
  .u-mr47\@s2 {
    margin-right: 376px !important;
  }
  .u-mr48\@s2 {
    margin-right: 384px !important;
  }
  .u-mr49\@s2 {
    margin-right: 392px !important;
  }
  .u-mr50\@s2 {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-mr1\@m {
    margin-right: 8px !important;
  }
  .u-mr2\@m {
    margin-right: 16px !important;
  }
  .u-mr3\@m {
    margin-right: 24px !important;
  }
  .u-mr4\@m {
    margin-right: 32px !important;
  }
  .u-mr5\@m {
    margin-right: 40px !important;
  }
  .u-mr6\@m {
    margin-right: 48px !important;
  }
  .u-mr7\@m {
    margin-right: 56px !important;
  }
  .u-mr8\@m {
    margin-right: 64px !important;
  }
  .u-mr9\@m {
    margin-right: 72px !important;
  }
  .u-mr10\@m {
    margin-right: 80px !important;
  }
  .u-mr11\@m {
    margin-right: 88px !important;
  }
  .u-mr12\@m {
    margin-right: 96px !important;
  }
  .u-mr13\@m {
    margin-right: 104px !important;
  }
  .u-mr14\@m {
    margin-right: 112px !important;
  }
  .u-mr15\@m {
    margin-right: 120px !important;
  }
  .u-mr16\@m {
    margin-right: 128px !important;
  }
  .u-mr17\@m {
    margin-right: 136px !important;
  }
  .u-mr18\@m {
    margin-right: 144px !important;
  }
  .u-mr19\@m {
    margin-right: 152px !important;
  }
  .u-mr20\@m {
    margin-right: 160px !important;
  }
  .u-mr21\@m {
    margin-right: 168px !important;
  }
  .u-mr22\@m {
    margin-right: 176px !important;
  }
  .u-mr23\@m {
    margin-right: 184px !important;
  }
  .u-mr24\@m {
    margin-right: 192px !important;
  }
  .u-mr25\@m {
    margin-right: 200px !important;
  }
  .u-mr26\@m {
    margin-right: 208px !important;
  }
  .u-mr27\@m {
    margin-right: 216px !important;
  }
  .u-mr28\@m {
    margin-right: 224px !important;
  }
  .u-mr29\@m {
    margin-right: 232px !important;
  }
  .u-mr30\@m {
    margin-right: 240px !important;
  }
  .u-mr31\@m {
    margin-right: 248px !important;
  }
  .u-mr32\@m {
    margin-right: 256px !important;
  }
  .u-mr33\@m {
    margin-right: 264px !important;
  }
  .u-mr34\@m {
    margin-right: 272px !important;
  }
  .u-mr35\@m {
    margin-right: 280px !important;
  }
  .u-mr36\@m {
    margin-right: 288px !important;
  }
  .u-mr37\@m {
    margin-right: 296px !important;
  }
  .u-mr38\@m {
    margin-right: 304px !important;
  }
  .u-mr39\@m {
    margin-right: 312px !important;
  }
  .u-mr40\@m {
    margin-right: 320px !important;
  }
  .u-mr41\@m {
    margin-right: 328px !important;
  }
  .u-mr42\@m {
    margin-right: 336px !important;
  }
  .u-mr43\@m {
    margin-right: 344px !important;
  }
  .u-mr44\@m {
    margin-right: 352px !important;
  }
  .u-mr45\@m {
    margin-right: 360px !important;
  }
  .u-mr46\@m {
    margin-right: 368px !important;
  }
  .u-mr47\@m {
    margin-right: 376px !important;
  }
  .u-mr48\@m {
    margin-right: 384px !important;
  }
  .u-mr49\@m {
    margin-right: 392px !important;
  }
  .u-mr50\@m {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr1\@l {
    margin-right: 8px !important;
  }
  .u-mr2\@l {
    margin-right: 16px !important;
  }
  .u-mr3\@l {
    margin-right: 24px !important;
  }
  .u-mr4\@l {
    margin-right: 32px !important;
  }
  .u-mr5\@l {
    margin-right: 40px !important;
  }
  .u-mr6\@l {
    margin-right: 48px !important;
  }
  .u-mr7\@l {
    margin-right: 56px !important;
  }
  .u-mr8\@l {
    margin-right: 64px !important;
  }
  .u-mr9\@l {
    margin-right: 72px !important;
  }
  .u-mr10\@l {
    margin-right: 80px !important;
  }
  .u-mr11\@l {
    margin-right: 88px !important;
  }
  .u-mr12\@l {
    margin-right: 96px !important;
  }
  .u-mr13\@l {
    margin-right: 104px !important;
  }
  .u-mr14\@l {
    margin-right: 112px !important;
  }
  .u-mr15\@l {
    margin-right: 120px !important;
  }
  .u-mr16\@l {
    margin-right: 128px !important;
  }
  .u-mr17\@l {
    margin-right: 136px !important;
  }
  .u-mr18\@l {
    margin-right: 144px !important;
  }
  .u-mr19\@l {
    margin-right: 152px !important;
  }
  .u-mr20\@l {
    margin-right: 160px !important;
  }
  .u-mr21\@l {
    margin-right: 168px !important;
  }
  .u-mr22\@l {
    margin-right: 176px !important;
  }
  .u-mr23\@l {
    margin-right: 184px !important;
  }
  .u-mr24\@l {
    margin-right: 192px !important;
  }
  .u-mr25\@l {
    margin-right: 200px !important;
  }
  .u-mr26\@l {
    margin-right: 208px !important;
  }
  .u-mr27\@l {
    margin-right: 216px !important;
  }
  .u-mr28\@l {
    margin-right: 224px !important;
  }
  .u-mr29\@l {
    margin-right: 232px !important;
  }
  .u-mr30\@l {
    margin-right: 240px !important;
  }
  .u-mr31\@l {
    margin-right: 248px !important;
  }
  .u-mr32\@l {
    margin-right: 256px !important;
  }
  .u-mr33\@l {
    margin-right: 264px !important;
  }
  .u-mr34\@l {
    margin-right: 272px !important;
  }
  .u-mr35\@l {
    margin-right: 280px !important;
  }
  .u-mr36\@l {
    margin-right: 288px !important;
  }
  .u-mr37\@l {
    margin-right: 296px !important;
  }
  .u-mr38\@l {
    margin-right: 304px !important;
  }
  .u-mr39\@l {
    margin-right: 312px !important;
  }
  .u-mr40\@l {
    margin-right: 320px !important;
  }
  .u-mr41\@l {
    margin-right: 328px !important;
  }
  .u-mr42\@l {
    margin-right: 336px !important;
  }
  .u-mr43\@l {
    margin-right: 344px !important;
  }
  .u-mr44\@l {
    margin-right: 352px !important;
  }
  .u-mr45\@l {
    margin-right: 360px !important;
  }
  .u-mr46\@l {
    margin-right: 368px !important;
  }
  .u-mr47\@l {
    margin-right: 376px !important;
  }
  .u-mr48\@l {
    margin-right: 384px !important;
  }
  .u-mr49\@l {
    margin-right: 392px !important;
  }
  .u-mr50\@l {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-mr1\@base {
    margin-right: 8px !important;
  }
  .u-mr2\@base {
    margin-right: 16px !important;
  }
  .u-mr3\@base {
    margin-right: 24px !important;
  }
  .u-mr4\@base {
    margin-right: 32px !important;
  }
  .u-mr5\@base {
    margin-right: 40px !important;
  }
  .u-mr6\@base {
    margin-right: 48px !important;
  }
  .u-mr7\@base {
    margin-right: 56px !important;
  }
  .u-mr8\@base {
    margin-right: 64px !important;
  }
  .u-mr9\@base {
    margin-right: 72px !important;
  }
  .u-mr10\@base {
    margin-right: 80px !important;
  }
  .u-mr11\@base {
    margin-right: 88px !important;
  }
  .u-mr12\@base {
    margin-right: 96px !important;
  }
  .u-mr13\@base {
    margin-right: 104px !important;
  }
  .u-mr14\@base {
    margin-right: 112px !important;
  }
  .u-mr15\@base {
    margin-right: 120px !important;
  }
  .u-mr16\@base {
    margin-right: 128px !important;
  }
  .u-mr17\@base {
    margin-right: 136px !important;
  }
  .u-mr18\@base {
    margin-right: 144px !important;
  }
  .u-mr19\@base {
    margin-right: 152px !important;
  }
  .u-mr20\@base {
    margin-right: 160px !important;
  }
  .u-mr21\@base {
    margin-right: 168px !important;
  }
  .u-mr22\@base {
    margin-right: 176px !important;
  }
  .u-mr23\@base {
    margin-right: 184px !important;
  }
  .u-mr24\@base {
    margin-right: 192px !important;
  }
  .u-mr25\@base {
    margin-right: 200px !important;
  }
  .u-mr26\@base {
    margin-right: 208px !important;
  }
  .u-mr27\@base {
    margin-right: 216px !important;
  }
  .u-mr28\@base {
    margin-right: 224px !important;
  }
  .u-mr29\@base {
    margin-right: 232px !important;
  }
  .u-mr30\@base {
    margin-right: 240px !important;
  }
  .u-mr31\@base {
    margin-right: 248px !important;
  }
  .u-mr32\@base {
    margin-right: 256px !important;
  }
  .u-mr33\@base {
    margin-right: 264px !important;
  }
  .u-mr34\@base {
    margin-right: 272px !important;
  }
  .u-mr35\@base {
    margin-right: 280px !important;
  }
  .u-mr36\@base {
    margin-right: 288px !important;
  }
  .u-mr37\@base {
    margin-right: 296px !important;
  }
  .u-mr38\@base {
    margin-right: 304px !important;
  }
  .u-mr39\@base {
    margin-right: 312px !important;
  }
  .u-mr40\@base {
    margin-right: 320px !important;
  }
  .u-mr41\@base {
    margin-right: 328px !important;
  }
  .u-mr42\@base {
    margin-right: 336px !important;
  }
  .u-mr43\@base {
    margin-right: 344px !important;
  }
  .u-mr44\@base {
    margin-right: 352px !important;
  }
  .u-mr45\@base {
    margin-right: 360px !important;
  }
  .u-mr46\@base {
    margin-right: 368px !important;
  }
  .u-mr47\@base {
    margin-right: 376px !important;
  }
  .u-mr48\@base {
    margin-right: 384px !important;
  }
  .u-mr49\@base {
    margin-right: 392px !important;
  }
  .u-mr50\@base {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-mr1\@xl {
    margin-right: 8px !important;
  }
  .u-mr2\@xl {
    margin-right: 16px !important;
  }
  .u-mr3\@xl {
    margin-right: 24px !important;
  }
  .u-mr4\@xl {
    margin-right: 32px !important;
  }
  .u-mr5\@xl {
    margin-right: 40px !important;
  }
  .u-mr6\@xl {
    margin-right: 48px !important;
  }
  .u-mr7\@xl {
    margin-right: 56px !important;
  }
  .u-mr8\@xl {
    margin-right: 64px !important;
  }
  .u-mr9\@xl {
    margin-right: 72px !important;
  }
  .u-mr10\@xl {
    margin-right: 80px !important;
  }
  .u-mr11\@xl {
    margin-right: 88px !important;
  }
  .u-mr12\@xl {
    margin-right: 96px !important;
  }
  .u-mr13\@xl {
    margin-right: 104px !important;
  }
  .u-mr14\@xl {
    margin-right: 112px !important;
  }
  .u-mr15\@xl {
    margin-right: 120px !important;
  }
  .u-mr16\@xl {
    margin-right: 128px !important;
  }
  .u-mr17\@xl {
    margin-right: 136px !important;
  }
  .u-mr18\@xl {
    margin-right: 144px !important;
  }
  .u-mr19\@xl {
    margin-right: 152px !important;
  }
  .u-mr20\@xl {
    margin-right: 160px !important;
  }
  .u-mr21\@xl {
    margin-right: 168px !important;
  }
  .u-mr22\@xl {
    margin-right: 176px !important;
  }
  .u-mr23\@xl {
    margin-right: 184px !important;
  }
  .u-mr24\@xl {
    margin-right: 192px !important;
  }
  .u-mr25\@xl {
    margin-right: 200px !important;
  }
  .u-mr26\@xl {
    margin-right: 208px !important;
  }
  .u-mr27\@xl {
    margin-right: 216px !important;
  }
  .u-mr28\@xl {
    margin-right: 224px !important;
  }
  .u-mr29\@xl {
    margin-right: 232px !important;
  }
  .u-mr30\@xl {
    margin-right: 240px !important;
  }
  .u-mr31\@xl {
    margin-right: 248px !important;
  }
  .u-mr32\@xl {
    margin-right: 256px !important;
  }
  .u-mr33\@xl {
    margin-right: 264px !important;
  }
  .u-mr34\@xl {
    margin-right: 272px !important;
  }
  .u-mr35\@xl {
    margin-right: 280px !important;
  }
  .u-mr36\@xl {
    margin-right: 288px !important;
  }
  .u-mr37\@xl {
    margin-right: 296px !important;
  }
  .u-mr38\@xl {
    margin-right: 304px !important;
  }
  .u-mr39\@xl {
    margin-right: 312px !important;
  }
  .u-mr40\@xl {
    margin-right: 320px !important;
  }
  .u-mr41\@xl {
    margin-right: 328px !important;
  }
  .u-mr42\@xl {
    margin-right: 336px !important;
  }
  .u-mr43\@xl {
    margin-right: 344px !important;
  }
  .u-mr44\@xl {
    margin-right: 352px !important;
  }
  .u-mr45\@xl {
    margin-right: 360px !important;
  }
  .u-mr46\@xl {
    margin-right: 368px !important;
  }
  .u-mr47\@xl {
    margin-right: 376px !important;
  }
  .u-mr48\@xl {
    margin-right: 384px !important;
  }
  .u-mr49\@xl {
    margin-right: 392px !important;
  }
  .u-mr50\@xl {
    margin-right: 400px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-mr1\@xxl {
    margin-right: 8px !important;
  }
  .u-mr2\@xxl {
    margin-right: 16px !important;
  }
  .u-mr3\@xxl {
    margin-right: 24px !important;
  }
  .u-mr4\@xxl {
    margin-right: 32px !important;
  }
  .u-mr5\@xxl {
    margin-right: 40px !important;
  }
  .u-mr6\@xxl {
    margin-right: 48px !important;
  }
  .u-mr7\@xxl {
    margin-right: 56px !important;
  }
  .u-mr8\@xxl {
    margin-right: 64px !important;
  }
  .u-mr9\@xxl {
    margin-right: 72px !important;
  }
  .u-mr10\@xxl {
    margin-right: 80px !important;
  }
  .u-mr11\@xxl {
    margin-right: 88px !important;
  }
  .u-mr12\@xxl {
    margin-right: 96px !important;
  }
  .u-mr13\@xxl {
    margin-right: 104px !important;
  }
  .u-mr14\@xxl {
    margin-right: 112px !important;
  }
  .u-mr15\@xxl {
    margin-right: 120px !important;
  }
  .u-mr16\@xxl {
    margin-right: 128px !important;
  }
  .u-mr17\@xxl {
    margin-right: 136px !important;
  }
  .u-mr18\@xxl {
    margin-right: 144px !important;
  }
  .u-mr19\@xxl {
    margin-right: 152px !important;
  }
  .u-mr20\@xxl {
    margin-right: 160px !important;
  }
  .u-mr21\@xxl {
    margin-right: 168px !important;
  }
  .u-mr22\@xxl {
    margin-right: 176px !important;
  }
  .u-mr23\@xxl {
    margin-right: 184px !important;
  }
  .u-mr24\@xxl {
    margin-right: 192px !important;
  }
  .u-mr25\@xxl {
    margin-right: 200px !important;
  }
  .u-mr26\@xxl {
    margin-right: 208px !important;
  }
  .u-mr27\@xxl {
    margin-right: 216px !important;
  }
  .u-mr28\@xxl {
    margin-right: 224px !important;
  }
  .u-mr29\@xxl {
    margin-right: 232px !important;
  }
  .u-mr30\@xxl {
    margin-right: 240px !important;
  }
  .u-mr31\@xxl {
    margin-right: 248px !important;
  }
  .u-mr32\@xxl {
    margin-right: 256px !important;
  }
  .u-mr33\@xxl {
    margin-right: 264px !important;
  }
  .u-mr34\@xxl {
    margin-right: 272px !important;
  }
  .u-mr35\@xxl {
    margin-right: 280px !important;
  }
  .u-mr36\@xxl {
    margin-right: 288px !important;
  }
  .u-mr37\@xxl {
    margin-right: 296px !important;
  }
  .u-mr38\@xxl {
    margin-right: 304px !important;
  }
  .u-mr39\@xxl {
    margin-right: 312px !important;
  }
  .u-mr40\@xxl {
    margin-right: 320px !important;
  }
  .u-mr41\@xxl {
    margin-right: 328px !important;
  }
  .u-mr42\@xxl {
    margin-right: 336px !important;
  }
  .u-mr43\@xxl {
    margin-right: 344px !important;
  }
  .u-mr44\@xxl {
    margin-right: 352px !important;
  }
  .u-mr45\@xxl {
    margin-right: 360px !important;
  }
  .u-mr46\@xxl {
    margin-right: 368px !important;
  }
  .u-mr47\@xxl {
    margin-right: 376px !important;
  }
  .u-mr48\@xxl {
    margin-right: 384px !important;
  }
  .u-mr49\@xxl {
    margin-right: 392px !important;
  }
  .u-mr50\@xxl {
    margin-right: 400px !important;
  }
}
.u-mr-none {
  margin-right: 0 !important;
}
@media screen and (min-width: 400px) {
  .u-mr-none\@xs {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-mr-none\@s {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-mr-none\@s2 {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-mr-none\@m {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr-none\@l {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-mr-none\@base {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-mr-none\@xl {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-mr-none\@xxl {
    margin-right: 0 !important;
  }
}

.u-mb1 {
  margin-bottom: 8px !important;
}

.u-mb2 {
  margin-bottom: 16px !important;
}

.u-mb3 {
  margin-bottom: 24px !important;
}

.u-mb4 {
  margin-bottom: 32px !important;
}

.u-mb5 {
  margin-bottom: 40px !important;
}

.u-mb6 {
  margin-bottom: 48px !important;
}

.u-mb7 {
  margin-bottom: 56px !important;
}

.u-mb8 {
  margin-bottom: 64px !important;
}

.u-mb9 {
  margin-bottom: 72px !important;
}

.u-mb10 {
  margin-bottom: 80px !important;
}

.u-mb11 {
  margin-bottom: 88px !important;
}

.u-mb12 {
  margin-bottom: 96px !important;
}

.u-mb13 {
  margin-bottom: 104px !important;
}

.u-mb14 {
  margin-bottom: 112px !important;
}

.u-mb15 {
  margin-bottom: 120px !important;
}

.u-mb16 {
  margin-bottom: 128px !important;
}

.u-mb17 {
  margin-bottom: 136px !important;
}

.u-mb18 {
  margin-bottom: 144px !important;
}

.u-mb19 {
  margin-bottom: 152px !important;
}

.u-mb20 {
  margin-bottom: 160px !important;
}

.u-mb21 {
  margin-bottom: 168px !important;
}

.u-mb22 {
  margin-bottom: 176px !important;
}

.u-mb23 {
  margin-bottom: 184px !important;
}

.u-mb24 {
  margin-bottom: 192px !important;
}

.u-mb25 {
  margin-bottom: 200px !important;
}

.u-mb26 {
  margin-bottom: 208px !important;
}

.u-mb27 {
  margin-bottom: 216px !important;
}

.u-mb28 {
  margin-bottom: 224px !important;
}

.u-mb29 {
  margin-bottom: 232px !important;
}

.u-mb30 {
  margin-bottom: 240px !important;
}

.u-mb31 {
  margin-bottom: 248px !important;
}

.u-mb32 {
  margin-bottom: 256px !important;
}

.u-mb33 {
  margin-bottom: 264px !important;
}

.u-mb34 {
  margin-bottom: 272px !important;
}

.u-mb35 {
  margin-bottom: 280px !important;
}

.u-mb36 {
  margin-bottom: 288px !important;
}

.u-mb37 {
  margin-bottom: 296px !important;
}

.u-mb38 {
  margin-bottom: 304px !important;
}

.u-mb39 {
  margin-bottom: 312px !important;
}

.u-mb40 {
  margin-bottom: 320px !important;
}

.u-mb41 {
  margin-bottom: 328px !important;
}

.u-mb42 {
  margin-bottom: 336px !important;
}

.u-mb43 {
  margin-bottom: 344px !important;
}

.u-mb44 {
  margin-bottom: 352px !important;
}

.u-mb45 {
  margin-bottom: 360px !important;
}

.u-mb46 {
  margin-bottom: 368px !important;
}

.u-mb47 {
  margin-bottom: 376px !important;
}

.u-mb48 {
  margin-bottom: 384px !important;
}

.u-mb49 {
  margin-bottom: 392px !important;
}

.u-mb50 {
  margin-bottom: 400px !important;
}

@media screen and (min-width: 400px) {
  .u-mb1\@xs {
    margin-bottom: 8px !important;
  }
  .u-mb2\@xs {
    margin-bottom: 16px !important;
  }
  .u-mb3\@xs {
    margin-bottom: 24px !important;
  }
  .u-mb4\@xs {
    margin-bottom: 32px !important;
  }
  .u-mb5\@xs {
    margin-bottom: 40px !important;
  }
  .u-mb6\@xs {
    margin-bottom: 48px !important;
  }
  .u-mb7\@xs {
    margin-bottom: 56px !important;
  }
  .u-mb8\@xs {
    margin-bottom: 64px !important;
  }
  .u-mb9\@xs {
    margin-bottom: 72px !important;
  }
  .u-mb10\@xs {
    margin-bottom: 80px !important;
  }
  .u-mb11\@xs {
    margin-bottom: 88px !important;
  }
  .u-mb12\@xs {
    margin-bottom: 96px !important;
  }
  .u-mb13\@xs {
    margin-bottom: 104px !important;
  }
  .u-mb14\@xs {
    margin-bottom: 112px !important;
  }
  .u-mb15\@xs {
    margin-bottom: 120px !important;
  }
  .u-mb16\@xs {
    margin-bottom: 128px !important;
  }
  .u-mb17\@xs {
    margin-bottom: 136px !important;
  }
  .u-mb18\@xs {
    margin-bottom: 144px !important;
  }
  .u-mb19\@xs {
    margin-bottom: 152px !important;
  }
  .u-mb20\@xs {
    margin-bottom: 160px !important;
  }
  .u-mb21\@xs {
    margin-bottom: 168px !important;
  }
  .u-mb22\@xs {
    margin-bottom: 176px !important;
  }
  .u-mb23\@xs {
    margin-bottom: 184px !important;
  }
  .u-mb24\@xs {
    margin-bottom: 192px !important;
  }
  .u-mb25\@xs {
    margin-bottom: 200px !important;
  }
  .u-mb26\@xs {
    margin-bottom: 208px !important;
  }
  .u-mb27\@xs {
    margin-bottom: 216px !important;
  }
  .u-mb28\@xs {
    margin-bottom: 224px !important;
  }
  .u-mb29\@xs {
    margin-bottom: 232px !important;
  }
  .u-mb30\@xs {
    margin-bottom: 240px !important;
  }
  .u-mb31\@xs {
    margin-bottom: 248px !important;
  }
  .u-mb32\@xs {
    margin-bottom: 256px !important;
  }
  .u-mb33\@xs {
    margin-bottom: 264px !important;
  }
  .u-mb34\@xs {
    margin-bottom: 272px !important;
  }
  .u-mb35\@xs {
    margin-bottom: 280px !important;
  }
  .u-mb36\@xs {
    margin-bottom: 288px !important;
  }
  .u-mb37\@xs {
    margin-bottom: 296px !important;
  }
  .u-mb38\@xs {
    margin-bottom: 304px !important;
  }
  .u-mb39\@xs {
    margin-bottom: 312px !important;
  }
  .u-mb40\@xs {
    margin-bottom: 320px !important;
  }
  .u-mb41\@xs {
    margin-bottom: 328px !important;
  }
  .u-mb42\@xs {
    margin-bottom: 336px !important;
  }
  .u-mb43\@xs {
    margin-bottom: 344px !important;
  }
  .u-mb44\@xs {
    margin-bottom: 352px !important;
  }
  .u-mb45\@xs {
    margin-bottom: 360px !important;
  }
  .u-mb46\@xs {
    margin-bottom: 368px !important;
  }
  .u-mb47\@xs {
    margin-bottom: 376px !important;
  }
  .u-mb48\@xs {
    margin-bottom: 384px !important;
  }
  .u-mb49\@xs {
    margin-bottom: 392px !important;
  }
  .u-mb50\@xs {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-mb1\@s {
    margin-bottom: 8px !important;
  }
  .u-mb2\@s {
    margin-bottom: 16px !important;
  }
  .u-mb3\@s {
    margin-bottom: 24px !important;
  }
  .u-mb4\@s {
    margin-bottom: 32px !important;
  }
  .u-mb5\@s {
    margin-bottom: 40px !important;
  }
  .u-mb6\@s {
    margin-bottom: 48px !important;
  }
  .u-mb7\@s {
    margin-bottom: 56px !important;
  }
  .u-mb8\@s {
    margin-bottom: 64px !important;
  }
  .u-mb9\@s {
    margin-bottom: 72px !important;
  }
  .u-mb10\@s {
    margin-bottom: 80px !important;
  }
  .u-mb11\@s {
    margin-bottom: 88px !important;
  }
  .u-mb12\@s {
    margin-bottom: 96px !important;
  }
  .u-mb13\@s {
    margin-bottom: 104px !important;
  }
  .u-mb14\@s {
    margin-bottom: 112px !important;
  }
  .u-mb15\@s {
    margin-bottom: 120px !important;
  }
  .u-mb16\@s {
    margin-bottom: 128px !important;
  }
  .u-mb17\@s {
    margin-bottom: 136px !important;
  }
  .u-mb18\@s {
    margin-bottom: 144px !important;
  }
  .u-mb19\@s {
    margin-bottom: 152px !important;
  }
  .u-mb20\@s {
    margin-bottom: 160px !important;
  }
  .u-mb21\@s {
    margin-bottom: 168px !important;
  }
  .u-mb22\@s {
    margin-bottom: 176px !important;
  }
  .u-mb23\@s {
    margin-bottom: 184px !important;
  }
  .u-mb24\@s {
    margin-bottom: 192px !important;
  }
  .u-mb25\@s {
    margin-bottom: 200px !important;
  }
  .u-mb26\@s {
    margin-bottom: 208px !important;
  }
  .u-mb27\@s {
    margin-bottom: 216px !important;
  }
  .u-mb28\@s {
    margin-bottom: 224px !important;
  }
  .u-mb29\@s {
    margin-bottom: 232px !important;
  }
  .u-mb30\@s {
    margin-bottom: 240px !important;
  }
  .u-mb31\@s {
    margin-bottom: 248px !important;
  }
  .u-mb32\@s {
    margin-bottom: 256px !important;
  }
  .u-mb33\@s {
    margin-bottom: 264px !important;
  }
  .u-mb34\@s {
    margin-bottom: 272px !important;
  }
  .u-mb35\@s {
    margin-bottom: 280px !important;
  }
  .u-mb36\@s {
    margin-bottom: 288px !important;
  }
  .u-mb37\@s {
    margin-bottom: 296px !important;
  }
  .u-mb38\@s {
    margin-bottom: 304px !important;
  }
  .u-mb39\@s {
    margin-bottom: 312px !important;
  }
  .u-mb40\@s {
    margin-bottom: 320px !important;
  }
  .u-mb41\@s {
    margin-bottom: 328px !important;
  }
  .u-mb42\@s {
    margin-bottom: 336px !important;
  }
  .u-mb43\@s {
    margin-bottom: 344px !important;
  }
  .u-mb44\@s {
    margin-bottom: 352px !important;
  }
  .u-mb45\@s {
    margin-bottom: 360px !important;
  }
  .u-mb46\@s {
    margin-bottom: 368px !important;
  }
  .u-mb47\@s {
    margin-bottom: 376px !important;
  }
  .u-mb48\@s {
    margin-bottom: 384px !important;
  }
  .u-mb49\@s {
    margin-bottom: 392px !important;
  }
  .u-mb50\@s {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-mb1\@s2 {
    margin-bottom: 8px !important;
  }
  .u-mb2\@s2 {
    margin-bottom: 16px !important;
  }
  .u-mb3\@s2 {
    margin-bottom: 24px !important;
  }
  .u-mb4\@s2 {
    margin-bottom: 32px !important;
  }
  .u-mb5\@s2 {
    margin-bottom: 40px !important;
  }
  .u-mb6\@s2 {
    margin-bottom: 48px !important;
  }
  .u-mb7\@s2 {
    margin-bottom: 56px !important;
  }
  .u-mb8\@s2 {
    margin-bottom: 64px !important;
  }
  .u-mb9\@s2 {
    margin-bottom: 72px !important;
  }
  .u-mb10\@s2 {
    margin-bottom: 80px !important;
  }
  .u-mb11\@s2 {
    margin-bottom: 88px !important;
  }
  .u-mb12\@s2 {
    margin-bottom: 96px !important;
  }
  .u-mb13\@s2 {
    margin-bottom: 104px !important;
  }
  .u-mb14\@s2 {
    margin-bottom: 112px !important;
  }
  .u-mb15\@s2 {
    margin-bottom: 120px !important;
  }
  .u-mb16\@s2 {
    margin-bottom: 128px !important;
  }
  .u-mb17\@s2 {
    margin-bottom: 136px !important;
  }
  .u-mb18\@s2 {
    margin-bottom: 144px !important;
  }
  .u-mb19\@s2 {
    margin-bottom: 152px !important;
  }
  .u-mb20\@s2 {
    margin-bottom: 160px !important;
  }
  .u-mb21\@s2 {
    margin-bottom: 168px !important;
  }
  .u-mb22\@s2 {
    margin-bottom: 176px !important;
  }
  .u-mb23\@s2 {
    margin-bottom: 184px !important;
  }
  .u-mb24\@s2 {
    margin-bottom: 192px !important;
  }
  .u-mb25\@s2 {
    margin-bottom: 200px !important;
  }
  .u-mb26\@s2 {
    margin-bottom: 208px !important;
  }
  .u-mb27\@s2 {
    margin-bottom: 216px !important;
  }
  .u-mb28\@s2 {
    margin-bottom: 224px !important;
  }
  .u-mb29\@s2 {
    margin-bottom: 232px !important;
  }
  .u-mb30\@s2 {
    margin-bottom: 240px !important;
  }
  .u-mb31\@s2 {
    margin-bottom: 248px !important;
  }
  .u-mb32\@s2 {
    margin-bottom: 256px !important;
  }
  .u-mb33\@s2 {
    margin-bottom: 264px !important;
  }
  .u-mb34\@s2 {
    margin-bottom: 272px !important;
  }
  .u-mb35\@s2 {
    margin-bottom: 280px !important;
  }
  .u-mb36\@s2 {
    margin-bottom: 288px !important;
  }
  .u-mb37\@s2 {
    margin-bottom: 296px !important;
  }
  .u-mb38\@s2 {
    margin-bottom: 304px !important;
  }
  .u-mb39\@s2 {
    margin-bottom: 312px !important;
  }
  .u-mb40\@s2 {
    margin-bottom: 320px !important;
  }
  .u-mb41\@s2 {
    margin-bottom: 328px !important;
  }
  .u-mb42\@s2 {
    margin-bottom: 336px !important;
  }
  .u-mb43\@s2 {
    margin-bottom: 344px !important;
  }
  .u-mb44\@s2 {
    margin-bottom: 352px !important;
  }
  .u-mb45\@s2 {
    margin-bottom: 360px !important;
  }
  .u-mb46\@s2 {
    margin-bottom: 368px !important;
  }
  .u-mb47\@s2 {
    margin-bottom: 376px !important;
  }
  .u-mb48\@s2 {
    margin-bottom: 384px !important;
  }
  .u-mb49\@s2 {
    margin-bottom: 392px !important;
  }
  .u-mb50\@s2 {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-mb1\@m {
    margin-bottom: 8px !important;
  }
  .u-mb2\@m {
    margin-bottom: 16px !important;
  }
  .u-mb3\@m {
    margin-bottom: 24px !important;
  }
  .u-mb4\@m {
    margin-bottom: 32px !important;
  }
  .u-mb5\@m {
    margin-bottom: 40px !important;
  }
  .u-mb6\@m {
    margin-bottom: 48px !important;
  }
  .u-mb7\@m {
    margin-bottom: 56px !important;
  }
  .u-mb8\@m {
    margin-bottom: 64px !important;
  }
  .u-mb9\@m {
    margin-bottom: 72px !important;
  }
  .u-mb10\@m {
    margin-bottom: 80px !important;
  }
  .u-mb11\@m {
    margin-bottom: 88px !important;
  }
  .u-mb12\@m {
    margin-bottom: 96px !important;
  }
  .u-mb13\@m {
    margin-bottom: 104px !important;
  }
  .u-mb14\@m {
    margin-bottom: 112px !important;
  }
  .u-mb15\@m {
    margin-bottom: 120px !important;
  }
  .u-mb16\@m {
    margin-bottom: 128px !important;
  }
  .u-mb17\@m {
    margin-bottom: 136px !important;
  }
  .u-mb18\@m {
    margin-bottom: 144px !important;
  }
  .u-mb19\@m {
    margin-bottom: 152px !important;
  }
  .u-mb20\@m {
    margin-bottom: 160px !important;
  }
  .u-mb21\@m {
    margin-bottom: 168px !important;
  }
  .u-mb22\@m {
    margin-bottom: 176px !important;
  }
  .u-mb23\@m {
    margin-bottom: 184px !important;
  }
  .u-mb24\@m {
    margin-bottom: 192px !important;
  }
  .u-mb25\@m {
    margin-bottom: 200px !important;
  }
  .u-mb26\@m {
    margin-bottom: 208px !important;
  }
  .u-mb27\@m {
    margin-bottom: 216px !important;
  }
  .u-mb28\@m {
    margin-bottom: 224px !important;
  }
  .u-mb29\@m {
    margin-bottom: 232px !important;
  }
  .u-mb30\@m {
    margin-bottom: 240px !important;
  }
  .u-mb31\@m {
    margin-bottom: 248px !important;
  }
  .u-mb32\@m {
    margin-bottom: 256px !important;
  }
  .u-mb33\@m {
    margin-bottom: 264px !important;
  }
  .u-mb34\@m {
    margin-bottom: 272px !important;
  }
  .u-mb35\@m {
    margin-bottom: 280px !important;
  }
  .u-mb36\@m {
    margin-bottom: 288px !important;
  }
  .u-mb37\@m {
    margin-bottom: 296px !important;
  }
  .u-mb38\@m {
    margin-bottom: 304px !important;
  }
  .u-mb39\@m {
    margin-bottom: 312px !important;
  }
  .u-mb40\@m {
    margin-bottom: 320px !important;
  }
  .u-mb41\@m {
    margin-bottom: 328px !important;
  }
  .u-mb42\@m {
    margin-bottom: 336px !important;
  }
  .u-mb43\@m {
    margin-bottom: 344px !important;
  }
  .u-mb44\@m {
    margin-bottom: 352px !important;
  }
  .u-mb45\@m {
    margin-bottom: 360px !important;
  }
  .u-mb46\@m {
    margin-bottom: 368px !important;
  }
  .u-mb47\@m {
    margin-bottom: 376px !important;
  }
  .u-mb48\@m {
    margin-bottom: 384px !important;
  }
  .u-mb49\@m {
    margin-bottom: 392px !important;
  }
  .u-mb50\@m {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb1\@l {
    margin-bottom: 8px !important;
  }
  .u-mb2\@l {
    margin-bottom: 16px !important;
  }
  .u-mb3\@l {
    margin-bottom: 24px !important;
  }
  .u-mb4\@l {
    margin-bottom: 32px !important;
  }
  .u-mb5\@l {
    margin-bottom: 40px !important;
  }
  .u-mb6\@l {
    margin-bottom: 48px !important;
  }
  .u-mb7\@l {
    margin-bottom: 56px !important;
  }
  .u-mb8\@l {
    margin-bottom: 64px !important;
  }
  .u-mb9\@l {
    margin-bottom: 72px !important;
  }
  .u-mb10\@l {
    margin-bottom: 80px !important;
  }
  .u-mb11\@l {
    margin-bottom: 88px !important;
  }
  .u-mb12\@l {
    margin-bottom: 96px !important;
  }
  .u-mb13\@l {
    margin-bottom: 104px !important;
  }
  .u-mb14\@l {
    margin-bottom: 112px !important;
  }
  .u-mb15\@l {
    margin-bottom: 120px !important;
  }
  .u-mb16\@l {
    margin-bottom: 128px !important;
  }
  .u-mb17\@l {
    margin-bottom: 136px !important;
  }
  .u-mb18\@l {
    margin-bottom: 144px !important;
  }
  .u-mb19\@l {
    margin-bottom: 152px !important;
  }
  .u-mb20\@l {
    margin-bottom: 160px !important;
  }
  .u-mb21\@l {
    margin-bottom: 168px !important;
  }
  .u-mb22\@l {
    margin-bottom: 176px !important;
  }
  .u-mb23\@l {
    margin-bottom: 184px !important;
  }
  .u-mb24\@l {
    margin-bottom: 192px !important;
  }
  .u-mb25\@l {
    margin-bottom: 200px !important;
  }
  .u-mb26\@l {
    margin-bottom: 208px !important;
  }
  .u-mb27\@l {
    margin-bottom: 216px !important;
  }
  .u-mb28\@l {
    margin-bottom: 224px !important;
  }
  .u-mb29\@l {
    margin-bottom: 232px !important;
  }
  .u-mb30\@l {
    margin-bottom: 240px !important;
  }
  .u-mb31\@l {
    margin-bottom: 248px !important;
  }
  .u-mb32\@l {
    margin-bottom: 256px !important;
  }
  .u-mb33\@l {
    margin-bottom: 264px !important;
  }
  .u-mb34\@l {
    margin-bottom: 272px !important;
  }
  .u-mb35\@l {
    margin-bottom: 280px !important;
  }
  .u-mb36\@l {
    margin-bottom: 288px !important;
  }
  .u-mb37\@l {
    margin-bottom: 296px !important;
  }
  .u-mb38\@l {
    margin-bottom: 304px !important;
  }
  .u-mb39\@l {
    margin-bottom: 312px !important;
  }
  .u-mb40\@l {
    margin-bottom: 320px !important;
  }
  .u-mb41\@l {
    margin-bottom: 328px !important;
  }
  .u-mb42\@l {
    margin-bottom: 336px !important;
  }
  .u-mb43\@l {
    margin-bottom: 344px !important;
  }
  .u-mb44\@l {
    margin-bottom: 352px !important;
  }
  .u-mb45\@l {
    margin-bottom: 360px !important;
  }
  .u-mb46\@l {
    margin-bottom: 368px !important;
  }
  .u-mb47\@l {
    margin-bottom: 376px !important;
  }
  .u-mb48\@l {
    margin-bottom: 384px !important;
  }
  .u-mb49\@l {
    margin-bottom: 392px !important;
  }
  .u-mb50\@l {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-mb1\@base {
    margin-bottom: 8px !important;
  }
  .u-mb2\@base {
    margin-bottom: 16px !important;
  }
  .u-mb3\@base {
    margin-bottom: 24px !important;
  }
  .u-mb4\@base {
    margin-bottom: 32px !important;
  }
  .u-mb5\@base {
    margin-bottom: 40px !important;
  }
  .u-mb6\@base {
    margin-bottom: 48px !important;
  }
  .u-mb7\@base {
    margin-bottom: 56px !important;
  }
  .u-mb8\@base {
    margin-bottom: 64px !important;
  }
  .u-mb9\@base {
    margin-bottom: 72px !important;
  }
  .u-mb10\@base {
    margin-bottom: 80px !important;
  }
  .u-mb11\@base {
    margin-bottom: 88px !important;
  }
  .u-mb12\@base {
    margin-bottom: 96px !important;
  }
  .u-mb13\@base {
    margin-bottom: 104px !important;
  }
  .u-mb14\@base {
    margin-bottom: 112px !important;
  }
  .u-mb15\@base {
    margin-bottom: 120px !important;
  }
  .u-mb16\@base {
    margin-bottom: 128px !important;
  }
  .u-mb17\@base {
    margin-bottom: 136px !important;
  }
  .u-mb18\@base {
    margin-bottom: 144px !important;
  }
  .u-mb19\@base {
    margin-bottom: 152px !important;
  }
  .u-mb20\@base {
    margin-bottom: 160px !important;
  }
  .u-mb21\@base {
    margin-bottom: 168px !important;
  }
  .u-mb22\@base {
    margin-bottom: 176px !important;
  }
  .u-mb23\@base {
    margin-bottom: 184px !important;
  }
  .u-mb24\@base {
    margin-bottom: 192px !important;
  }
  .u-mb25\@base {
    margin-bottom: 200px !important;
  }
  .u-mb26\@base {
    margin-bottom: 208px !important;
  }
  .u-mb27\@base {
    margin-bottom: 216px !important;
  }
  .u-mb28\@base {
    margin-bottom: 224px !important;
  }
  .u-mb29\@base {
    margin-bottom: 232px !important;
  }
  .u-mb30\@base {
    margin-bottom: 240px !important;
  }
  .u-mb31\@base {
    margin-bottom: 248px !important;
  }
  .u-mb32\@base {
    margin-bottom: 256px !important;
  }
  .u-mb33\@base {
    margin-bottom: 264px !important;
  }
  .u-mb34\@base {
    margin-bottom: 272px !important;
  }
  .u-mb35\@base {
    margin-bottom: 280px !important;
  }
  .u-mb36\@base {
    margin-bottom: 288px !important;
  }
  .u-mb37\@base {
    margin-bottom: 296px !important;
  }
  .u-mb38\@base {
    margin-bottom: 304px !important;
  }
  .u-mb39\@base {
    margin-bottom: 312px !important;
  }
  .u-mb40\@base {
    margin-bottom: 320px !important;
  }
  .u-mb41\@base {
    margin-bottom: 328px !important;
  }
  .u-mb42\@base {
    margin-bottom: 336px !important;
  }
  .u-mb43\@base {
    margin-bottom: 344px !important;
  }
  .u-mb44\@base {
    margin-bottom: 352px !important;
  }
  .u-mb45\@base {
    margin-bottom: 360px !important;
  }
  .u-mb46\@base {
    margin-bottom: 368px !important;
  }
  .u-mb47\@base {
    margin-bottom: 376px !important;
  }
  .u-mb48\@base {
    margin-bottom: 384px !important;
  }
  .u-mb49\@base {
    margin-bottom: 392px !important;
  }
  .u-mb50\@base {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-mb1\@xl {
    margin-bottom: 8px !important;
  }
  .u-mb2\@xl {
    margin-bottom: 16px !important;
  }
  .u-mb3\@xl {
    margin-bottom: 24px !important;
  }
  .u-mb4\@xl {
    margin-bottom: 32px !important;
  }
  .u-mb5\@xl {
    margin-bottom: 40px !important;
  }
  .u-mb6\@xl {
    margin-bottom: 48px !important;
  }
  .u-mb7\@xl {
    margin-bottom: 56px !important;
  }
  .u-mb8\@xl {
    margin-bottom: 64px !important;
  }
  .u-mb9\@xl {
    margin-bottom: 72px !important;
  }
  .u-mb10\@xl {
    margin-bottom: 80px !important;
  }
  .u-mb11\@xl {
    margin-bottom: 88px !important;
  }
  .u-mb12\@xl {
    margin-bottom: 96px !important;
  }
  .u-mb13\@xl {
    margin-bottom: 104px !important;
  }
  .u-mb14\@xl {
    margin-bottom: 112px !important;
  }
  .u-mb15\@xl {
    margin-bottom: 120px !important;
  }
  .u-mb16\@xl {
    margin-bottom: 128px !important;
  }
  .u-mb17\@xl {
    margin-bottom: 136px !important;
  }
  .u-mb18\@xl {
    margin-bottom: 144px !important;
  }
  .u-mb19\@xl {
    margin-bottom: 152px !important;
  }
  .u-mb20\@xl {
    margin-bottom: 160px !important;
  }
  .u-mb21\@xl {
    margin-bottom: 168px !important;
  }
  .u-mb22\@xl {
    margin-bottom: 176px !important;
  }
  .u-mb23\@xl {
    margin-bottom: 184px !important;
  }
  .u-mb24\@xl {
    margin-bottom: 192px !important;
  }
  .u-mb25\@xl {
    margin-bottom: 200px !important;
  }
  .u-mb26\@xl {
    margin-bottom: 208px !important;
  }
  .u-mb27\@xl {
    margin-bottom: 216px !important;
  }
  .u-mb28\@xl {
    margin-bottom: 224px !important;
  }
  .u-mb29\@xl {
    margin-bottom: 232px !important;
  }
  .u-mb30\@xl {
    margin-bottom: 240px !important;
  }
  .u-mb31\@xl {
    margin-bottom: 248px !important;
  }
  .u-mb32\@xl {
    margin-bottom: 256px !important;
  }
  .u-mb33\@xl {
    margin-bottom: 264px !important;
  }
  .u-mb34\@xl {
    margin-bottom: 272px !important;
  }
  .u-mb35\@xl {
    margin-bottom: 280px !important;
  }
  .u-mb36\@xl {
    margin-bottom: 288px !important;
  }
  .u-mb37\@xl {
    margin-bottom: 296px !important;
  }
  .u-mb38\@xl {
    margin-bottom: 304px !important;
  }
  .u-mb39\@xl {
    margin-bottom: 312px !important;
  }
  .u-mb40\@xl {
    margin-bottom: 320px !important;
  }
  .u-mb41\@xl {
    margin-bottom: 328px !important;
  }
  .u-mb42\@xl {
    margin-bottom: 336px !important;
  }
  .u-mb43\@xl {
    margin-bottom: 344px !important;
  }
  .u-mb44\@xl {
    margin-bottom: 352px !important;
  }
  .u-mb45\@xl {
    margin-bottom: 360px !important;
  }
  .u-mb46\@xl {
    margin-bottom: 368px !important;
  }
  .u-mb47\@xl {
    margin-bottom: 376px !important;
  }
  .u-mb48\@xl {
    margin-bottom: 384px !important;
  }
  .u-mb49\@xl {
    margin-bottom: 392px !important;
  }
  .u-mb50\@xl {
    margin-bottom: 400px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-mb1\@xxl {
    margin-bottom: 8px !important;
  }
  .u-mb2\@xxl {
    margin-bottom: 16px !important;
  }
  .u-mb3\@xxl {
    margin-bottom: 24px !important;
  }
  .u-mb4\@xxl {
    margin-bottom: 32px !important;
  }
  .u-mb5\@xxl {
    margin-bottom: 40px !important;
  }
  .u-mb6\@xxl {
    margin-bottom: 48px !important;
  }
  .u-mb7\@xxl {
    margin-bottom: 56px !important;
  }
  .u-mb8\@xxl {
    margin-bottom: 64px !important;
  }
  .u-mb9\@xxl {
    margin-bottom: 72px !important;
  }
  .u-mb10\@xxl {
    margin-bottom: 80px !important;
  }
  .u-mb11\@xxl {
    margin-bottom: 88px !important;
  }
  .u-mb12\@xxl {
    margin-bottom: 96px !important;
  }
  .u-mb13\@xxl {
    margin-bottom: 104px !important;
  }
  .u-mb14\@xxl {
    margin-bottom: 112px !important;
  }
  .u-mb15\@xxl {
    margin-bottom: 120px !important;
  }
  .u-mb16\@xxl {
    margin-bottom: 128px !important;
  }
  .u-mb17\@xxl {
    margin-bottom: 136px !important;
  }
  .u-mb18\@xxl {
    margin-bottom: 144px !important;
  }
  .u-mb19\@xxl {
    margin-bottom: 152px !important;
  }
  .u-mb20\@xxl {
    margin-bottom: 160px !important;
  }
  .u-mb21\@xxl {
    margin-bottom: 168px !important;
  }
  .u-mb22\@xxl {
    margin-bottom: 176px !important;
  }
  .u-mb23\@xxl {
    margin-bottom: 184px !important;
  }
  .u-mb24\@xxl {
    margin-bottom: 192px !important;
  }
  .u-mb25\@xxl {
    margin-bottom: 200px !important;
  }
  .u-mb26\@xxl {
    margin-bottom: 208px !important;
  }
  .u-mb27\@xxl {
    margin-bottom: 216px !important;
  }
  .u-mb28\@xxl {
    margin-bottom: 224px !important;
  }
  .u-mb29\@xxl {
    margin-bottom: 232px !important;
  }
  .u-mb30\@xxl {
    margin-bottom: 240px !important;
  }
  .u-mb31\@xxl {
    margin-bottom: 248px !important;
  }
  .u-mb32\@xxl {
    margin-bottom: 256px !important;
  }
  .u-mb33\@xxl {
    margin-bottom: 264px !important;
  }
  .u-mb34\@xxl {
    margin-bottom: 272px !important;
  }
  .u-mb35\@xxl {
    margin-bottom: 280px !important;
  }
  .u-mb36\@xxl {
    margin-bottom: 288px !important;
  }
  .u-mb37\@xxl {
    margin-bottom: 296px !important;
  }
  .u-mb38\@xxl {
    margin-bottom: 304px !important;
  }
  .u-mb39\@xxl {
    margin-bottom: 312px !important;
  }
  .u-mb40\@xxl {
    margin-bottom: 320px !important;
  }
  .u-mb41\@xxl {
    margin-bottom: 328px !important;
  }
  .u-mb42\@xxl {
    margin-bottom: 336px !important;
  }
  .u-mb43\@xxl {
    margin-bottom: 344px !important;
  }
  .u-mb44\@xxl {
    margin-bottom: 352px !important;
  }
  .u-mb45\@xxl {
    margin-bottom: 360px !important;
  }
  .u-mb46\@xxl {
    margin-bottom: 368px !important;
  }
  .u-mb47\@xxl {
    margin-bottom: 376px !important;
  }
  .u-mb48\@xxl {
    margin-bottom: 384px !important;
  }
  .u-mb49\@xxl {
    margin-bottom: 392px !important;
  }
  .u-mb50\@xxl {
    margin-bottom: 400px !important;
  }
}
.u-mb-none {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 400px) {
  .u-mb-none\@xs {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-mb-none\@s {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-mb-none\@s2 {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-mb-none\@m {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb-none\@l {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-mb-none\@base {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-mb-none\@xl {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-mb-none\@xxl {
    margin-bottom: 0 !important;
  }
}

.u-ml1 {
  margin-left: 8px !important;
}

.u-ml2 {
  margin-left: 16px !important;
}

.u-ml3 {
  margin-left: 24px !important;
}

.u-ml4 {
  margin-left: 32px !important;
}

.u-ml5 {
  margin-left: 40px !important;
}

.u-ml6 {
  margin-left: 48px !important;
}

.u-ml7 {
  margin-left: 56px !important;
}

.u-ml8 {
  margin-left: 64px !important;
}

.u-ml9 {
  margin-left: 72px !important;
}

.u-ml10 {
  margin-left: 80px !important;
}

.u-ml11 {
  margin-left: 88px !important;
}

.u-ml12 {
  margin-left: 96px !important;
}

.u-ml13 {
  margin-left: 104px !important;
}

.u-ml14 {
  margin-left: 112px !important;
}

.u-ml15 {
  margin-left: 120px !important;
}

.u-ml16 {
  margin-left: 128px !important;
}

.u-ml17 {
  margin-left: 136px !important;
}

.u-ml18 {
  margin-left: 144px !important;
}

.u-ml19 {
  margin-left: 152px !important;
}

.u-ml20 {
  margin-left: 160px !important;
}

.u-ml21 {
  margin-left: 168px !important;
}

.u-ml22 {
  margin-left: 176px !important;
}

.u-ml23 {
  margin-left: 184px !important;
}

.u-ml24 {
  margin-left: 192px !important;
}

.u-ml25 {
  margin-left: 200px !important;
}

.u-ml26 {
  margin-left: 208px !important;
}

.u-ml27 {
  margin-left: 216px !important;
}

.u-ml28 {
  margin-left: 224px !important;
}

.u-ml29 {
  margin-left: 232px !important;
}

.u-ml30 {
  margin-left: 240px !important;
}

.u-ml31 {
  margin-left: 248px !important;
}

.u-ml32 {
  margin-left: 256px !important;
}

.u-ml33 {
  margin-left: 264px !important;
}

.u-ml34 {
  margin-left: 272px !important;
}

.u-ml35 {
  margin-left: 280px !important;
}

.u-ml36 {
  margin-left: 288px !important;
}

.u-ml37 {
  margin-left: 296px !important;
}

.u-ml38 {
  margin-left: 304px !important;
}

.u-ml39 {
  margin-left: 312px !important;
}

.u-ml40 {
  margin-left: 320px !important;
}

.u-ml41 {
  margin-left: 328px !important;
}

.u-ml42 {
  margin-left: 336px !important;
}

.u-ml43 {
  margin-left: 344px !important;
}

.u-ml44 {
  margin-left: 352px !important;
}

.u-ml45 {
  margin-left: 360px !important;
}

.u-ml46 {
  margin-left: 368px !important;
}

.u-ml47 {
  margin-left: 376px !important;
}

.u-ml48 {
  margin-left: 384px !important;
}

.u-ml49 {
  margin-left: 392px !important;
}

.u-ml50 {
  margin-left: 400px !important;
}

@media screen and (min-width: 400px) {
  .u-ml1\@xs {
    margin-left: 8px !important;
  }
  .u-ml2\@xs {
    margin-left: 16px !important;
  }
  .u-ml3\@xs {
    margin-left: 24px !important;
  }
  .u-ml4\@xs {
    margin-left: 32px !important;
  }
  .u-ml5\@xs {
    margin-left: 40px !important;
  }
  .u-ml6\@xs {
    margin-left: 48px !important;
  }
  .u-ml7\@xs {
    margin-left: 56px !important;
  }
  .u-ml8\@xs {
    margin-left: 64px !important;
  }
  .u-ml9\@xs {
    margin-left: 72px !important;
  }
  .u-ml10\@xs {
    margin-left: 80px !important;
  }
  .u-ml11\@xs {
    margin-left: 88px !important;
  }
  .u-ml12\@xs {
    margin-left: 96px !important;
  }
  .u-ml13\@xs {
    margin-left: 104px !important;
  }
  .u-ml14\@xs {
    margin-left: 112px !important;
  }
  .u-ml15\@xs {
    margin-left: 120px !important;
  }
  .u-ml16\@xs {
    margin-left: 128px !important;
  }
  .u-ml17\@xs {
    margin-left: 136px !important;
  }
  .u-ml18\@xs {
    margin-left: 144px !important;
  }
  .u-ml19\@xs {
    margin-left: 152px !important;
  }
  .u-ml20\@xs {
    margin-left: 160px !important;
  }
  .u-ml21\@xs {
    margin-left: 168px !important;
  }
  .u-ml22\@xs {
    margin-left: 176px !important;
  }
  .u-ml23\@xs {
    margin-left: 184px !important;
  }
  .u-ml24\@xs {
    margin-left: 192px !important;
  }
  .u-ml25\@xs {
    margin-left: 200px !important;
  }
  .u-ml26\@xs {
    margin-left: 208px !important;
  }
  .u-ml27\@xs {
    margin-left: 216px !important;
  }
  .u-ml28\@xs {
    margin-left: 224px !important;
  }
  .u-ml29\@xs {
    margin-left: 232px !important;
  }
  .u-ml30\@xs {
    margin-left: 240px !important;
  }
  .u-ml31\@xs {
    margin-left: 248px !important;
  }
  .u-ml32\@xs {
    margin-left: 256px !important;
  }
  .u-ml33\@xs {
    margin-left: 264px !important;
  }
  .u-ml34\@xs {
    margin-left: 272px !important;
  }
  .u-ml35\@xs {
    margin-left: 280px !important;
  }
  .u-ml36\@xs {
    margin-left: 288px !important;
  }
  .u-ml37\@xs {
    margin-left: 296px !important;
  }
  .u-ml38\@xs {
    margin-left: 304px !important;
  }
  .u-ml39\@xs {
    margin-left: 312px !important;
  }
  .u-ml40\@xs {
    margin-left: 320px !important;
  }
  .u-ml41\@xs {
    margin-left: 328px !important;
  }
  .u-ml42\@xs {
    margin-left: 336px !important;
  }
  .u-ml43\@xs {
    margin-left: 344px !important;
  }
  .u-ml44\@xs {
    margin-left: 352px !important;
  }
  .u-ml45\@xs {
    margin-left: 360px !important;
  }
  .u-ml46\@xs {
    margin-left: 368px !important;
  }
  .u-ml47\@xs {
    margin-left: 376px !important;
  }
  .u-ml48\@xs {
    margin-left: 384px !important;
  }
  .u-ml49\@xs {
    margin-left: 392px !important;
  }
  .u-ml50\@xs {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-ml1\@s {
    margin-left: 8px !important;
  }
  .u-ml2\@s {
    margin-left: 16px !important;
  }
  .u-ml3\@s {
    margin-left: 24px !important;
  }
  .u-ml4\@s {
    margin-left: 32px !important;
  }
  .u-ml5\@s {
    margin-left: 40px !important;
  }
  .u-ml6\@s {
    margin-left: 48px !important;
  }
  .u-ml7\@s {
    margin-left: 56px !important;
  }
  .u-ml8\@s {
    margin-left: 64px !important;
  }
  .u-ml9\@s {
    margin-left: 72px !important;
  }
  .u-ml10\@s {
    margin-left: 80px !important;
  }
  .u-ml11\@s {
    margin-left: 88px !important;
  }
  .u-ml12\@s {
    margin-left: 96px !important;
  }
  .u-ml13\@s {
    margin-left: 104px !important;
  }
  .u-ml14\@s {
    margin-left: 112px !important;
  }
  .u-ml15\@s {
    margin-left: 120px !important;
  }
  .u-ml16\@s {
    margin-left: 128px !important;
  }
  .u-ml17\@s {
    margin-left: 136px !important;
  }
  .u-ml18\@s {
    margin-left: 144px !important;
  }
  .u-ml19\@s {
    margin-left: 152px !important;
  }
  .u-ml20\@s {
    margin-left: 160px !important;
  }
  .u-ml21\@s {
    margin-left: 168px !important;
  }
  .u-ml22\@s {
    margin-left: 176px !important;
  }
  .u-ml23\@s {
    margin-left: 184px !important;
  }
  .u-ml24\@s {
    margin-left: 192px !important;
  }
  .u-ml25\@s {
    margin-left: 200px !important;
  }
  .u-ml26\@s {
    margin-left: 208px !important;
  }
  .u-ml27\@s {
    margin-left: 216px !important;
  }
  .u-ml28\@s {
    margin-left: 224px !important;
  }
  .u-ml29\@s {
    margin-left: 232px !important;
  }
  .u-ml30\@s {
    margin-left: 240px !important;
  }
  .u-ml31\@s {
    margin-left: 248px !important;
  }
  .u-ml32\@s {
    margin-left: 256px !important;
  }
  .u-ml33\@s {
    margin-left: 264px !important;
  }
  .u-ml34\@s {
    margin-left: 272px !important;
  }
  .u-ml35\@s {
    margin-left: 280px !important;
  }
  .u-ml36\@s {
    margin-left: 288px !important;
  }
  .u-ml37\@s {
    margin-left: 296px !important;
  }
  .u-ml38\@s {
    margin-left: 304px !important;
  }
  .u-ml39\@s {
    margin-left: 312px !important;
  }
  .u-ml40\@s {
    margin-left: 320px !important;
  }
  .u-ml41\@s {
    margin-left: 328px !important;
  }
  .u-ml42\@s {
    margin-left: 336px !important;
  }
  .u-ml43\@s {
    margin-left: 344px !important;
  }
  .u-ml44\@s {
    margin-left: 352px !important;
  }
  .u-ml45\@s {
    margin-left: 360px !important;
  }
  .u-ml46\@s {
    margin-left: 368px !important;
  }
  .u-ml47\@s {
    margin-left: 376px !important;
  }
  .u-ml48\@s {
    margin-left: 384px !important;
  }
  .u-ml49\@s {
    margin-left: 392px !important;
  }
  .u-ml50\@s {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-ml1\@s2 {
    margin-left: 8px !important;
  }
  .u-ml2\@s2 {
    margin-left: 16px !important;
  }
  .u-ml3\@s2 {
    margin-left: 24px !important;
  }
  .u-ml4\@s2 {
    margin-left: 32px !important;
  }
  .u-ml5\@s2 {
    margin-left: 40px !important;
  }
  .u-ml6\@s2 {
    margin-left: 48px !important;
  }
  .u-ml7\@s2 {
    margin-left: 56px !important;
  }
  .u-ml8\@s2 {
    margin-left: 64px !important;
  }
  .u-ml9\@s2 {
    margin-left: 72px !important;
  }
  .u-ml10\@s2 {
    margin-left: 80px !important;
  }
  .u-ml11\@s2 {
    margin-left: 88px !important;
  }
  .u-ml12\@s2 {
    margin-left: 96px !important;
  }
  .u-ml13\@s2 {
    margin-left: 104px !important;
  }
  .u-ml14\@s2 {
    margin-left: 112px !important;
  }
  .u-ml15\@s2 {
    margin-left: 120px !important;
  }
  .u-ml16\@s2 {
    margin-left: 128px !important;
  }
  .u-ml17\@s2 {
    margin-left: 136px !important;
  }
  .u-ml18\@s2 {
    margin-left: 144px !important;
  }
  .u-ml19\@s2 {
    margin-left: 152px !important;
  }
  .u-ml20\@s2 {
    margin-left: 160px !important;
  }
  .u-ml21\@s2 {
    margin-left: 168px !important;
  }
  .u-ml22\@s2 {
    margin-left: 176px !important;
  }
  .u-ml23\@s2 {
    margin-left: 184px !important;
  }
  .u-ml24\@s2 {
    margin-left: 192px !important;
  }
  .u-ml25\@s2 {
    margin-left: 200px !important;
  }
  .u-ml26\@s2 {
    margin-left: 208px !important;
  }
  .u-ml27\@s2 {
    margin-left: 216px !important;
  }
  .u-ml28\@s2 {
    margin-left: 224px !important;
  }
  .u-ml29\@s2 {
    margin-left: 232px !important;
  }
  .u-ml30\@s2 {
    margin-left: 240px !important;
  }
  .u-ml31\@s2 {
    margin-left: 248px !important;
  }
  .u-ml32\@s2 {
    margin-left: 256px !important;
  }
  .u-ml33\@s2 {
    margin-left: 264px !important;
  }
  .u-ml34\@s2 {
    margin-left: 272px !important;
  }
  .u-ml35\@s2 {
    margin-left: 280px !important;
  }
  .u-ml36\@s2 {
    margin-left: 288px !important;
  }
  .u-ml37\@s2 {
    margin-left: 296px !important;
  }
  .u-ml38\@s2 {
    margin-left: 304px !important;
  }
  .u-ml39\@s2 {
    margin-left: 312px !important;
  }
  .u-ml40\@s2 {
    margin-left: 320px !important;
  }
  .u-ml41\@s2 {
    margin-left: 328px !important;
  }
  .u-ml42\@s2 {
    margin-left: 336px !important;
  }
  .u-ml43\@s2 {
    margin-left: 344px !important;
  }
  .u-ml44\@s2 {
    margin-left: 352px !important;
  }
  .u-ml45\@s2 {
    margin-left: 360px !important;
  }
  .u-ml46\@s2 {
    margin-left: 368px !important;
  }
  .u-ml47\@s2 {
    margin-left: 376px !important;
  }
  .u-ml48\@s2 {
    margin-left: 384px !important;
  }
  .u-ml49\@s2 {
    margin-left: 392px !important;
  }
  .u-ml50\@s2 {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-ml1\@m {
    margin-left: 8px !important;
  }
  .u-ml2\@m {
    margin-left: 16px !important;
  }
  .u-ml3\@m {
    margin-left: 24px !important;
  }
  .u-ml4\@m {
    margin-left: 32px !important;
  }
  .u-ml5\@m {
    margin-left: 40px !important;
  }
  .u-ml6\@m {
    margin-left: 48px !important;
  }
  .u-ml7\@m {
    margin-left: 56px !important;
  }
  .u-ml8\@m {
    margin-left: 64px !important;
  }
  .u-ml9\@m {
    margin-left: 72px !important;
  }
  .u-ml10\@m {
    margin-left: 80px !important;
  }
  .u-ml11\@m {
    margin-left: 88px !important;
  }
  .u-ml12\@m {
    margin-left: 96px !important;
  }
  .u-ml13\@m {
    margin-left: 104px !important;
  }
  .u-ml14\@m {
    margin-left: 112px !important;
  }
  .u-ml15\@m {
    margin-left: 120px !important;
  }
  .u-ml16\@m {
    margin-left: 128px !important;
  }
  .u-ml17\@m {
    margin-left: 136px !important;
  }
  .u-ml18\@m {
    margin-left: 144px !important;
  }
  .u-ml19\@m {
    margin-left: 152px !important;
  }
  .u-ml20\@m {
    margin-left: 160px !important;
  }
  .u-ml21\@m {
    margin-left: 168px !important;
  }
  .u-ml22\@m {
    margin-left: 176px !important;
  }
  .u-ml23\@m {
    margin-left: 184px !important;
  }
  .u-ml24\@m {
    margin-left: 192px !important;
  }
  .u-ml25\@m {
    margin-left: 200px !important;
  }
  .u-ml26\@m {
    margin-left: 208px !important;
  }
  .u-ml27\@m {
    margin-left: 216px !important;
  }
  .u-ml28\@m {
    margin-left: 224px !important;
  }
  .u-ml29\@m {
    margin-left: 232px !important;
  }
  .u-ml30\@m {
    margin-left: 240px !important;
  }
  .u-ml31\@m {
    margin-left: 248px !important;
  }
  .u-ml32\@m {
    margin-left: 256px !important;
  }
  .u-ml33\@m {
    margin-left: 264px !important;
  }
  .u-ml34\@m {
    margin-left: 272px !important;
  }
  .u-ml35\@m {
    margin-left: 280px !important;
  }
  .u-ml36\@m {
    margin-left: 288px !important;
  }
  .u-ml37\@m {
    margin-left: 296px !important;
  }
  .u-ml38\@m {
    margin-left: 304px !important;
  }
  .u-ml39\@m {
    margin-left: 312px !important;
  }
  .u-ml40\@m {
    margin-left: 320px !important;
  }
  .u-ml41\@m {
    margin-left: 328px !important;
  }
  .u-ml42\@m {
    margin-left: 336px !important;
  }
  .u-ml43\@m {
    margin-left: 344px !important;
  }
  .u-ml44\@m {
    margin-left: 352px !important;
  }
  .u-ml45\@m {
    margin-left: 360px !important;
  }
  .u-ml46\@m {
    margin-left: 368px !important;
  }
  .u-ml47\@m {
    margin-left: 376px !important;
  }
  .u-ml48\@m {
    margin-left: 384px !important;
  }
  .u-ml49\@m {
    margin-left: 392px !important;
  }
  .u-ml50\@m {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml1\@l {
    margin-left: 8px !important;
  }
  .u-ml2\@l {
    margin-left: 16px !important;
  }
  .u-ml3\@l {
    margin-left: 24px !important;
  }
  .u-ml4\@l {
    margin-left: 32px !important;
  }
  .u-ml5\@l {
    margin-left: 40px !important;
  }
  .u-ml6\@l {
    margin-left: 48px !important;
  }
  .u-ml7\@l {
    margin-left: 56px !important;
  }
  .u-ml8\@l {
    margin-left: 64px !important;
  }
  .u-ml9\@l {
    margin-left: 72px !important;
  }
  .u-ml10\@l {
    margin-left: 80px !important;
  }
  .u-ml11\@l {
    margin-left: 88px !important;
  }
  .u-ml12\@l {
    margin-left: 96px !important;
  }
  .u-ml13\@l {
    margin-left: 104px !important;
  }
  .u-ml14\@l {
    margin-left: 112px !important;
  }
  .u-ml15\@l {
    margin-left: 120px !important;
  }
  .u-ml16\@l {
    margin-left: 128px !important;
  }
  .u-ml17\@l {
    margin-left: 136px !important;
  }
  .u-ml18\@l {
    margin-left: 144px !important;
  }
  .u-ml19\@l {
    margin-left: 152px !important;
  }
  .u-ml20\@l {
    margin-left: 160px !important;
  }
  .u-ml21\@l {
    margin-left: 168px !important;
  }
  .u-ml22\@l {
    margin-left: 176px !important;
  }
  .u-ml23\@l {
    margin-left: 184px !important;
  }
  .u-ml24\@l {
    margin-left: 192px !important;
  }
  .u-ml25\@l {
    margin-left: 200px !important;
  }
  .u-ml26\@l {
    margin-left: 208px !important;
  }
  .u-ml27\@l {
    margin-left: 216px !important;
  }
  .u-ml28\@l {
    margin-left: 224px !important;
  }
  .u-ml29\@l {
    margin-left: 232px !important;
  }
  .u-ml30\@l {
    margin-left: 240px !important;
  }
  .u-ml31\@l {
    margin-left: 248px !important;
  }
  .u-ml32\@l {
    margin-left: 256px !important;
  }
  .u-ml33\@l {
    margin-left: 264px !important;
  }
  .u-ml34\@l {
    margin-left: 272px !important;
  }
  .u-ml35\@l {
    margin-left: 280px !important;
  }
  .u-ml36\@l {
    margin-left: 288px !important;
  }
  .u-ml37\@l {
    margin-left: 296px !important;
  }
  .u-ml38\@l {
    margin-left: 304px !important;
  }
  .u-ml39\@l {
    margin-left: 312px !important;
  }
  .u-ml40\@l {
    margin-left: 320px !important;
  }
  .u-ml41\@l {
    margin-left: 328px !important;
  }
  .u-ml42\@l {
    margin-left: 336px !important;
  }
  .u-ml43\@l {
    margin-left: 344px !important;
  }
  .u-ml44\@l {
    margin-left: 352px !important;
  }
  .u-ml45\@l {
    margin-left: 360px !important;
  }
  .u-ml46\@l {
    margin-left: 368px !important;
  }
  .u-ml47\@l {
    margin-left: 376px !important;
  }
  .u-ml48\@l {
    margin-left: 384px !important;
  }
  .u-ml49\@l {
    margin-left: 392px !important;
  }
  .u-ml50\@l {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-ml1\@base {
    margin-left: 8px !important;
  }
  .u-ml2\@base {
    margin-left: 16px !important;
  }
  .u-ml3\@base {
    margin-left: 24px !important;
  }
  .u-ml4\@base {
    margin-left: 32px !important;
  }
  .u-ml5\@base {
    margin-left: 40px !important;
  }
  .u-ml6\@base {
    margin-left: 48px !important;
  }
  .u-ml7\@base {
    margin-left: 56px !important;
  }
  .u-ml8\@base {
    margin-left: 64px !important;
  }
  .u-ml9\@base {
    margin-left: 72px !important;
  }
  .u-ml10\@base {
    margin-left: 80px !important;
  }
  .u-ml11\@base {
    margin-left: 88px !important;
  }
  .u-ml12\@base {
    margin-left: 96px !important;
  }
  .u-ml13\@base {
    margin-left: 104px !important;
  }
  .u-ml14\@base {
    margin-left: 112px !important;
  }
  .u-ml15\@base {
    margin-left: 120px !important;
  }
  .u-ml16\@base {
    margin-left: 128px !important;
  }
  .u-ml17\@base {
    margin-left: 136px !important;
  }
  .u-ml18\@base {
    margin-left: 144px !important;
  }
  .u-ml19\@base {
    margin-left: 152px !important;
  }
  .u-ml20\@base {
    margin-left: 160px !important;
  }
  .u-ml21\@base {
    margin-left: 168px !important;
  }
  .u-ml22\@base {
    margin-left: 176px !important;
  }
  .u-ml23\@base {
    margin-left: 184px !important;
  }
  .u-ml24\@base {
    margin-left: 192px !important;
  }
  .u-ml25\@base {
    margin-left: 200px !important;
  }
  .u-ml26\@base {
    margin-left: 208px !important;
  }
  .u-ml27\@base {
    margin-left: 216px !important;
  }
  .u-ml28\@base {
    margin-left: 224px !important;
  }
  .u-ml29\@base {
    margin-left: 232px !important;
  }
  .u-ml30\@base {
    margin-left: 240px !important;
  }
  .u-ml31\@base {
    margin-left: 248px !important;
  }
  .u-ml32\@base {
    margin-left: 256px !important;
  }
  .u-ml33\@base {
    margin-left: 264px !important;
  }
  .u-ml34\@base {
    margin-left: 272px !important;
  }
  .u-ml35\@base {
    margin-left: 280px !important;
  }
  .u-ml36\@base {
    margin-left: 288px !important;
  }
  .u-ml37\@base {
    margin-left: 296px !important;
  }
  .u-ml38\@base {
    margin-left: 304px !important;
  }
  .u-ml39\@base {
    margin-left: 312px !important;
  }
  .u-ml40\@base {
    margin-left: 320px !important;
  }
  .u-ml41\@base {
    margin-left: 328px !important;
  }
  .u-ml42\@base {
    margin-left: 336px !important;
  }
  .u-ml43\@base {
    margin-left: 344px !important;
  }
  .u-ml44\@base {
    margin-left: 352px !important;
  }
  .u-ml45\@base {
    margin-left: 360px !important;
  }
  .u-ml46\@base {
    margin-left: 368px !important;
  }
  .u-ml47\@base {
    margin-left: 376px !important;
  }
  .u-ml48\@base {
    margin-left: 384px !important;
  }
  .u-ml49\@base {
    margin-left: 392px !important;
  }
  .u-ml50\@base {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-ml1\@xl {
    margin-left: 8px !important;
  }
  .u-ml2\@xl {
    margin-left: 16px !important;
  }
  .u-ml3\@xl {
    margin-left: 24px !important;
  }
  .u-ml4\@xl {
    margin-left: 32px !important;
  }
  .u-ml5\@xl {
    margin-left: 40px !important;
  }
  .u-ml6\@xl {
    margin-left: 48px !important;
  }
  .u-ml7\@xl {
    margin-left: 56px !important;
  }
  .u-ml8\@xl {
    margin-left: 64px !important;
  }
  .u-ml9\@xl {
    margin-left: 72px !important;
  }
  .u-ml10\@xl {
    margin-left: 80px !important;
  }
  .u-ml11\@xl {
    margin-left: 88px !important;
  }
  .u-ml12\@xl {
    margin-left: 96px !important;
  }
  .u-ml13\@xl {
    margin-left: 104px !important;
  }
  .u-ml14\@xl {
    margin-left: 112px !important;
  }
  .u-ml15\@xl {
    margin-left: 120px !important;
  }
  .u-ml16\@xl {
    margin-left: 128px !important;
  }
  .u-ml17\@xl {
    margin-left: 136px !important;
  }
  .u-ml18\@xl {
    margin-left: 144px !important;
  }
  .u-ml19\@xl {
    margin-left: 152px !important;
  }
  .u-ml20\@xl {
    margin-left: 160px !important;
  }
  .u-ml21\@xl {
    margin-left: 168px !important;
  }
  .u-ml22\@xl {
    margin-left: 176px !important;
  }
  .u-ml23\@xl {
    margin-left: 184px !important;
  }
  .u-ml24\@xl {
    margin-left: 192px !important;
  }
  .u-ml25\@xl {
    margin-left: 200px !important;
  }
  .u-ml26\@xl {
    margin-left: 208px !important;
  }
  .u-ml27\@xl {
    margin-left: 216px !important;
  }
  .u-ml28\@xl {
    margin-left: 224px !important;
  }
  .u-ml29\@xl {
    margin-left: 232px !important;
  }
  .u-ml30\@xl {
    margin-left: 240px !important;
  }
  .u-ml31\@xl {
    margin-left: 248px !important;
  }
  .u-ml32\@xl {
    margin-left: 256px !important;
  }
  .u-ml33\@xl {
    margin-left: 264px !important;
  }
  .u-ml34\@xl {
    margin-left: 272px !important;
  }
  .u-ml35\@xl {
    margin-left: 280px !important;
  }
  .u-ml36\@xl {
    margin-left: 288px !important;
  }
  .u-ml37\@xl {
    margin-left: 296px !important;
  }
  .u-ml38\@xl {
    margin-left: 304px !important;
  }
  .u-ml39\@xl {
    margin-left: 312px !important;
  }
  .u-ml40\@xl {
    margin-left: 320px !important;
  }
  .u-ml41\@xl {
    margin-left: 328px !important;
  }
  .u-ml42\@xl {
    margin-left: 336px !important;
  }
  .u-ml43\@xl {
    margin-left: 344px !important;
  }
  .u-ml44\@xl {
    margin-left: 352px !important;
  }
  .u-ml45\@xl {
    margin-left: 360px !important;
  }
  .u-ml46\@xl {
    margin-left: 368px !important;
  }
  .u-ml47\@xl {
    margin-left: 376px !important;
  }
  .u-ml48\@xl {
    margin-left: 384px !important;
  }
  .u-ml49\@xl {
    margin-left: 392px !important;
  }
  .u-ml50\@xl {
    margin-left: 400px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-ml1\@xxl {
    margin-left: 8px !important;
  }
  .u-ml2\@xxl {
    margin-left: 16px !important;
  }
  .u-ml3\@xxl {
    margin-left: 24px !important;
  }
  .u-ml4\@xxl {
    margin-left: 32px !important;
  }
  .u-ml5\@xxl {
    margin-left: 40px !important;
  }
  .u-ml6\@xxl {
    margin-left: 48px !important;
  }
  .u-ml7\@xxl {
    margin-left: 56px !important;
  }
  .u-ml8\@xxl {
    margin-left: 64px !important;
  }
  .u-ml9\@xxl {
    margin-left: 72px !important;
  }
  .u-ml10\@xxl {
    margin-left: 80px !important;
  }
  .u-ml11\@xxl {
    margin-left: 88px !important;
  }
  .u-ml12\@xxl {
    margin-left: 96px !important;
  }
  .u-ml13\@xxl {
    margin-left: 104px !important;
  }
  .u-ml14\@xxl {
    margin-left: 112px !important;
  }
  .u-ml15\@xxl {
    margin-left: 120px !important;
  }
  .u-ml16\@xxl {
    margin-left: 128px !important;
  }
  .u-ml17\@xxl {
    margin-left: 136px !important;
  }
  .u-ml18\@xxl {
    margin-left: 144px !important;
  }
  .u-ml19\@xxl {
    margin-left: 152px !important;
  }
  .u-ml20\@xxl {
    margin-left: 160px !important;
  }
  .u-ml21\@xxl {
    margin-left: 168px !important;
  }
  .u-ml22\@xxl {
    margin-left: 176px !important;
  }
  .u-ml23\@xxl {
    margin-left: 184px !important;
  }
  .u-ml24\@xxl {
    margin-left: 192px !important;
  }
  .u-ml25\@xxl {
    margin-left: 200px !important;
  }
  .u-ml26\@xxl {
    margin-left: 208px !important;
  }
  .u-ml27\@xxl {
    margin-left: 216px !important;
  }
  .u-ml28\@xxl {
    margin-left: 224px !important;
  }
  .u-ml29\@xxl {
    margin-left: 232px !important;
  }
  .u-ml30\@xxl {
    margin-left: 240px !important;
  }
  .u-ml31\@xxl {
    margin-left: 248px !important;
  }
  .u-ml32\@xxl {
    margin-left: 256px !important;
  }
  .u-ml33\@xxl {
    margin-left: 264px !important;
  }
  .u-ml34\@xxl {
    margin-left: 272px !important;
  }
  .u-ml35\@xxl {
    margin-left: 280px !important;
  }
  .u-ml36\@xxl {
    margin-left: 288px !important;
  }
  .u-ml37\@xxl {
    margin-left: 296px !important;
  }
  .u-ml38\@xxl {
    margin-left: 304px !important;
  }
  .u-ml39\@xxl {
    margin-left: 312px !important;
  }
  .u-ml40\@xxl {
    margin-left: 320px !important;
  }
  .u-ml41\@xxl {
    margin-left: 328px !important;
  }
  .u-ml42\@xxl {
    margin-left: 336px !important;
  }
  .u-ml43\@xxl {
    margin-left: 344px !important;
  }
  .u-ml44\@xxl {
    margin-left: 352px !important;
  }
  .u-ml45\@xxl {
    margin-left: 360px !important;
  }
  .u-ml46\@xxl {
    margin-left: 368px !important;
  }
  .u-ml47\@xxl {
    margin-left: 376px !important;
  }
  .u-ml48\@xxl {
    margin-left: 384px !important;
  }
  .u-ml49\@xxl {
    margin-left: 392px !important;
  }
  .u-ml50\@xxl {
    margin-left: 400px !important;
  }
}
.u-ml-none {
  margin-left: 0 !important;
}
@media screen and (min-width: 400px) {
  .u-ml-none\@xs {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-ml-none\@s {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-ml-none\@s2 {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-ml-none\@m {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml-none\@l {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-ml-none\@base {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-ml-none\@xl {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-ml-none\@xxl {
    margin-left: 0 !important;
  }
}

.u-pt1 {
  padding-top: 8px !important;
}
@media screen and (min-width: 400px) {
  .u-pt1\@xs {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt1\@s {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt1\@s2 {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt1\@m {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt1\@l {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt1\@base {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt1\@xl {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt1\@xxl {
    padding-top: 8px !important;
  }
}

.u-pt2 {
  padding-top: 16px !important;
}
@media screen and (min-width: 400px) {
  .u-pt2\@xs {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt2\@s {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt2\@s2 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt2\@m {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt2\@l {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt2\@base {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt2\@xl {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt2\@xxl {
    padding-top: 16px !important;
  }
}

.u-pt3 {
  padding-top: 24px !important;
}
@media screen and (min-width: 400px) {
  .u-pt3\@xs {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt3\@s {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt3\@s2 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt3\@m {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt3\@l {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt3\@base {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt3\@xl {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt3\@xxl {
    padding-top: 24px !important;
  }
}

.u-pt4 {
  padding-top: 32px !important;
}
@media screen and (min-width: 400px) {
  .u-pt4\@xs {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt4\@s {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt4\@s2 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt4\@m {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt4\@l {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt4\@base {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt4\@xl {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt4\@xxl {
    padding-top: 32px !important;
  }
}

.u-pt5 {
  padding-top: 40px !important;
}
@media screen and (min-width: 400px) {
  .u-pt5\@xs {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt5\@s {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt5\@s2 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt5\@m {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt5\@l {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt5\@base {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt5\@xl {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt5\@xxl {
    padding-top: 40px !important;
  }
}

.u-pt6 {
  padding-top: 48px !important;
}
@media screen and (min-width: 400px) {
  .u-pt6\@xs {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt6\@s {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt6\@s2 {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt6\@m {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt6\@l {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt6\@base {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt6\@xl {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt6\@xxl {
    padding-top: 48px !important;
  }
}

.u-pt7 {
  padding-top: 56px !important;
}
@media screen and (min-width: 400px) {
  .u-pt7\@xs {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt7\@s {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt7\@s2 {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt7\@m {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt7\@l {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt7\@base {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt7\@xl {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt7\@xxl {
    padding-top: 56px !important;
  }
}

.u-pt8 {
  padding-top: 64px !important;
}
@media screen and (min-width: 400px) {
  .u-pt8\@xs {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt8\@s {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt8\@s2 {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt8\@m {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt8\@l {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt8\@base {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt8\@xl {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt8\@xxl {
    padding-top: 64px !important;
  }
}

.u-pt9 {
  padding-top: 72px !important;
}
@media screen and (min-width: 400px) {
  .u-pt9\@xs {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt9\@s {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt9\@s2 {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt9\@m {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt9\@l {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt9\@base {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt9\@xl {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt9\@xxl {
    padding-top: 72px !important;
  }
}

.u-pt10 {
  padding-top: 80px !important;
}
@media screen and (min-width: 400px) {
  .u-pt10\@xs {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt10\@s {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt10\@s2 {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt10\@m {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt10\@l {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt10\@base {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt10\@xl {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt10\@xxl {
    padding-top: 80px !important;
  }
}

.u-pt11 {
  padding-top: 88px !important;
}
@media screen and (min-width: 400px) {
  .u-pt11\@xs {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt11\@s {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt11\@s2 {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt11\@m {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt11\@l {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt11\@base {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt11\@xl {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt11\@xxl {
    padding-top: 88px !important;
  }
}

.u-pt12 {
  padding-top: 96px !important;
}
@media screen and (min-width: 400px) {
  .u-pt12\@xs {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt12\@s {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt12\@s2 {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt12\@m {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt12\@l {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt12\@base {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt12\@xl {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt12\@xxl {
    padding-top: 96px !important;
  }
}

.u-pt13 {
  padding-top: 104px !important;
}
@media screen and (min-width: 400px) {
  .u-pt13\@xs {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt13\@s {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt13\@s2 {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt13\@m {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt13\@l {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt13\@base {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt13\@xl {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt13\@xxl {
    padding-top: 104px !important;
  }
}

.u-pt14 {
  padding-top: 112px !important;
}
@media screen and (min-width: 400px) {
  .u-pt14\@xs {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt14\@s {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt14\@s2 {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt14\@m {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt14\@l {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt14\@base {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt14\@xl {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt14\@xxl {
    padding-top: 112px !important;
  }
}

.u-pt15 {
  padding-top: 120px !important;
}
@media screen and (min-width: 400px) {
  .u-pt15\@xs {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt15\@s {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt15\@s2 {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt15\@m {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt15\@l {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt15\@base {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt15\@xl {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt15\@xxl {
    padding-top: 120px !important;
  }
}

.u-pt16 {
  padding-top: 128px !important;
}
@media screen and (min-width: 400px) {
  .u-pt16\@xs {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt16\@s {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt16\@s2 {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt16\@m {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt16\@l {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt16\@base {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt16\@xl {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt16\@xxl {
    padding-top: 128px !important;
  }
}

.u-pt17 {
  padding-top: 136px !important;
}
@media screen and (min-width: 400px) {
  .u-pt17\@xs {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt17\@s {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt17\@s2 {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt17\@m {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt17\@l {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt17\@base {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt17\@xl {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt17\@xxl {
    padding-top: 136px !important;
  }
}

.u-pt18 {
  padding-top: 144px !important;
}
@media screen and (min-width: 400px) {
  .u-pt18\@xs {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt18\@s {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt18\@s2 {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt18\@m {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt18\@l {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt18\@base {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt18\@xl {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt18\@xxl {
    padding-top: 144px !important;
  }
}

.u-pt19 {
  padding-top: 152px !important;
}
@media screen and (min-width: 400px) {
  .u-pt19\@xs {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt19\@s {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt19\@s2 {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt19\@m {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt19\@l {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt19\@base {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt19\@xl {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt19\@xxl {
    padding-top: 152px !important;
  }
}

.u-pt20 {
  padding-top: 160px !important;
}
@media screen and (min-width: 400px) {
  .u-pt20\@xs {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt20\@s {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt20\@s2 {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt20\@m {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt20\@l {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt20\@base {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt20\@xl {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt20\@xxl {
    padding-top: 160px !important;
  }
}

.u-pt21 {
  padding-top: 168px !important;
}
@media screen and (min-width: 400px) {
  .u-pt21\@xs {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt21\@s {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt21\@s2 {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt21\@m {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt21\@l {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt21\@base {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt21\@xl {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt21\@xxl {
    padding-top: 168px !important;
  }
}

.u-pt22 {
  padding-top: 176px !important;
}
@media screen and (min-width: 400px) {
  .u-pt22\@xs {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt22\@s {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt22\@s2 {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt22\@m {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt22\@l {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt22\@base {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt22\@xl {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt22\@xxl {
    padding-top: 176px !important;
  }
}

.u-pt23 {
  padding-top: 184px !important;
}
@media screen and (min-width: 400px) {
  .u-pt23\@xs {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt23\@s {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt23\@s2 {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt23\@m {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt23\@l {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt23\@base {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt23\@xl {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt23\@xxl {
    padding-top: 184px !important;
  }
}

.u-pt24 {
  padding-top: 192px !important;
}
@media screen and (min-width: 400px) {
  .u-pt24\@xs {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt24\@s {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt24\@s2 {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt24\@m {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt24\@l {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt24\@base {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt24\@xl {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt24\@xxl {
    padding-top: 192px !important;
  }
}

.u-pt25 {
  padding-top: 200px !important;
}
@media screen and (min-width: 400px) {
  .u-pt25\@xs {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt25\@s {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt25\@s2 {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt25\@m {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt25\@l {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt25\@base {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt25\@xl {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt25\@xxl {
    padding-top: 200px !important;
  }
}

.u-pt26 {
  padding-top: 208px !important;
}
@media screen and (min-width: 400px) {
  .u-pt26\@xs {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt26\@s {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt26\@s2 {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt26\@m {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt26\@l {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt26\@base {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt26\@xl {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt26\@xxl {
    padding-top: 208px !important;
  }
}

.u-pt27 {
  padding-top: 216px !important;
}
@media screen and (min-width: 400px) {
  .u-pt27\@xs {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt27\@s {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt27\@s2 {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt27\@m {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt27\@l {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt27\@base {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt27\@xl {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt27\@xxl {
    padding-top: 216px !important;
  }
}

.u-pt28 {
  padding-top: 224px !important;
}
@media screen and (min-width: 400px) {
  .u-pt28\@xs {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt28\@s {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt28\@s2 {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt28\@m {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt28\@l {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt28\@base {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt28\@xl {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt28\@xxl {
    padding-top: 224px !important;
  }
}

.u-pt29 {
  padding-top: 232px !important;
}
@media screen and (min-width: 400px) {
  .u-pt29\@xs {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt29\@s {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt29\@s2 {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt29\@m {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt29\@l {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt29\@base {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt29\@xl {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt29\@xxl {
    padding-top: 232px !important;
  }
}

.u-pt30 {
  padding-top: 240px !important;
}
@media screen and (min-width: 400px) {
  .u-pt30\@xs {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt30\@s {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt30\@s2 {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt30\@m {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt30\@l {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt30\@base {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt30\@xl {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt30\@xxl {
    padding-top: 240px !important;
  }
}

.u-pt-none {
  padding-top: none !important;
}
@media screen and (min-width: 400px) {
  .u-pt-none\@xs {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pt-none\@s {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pt-none\@s2 {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pt-none\@m {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt-none\@l {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pt-none\@base {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pt-none\@xl {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pt-none\@xxl {
    padding-top: 0 !important;
  }
}

.u-pr1 {
  padding-right: 8px !important;
}
@media screen and (min-width: 400px) {
  .u-pr1\@xs {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr1\@s {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr1\@s2 {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr1\@m {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr1\@l {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr1\@base {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr1\@xl {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr1\@xxl {
    padding-right: 8px !important;
  }
}

.u-pr2 {
  padding-right: 16px !important;
}
@media screen and (min-width: 400px) {
  .u-pr2\@xs {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr2\@s {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr2\@s2 {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr2\@m {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr2\@l {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr2\@base {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr2\@xl {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr2\@xxl {
    padding-right: 16px !important;
  }
}

.u-pr3 {
  padding-right: 24px !important;
}
@media screen and (min-width: 400px) {
  .u-pr3\@xs {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr3\@s {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr3\@s2 {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr3\@m {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr3\@l {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr3\@base {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr3\@xl {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr3\@xxl {
    padding-right: 24px !important;
  }
}

.u-pr4 {
  padding-right: 32px !important;
}
@media screen and (min-width: 400px) {
  .u-pr4\@xs {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr4\@s {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr4\@s2 {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr4\@m {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr4\@l {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr4\@base {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr4\@xl {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr4\@xxl {
    padding-right: 32px !important;
  }
}

.u-pr5 {
  padding-right: 40px !important;
}
@media screen and (min-width: 400px) {
  .u-pr5\@xs {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr5\@s {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr5\@s2 {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr5\@m {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr5\@l {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr5\@base {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr5\@xl {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr5\@xxl {
    padding-right: 40px !important;
  }
}

.u-pr6 {
  padding-right: 48px !important;
}
@media screen and (min-width: 400px) {
  .u-pr6\@xs {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr6\@s {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr6\@s2 {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr6\@m {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr6\@l {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr6\@base {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr6\@xl {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr6\@xxl {
    padding-right: 48px !important;
  }
}

.u-pr7 {
  padding-right: 56px !important;
}
@media screen and (min-width: 400px) {
  .u-pr7\@xs {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr7\@s {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr7\@s2 {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr7\@m {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr7\@l {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr7\@base {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr7\@xl {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr7\@xxl {
    padding-right: 56px !important;
  }
}

.u-pr8 {
  padding-right: 64px !important;
}
@media screen and (min-width: 400px) {
  .u-pr8\@xs {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr8\@s {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr8\@s2 {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr8\@m {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr8\@l {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr8\@base {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr8\@xl {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr8\@xxl {
    padding-right: 64px !important;
  }
}

.u-pr9 {
  padding-right: 72px !important;
}
@media screen and (min-width: 400px) {
  .u-pr9\@xs {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr9\@s {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr9\@s2 {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr9\@m {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr9\@l {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr9\@base {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr9\@xl {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr9\@xxl {
    padding-right: 72px !important;
  }
}

.u-pr10 {
  padding-right: 80px !important;
}
@media screen and (min-width: 400px) {
  .u-pr10\@xs {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr10\@s {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr10\@s2 {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr10\@m {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr10\@l {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr10\@base {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr10\@xl {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr10\@xxl {
    padding-right: 80px !important;
  }
}

.u-pr11 {
  padding-right: 88px !important;
}
@media screen and (min-width: 400px) {
  .u-pr11\@xs {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr11\@s {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr11\@s2 {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr11\@m {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr11\@l {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr11\@base {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr11\@xl {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr11\@xxl {
    padding-right: 88px !important;
  }
}

.u-pr12 {
  padding-right: 96px !important;
}
@media screen and (min-width: 400px) {
  .u-pr12\@xs {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr12\@s {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr12\@s2 {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr12\@m {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr12\@l {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr12\@base {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr12\@xl {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr12\@xxl {
    padding-right: 96px !important;
  }
}

.u-pr13 {
  padding-right: 104px !important;
}
@media screen and (min-width: 400px) {
  .u-pr13\@xs {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr13\@s {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr13\@s2 {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr13\@m {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr13\@l {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr13\@base {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr13\@xl {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr13\@xxl {
    padding-right: 104px !important;
  }
}

.u-pr14 {
  padding-right: 112px !important;
}
@media screen and (min-width: 400px) {
  .u-pr14\@xs {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr14\@s {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr14\@s2 {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr14\@m {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr14\@l {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr14\@base {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr14\@xl {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr14\@xxl {
    padding-right: 112px !important;
  }
}

.u-pr15 {
  padding-right: 120px !important;
}
@media screen and (min-width: 400px) {
  .u-pr15\@xs {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr15\@s {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr15\@s2 {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr15\@m {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr15\@l {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr15\@base {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr15\@xl {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr15\@xxl {
    padding-right: 120px !important;
  }
}

.u-pr16 {
  padding-right: 128px !important;
}
@media screen and (min-width: 400px) {
  .u-pr16\@xs {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr16\@s {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr16\@s2 {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr16\@m {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr16\@l {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr16\@base {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr16\@xl {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr16\@xxl {
    padding-right: 128px !important;
  }
}

.u-pr17 {
  padding-right: 136px !important;
}
@media screen and (min-width: 400px) {
  .u-pr17\@xs {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr17\@s {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr17\@s2 {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr17\@m {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr17\@l {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr17\@base {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr17\@xl {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr17\@xxl {
    padding-right: 136px !important;
  }
}

.u-pr18 {
  padding-right: 144px !important;
}
@media screen and (min-width: 400px) {
  .u-pr18\@xs {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr18\@s {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr18\@s2 {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr18\@m {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr18\@l {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr18\@base {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr18\@xl {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr18\@xxl {
    padding-right: 144px !important;
  }
}

.u-pr19 {
  padding-right: 152px !important;
}
@media screen and (min-width: 400px) {
  .u-pr19\@xs {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr19\@s {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr19\@s2 {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr19\@m {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr19\@l {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr19\@base {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr19\@xl {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr19\@xxl {
    padding-right: 152px !important;
  }
}

.u-pr20 {
  padding-right: 160px !important;
}
@media screen and (min-width: 400px) {
  .u-pr20\@xs {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr20\@s {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr20\@s2 {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr20\@m {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr20\@l {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr20\@base {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr20\@xl {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr20\@xxl {
    padding-right: 160px !important;
  }
}

.u-pr21 {
  padding-right: 168px !important;
}
@media screen and (min-width: 400px) {
  .u-pr21\@xs {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr21\@s {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr21\@s2 {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr21\@m {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr21\@l {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr21\@base {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr21\@xl {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr21\@xxl {
    padding-right: 168px !important;
  }
}

.u-pr22 {
  padding-right: 176px !important;
}
@media screen and (min-width: 400px) {
  .u-pr22\@xs {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr22\@s {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr22\@s2 {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr22\@m {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr22\@l {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr22\@base {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr22\@xl {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr22\@xxl {
    padding-right: 176px !important;
  }
}

.u-pr23 {
  padding-right: 184px !important;
}
@media screen and (min-width: 400px) {
  .u-pr23\@xs {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr23\@s {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr23\@s2 {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr23\@m {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr23\@l {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr23\@base {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr23\@xl {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr23\@xxl {
    padding-right: 184px !important;
  }
}

.u-pr24 {
  padding-right: 192px !important;
}
@media screen and (min-width: 400px) {
  .u-pr24\@xs {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr24\@s {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr24\@s2 {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr24\@m {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr24\@l {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr24\@base {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr24\@xl {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr24\@xxl {
    padding-right: 192px !important;
  }
}

.u-pr25 {
  padding-right: 200px !important;
}
@media screen and (min-width: 400px) {
  .u-pr25\@xs {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr25\@s {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr25\@s2 {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr25\@m {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr25\@l {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr25\@base {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr25\@xl {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr25\@xxl {
    padding-right: 200px !important;
  }
}

.u-pr26 {
  padding-right: 208px !important;
}
@media screen and (min-width: 400px) {
  .u-pr26\@xs {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr26\@s {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr26\@s2 {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr26\@m {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr26\@l {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr26\@base {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr26\@xl {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr26\@xxl {
    padding-right: 208px !important;
  }
}

.u-pr27 {
  padding-right: 216px !important;
}
@media screen and (min-width: 400px) {
  .u-pr27\@xs {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr27\@s {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr27\@s2 {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr27\@m {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr27\@l {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr27\@base {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr27\@xl {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr27\@xxl {
    padding-right: 216px !important;
  }
}

.u-pr28 {
  padding-right: 224px !important;
}
@media screen and (min-width: 400px) {
  .u-pr28\@xs {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr28\@s {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr28\@s2 {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr28\@m {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr28\@l {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr28\@base {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr28\@xl {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr28\@xxl {
    padding-right: 224px !important;
  }
}

.u-pr29 {
  padding-right: 232px !important;
}
@media screen and (min-width: 400px) {
  .u-pr29\@xs {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr29\@s {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr29\@s2 {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr29\@m {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr29\@l {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr29\@base {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr29\@xl {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr29\@xxl {
    padding-right: 232px !important;
  }
}

.u-pr30 {
  padding-right: 240px !important;
}
@media screen and (min-width: 400px) {
  .u-pr30\@xs {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr30\@s {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr30\@s2 {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr30\@m {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr30\@l {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr30\@base {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr30\@xl {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr30\@xxl {
    padding-right: 240px !important;
  }
}

.u-pr-none {
  padding-right: none !important;
}
@media screen and (min-width: 400px) {
  .u-pr-none\@xs {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pr-none\@s {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pr-none\@s2 {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pr-none\@m {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr-none\@l {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pr-none\@base {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pr-none\@xl {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pr-none\@xxl {
    padding-right: 0 !important;
  }
}

.u-pb1 {
  padding-bottom: 8px !important;
}
@media screen and (min-width: 400px) {
  .u-pb1\@xs {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb1\@s {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb1\@s2 {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb1\@m {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb1\@l {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb1\@base {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb1\@xl {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb1\@xxl {
    padding-bottom: 8px !important;
  }
}

.u-pb2 {
  padding-bottom: 16px !important;
}
@media screen and (min-width: 400px) {
  .u-pb2\@xs {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb2\@s {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb2\@s2 {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb2\@m {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb2\@l {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb2\@base {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb2\@xl {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb2\@xxl {
    padding-bottom: 16px !important;
  }
}

.u-pb3 {
  padding-bottom: 24px !important;
}
@media screen and (min-width: 400px) {
  .u-pb3\@xs {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb3\@s {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb3\@s2 {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb3\@m {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb3\@l {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb3\@base {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb3\@xl {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb3\@xxl {
    padding-bottom: 24px !important;
  }
}

.u-pb4 {
  padding-bottom: 32px !important;
}
@media screen and (min-width: 400px) {
  .u-pb4\@xs {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb4\@s {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb4\@s2 {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb4\@m {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb4\@l {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb4\@base {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb4\@xl {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb4\@xxl {
    padding-bottom: 32px !important;
  }
}

.u-pb5 {
  padding-bottom: 40px !important;
}
@media screen and (min-width: 400px) {
  .u-pb5\@xs {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb5\@s {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb5\@s2 {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb5\@m {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb5\@l {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb5\@base {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb5\@xl {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb5\@xxl {
    padding-bottom: 40px !important;
  }
}

.u-pb6 {
  padding-bottom: 48px !important;
}
@media screen and (min-width: 400px) {
  .u-pb6\@xs {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb6\@s {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb6\@s2 {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb6\@m {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb6\@l {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb6\@base {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb6\@xl {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb6\@xxl {
    padding-bottom: 48px !important;
  }
}

.u-pb7 {
  padding-bottom: 56px !important;
}
@media screen and (min-width: 400px) {
  .u-pb7\@xs {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb7\@s {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb7\@s2 {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb7\@m {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb7\@l {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb7\@base {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb7\@xl {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb7\@xxl {
    padding-bottom: 56px !important;
  }
}

.u-pb8 {
  padding-bottom: 64px !important;
}
@media screen and (min-width: 400px) {
  .u-pb8\@xs {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb8\@s {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb8\@s2 {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb8\@m {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb8\@l {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb8\@base {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb8\@xl {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb8\@xxl {
    padding-bottom: 64px !important;
  }
}

.u-pb9 {
  padding-bottom: 72px !important;
}
@media screen and (min-width: 400px) {
  .u-pb9\@xs {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb9\@s {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb9\@s2 {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb9\@m {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb9\@l {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb9\@base {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb9\@xl {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb9\@xxl {
    padding-bottom: 72px !important;
  }
}

.u-pb10 {
  padding-bottom: 80px !important;
}
@media screen and (min-width: 400px) {
  .u-pb10\@xs {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb10\@s {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb10\@s2 {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb10\@m {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb10\@l {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb10\@base {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb10\@xl {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb10\@xxl {
    padding-bottom: 80px !important;
  }
}

.u-pb11 {
  padding-bottom: 88px !important;
}
@media screen and (min-width: 400px) {
  .u-pb11\@xs {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb11\@s {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb11\@s2 {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb11\@m {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb11\@l {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb11\@base {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb11\@xl {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb11\@xxl {
    padding-bottom: 88px !important;
  }
}

.u-pb12 {
  padding-bottom: 96px !important;
}
@media screen and (min-width: 400px) {
  .u-pb12\@xs {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb12\@s {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb12\@s2 {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb12\@m {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb12\@l {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb12\@base {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb12\@xl {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb12\@xxl {
    padding-bottom: 96px !important;
  }
}

.u-pb13 {
  padding-bottom: 104px !important;
}
@media screen and (min-width: 400px) {
  .u-pb13\@xs {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb13\@s {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb13\@s2 {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb13\@m {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb13\@l {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb13\@base {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb13\@xl {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb13\@xxl {
    padding-bottom: 104px !important;
  }
}

.u-pb14 {
  padding-bottom: 112px !important;
}
@media screen and (min-width: 400px) {
  .u-pb14\@xs {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb14\@s {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb14\@s2 {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb14\@m {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb14\@l {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb14\@base {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb14\@xl {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb14\@xxl {
    padding-bottom: 112px !important;
  }
}

.u-pb15 {
  padding-bottom: 120px !important;
}
@media screen and (min-width: 400px) {
  .u-pb15\@xs {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb15\@s {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb15\@s2 {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb15\@m {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb15\@l {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb15\@base {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb15\@xl {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb15\@xxl {
    padding-bottom: 120px !important;
  }
}

.u-pb16 {
  padding-bottom: 128px !important;
}
@media screen and (min-width: 400px) {
  .u-pb16\@xs {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb16\@s {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb16\@s2 {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb16\@m {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb16\@l {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb16\@base {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb16\@xl {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb16\@xxl {
    padding-bottom: 128px !important;
  }
}

.u-pb17 {
  padding-bottom: 136px !important;
}
@media screen and (min-width: 400px) {
  .u-pb17\@xs {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb17\@s {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb17\@s2 {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb17\@m {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb17\@l {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb17\@base {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb17\@xl {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb17\@xxl {
    padding-bottom: 136px !important;
  }
}

.u-pb18 {
  padding-bottom: 144px !important;
}
@media screen and (min-width: 400px) {
  .u-pb18\@xs {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb18\@s {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb18\@s2 {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb18\@m {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb18\@l {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb18\@base {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb18\@xl {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb18\@xxl {
    padding-bottom: 144px !important;
  }
}

.u-pb19 {
  padding-bottom: 152px !important;
}
@media screen and (min-width: 400px) {
  .u-pb19\@xs {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb19\@s {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb19\@s2 {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb19\@m {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb19\@l {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb19\@base {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb19\@xl {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb19\@xxl {
    padding-bottom: 152px !important;
  }
}

.u-pb20 {
  padding-bottom: 160px !important;
}
@media screen and (min-width: 400px) {
  .u-pb20\@xs {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb20\@s {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb20\@s2 {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb20\@m {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb20\@l {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb20\@base {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb20\@xl {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb20\@xxl {
    padding-bottom: 160px !important;
  }
}

.u-pb21 {
  padding-bottom: 168px !important;
}
@media screen and (min-width: 400px) {
  .u-pb21\@xs {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb21\@s {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb21\@s2 {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb21\@m {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb21\@l {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb21\@base {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb21\@xl {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb21\@xxl {
    padding-bottom: 168px !important;
  }
}

.u-pb22 {
  padding-bottom: 176px !important;
}
@media screen and (min-width: 400px) {
  .u-pb22\@xs {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb22\@s {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb22\@s2 {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb22\@m {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb22\@l {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb22\@base {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb22\@xl {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb22\@xxl {
    padding-bottom: 176px !important;
  }
}

.u-pb23 {
  padding-bottom: 184px !important;
}
@media screen and (min-width: 400px) {
  .u-pb23\@xs {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb23\@s {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb23\@s2 {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb23\@m {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb23\@l {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb23\@base {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb23\@xl {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb23\@xxl {
    padding-bottom: 184px !important;
  }
}

.u-pb24 {
  padding-bottom: 192px !important;
}
@media screen and (min-width: 400px) {
  .u-pb24\@xs {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb24\@s {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb24\@s2 {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb24\@m {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb24\@l {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb24\@base {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb24\@xl {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb24\@xxl {
    padding-bottom: 192px !important;
  }
}

.u-pb25 {
  padding-bottom: 200px !important;
}
@media screen and (min-width: 400px) {
  .u-pb25\@xs {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb25\@s {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb25\@s2 {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb25\@m {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb25\@l {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb25\@base {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb25\@xl {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb25\@xxl {
    padding-bottom: 200px !important;
  }
}

.u-pb26 {
  padding-bottom: 208px !important;
}
@media screen and (min-width: 400px) {
  .u-pb26\@xs {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb26\@s {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb26\@s2 {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb26\@m {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb26\@l {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb26\@base {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb26\@xl {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb26\@xxl {
    padding-bottom: 208px !important;
  }
}

.u-pb27 {
  padding-bottom: 216px !important;
}
@media screen and (min-width: 400px) {
  .u-pb27\@xs {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb27\@s {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb27\@s2 {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb27\@m {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb27\@l {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb27\@base {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb27\@xl {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb27\@xxl {
    padding-bottom: 216px !important;
  }
}

.u-pb28 {
  padding-bottom: 224px !important;
}
@media screen and (min-width: 400px) {
  .u-pb28\@xs {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb28\@s {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb28\@s2 {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb28\@m {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb28\@l {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb28\@base {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb28\@xl {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb28\@xxl {
    padding-bottom: 224px !important;
  }
}

.u-pb29 {
  padding-bottom: 232px !important;
}
@media screen and (min-width: 400px) {
  .u-pb29\@xs {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb29\@s {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb29\@s2 {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb29\@m {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb29\@l {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb29\@base {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb29\@xl {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb29\@xxl {
    padding-bottom: 232px !important;
  }
}

.u-pb30 {
  padding-bottom: 240px !important;
}
@media screen and (min-width: 400px) {
  .u-pb30\@xs {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb30\@s {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb30\@s2 {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb30\@m {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb30\@l {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb30\@base {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb30\@xl {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb30\@xxl {
    padding-bottom: 240px !important;
  }
}

.u-pb-none {
  padding-bottom: none !important;
}
@media screen and (min-width: 400px) {
  .u-pb-none\@xs {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pb-none\@s {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pb-none\@s2 {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pb-none\@m {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb-none\@l {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pb-none\@base {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pb-none\@xl {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pb-none\@xxl {
    padding-bottom: 0 !important;
  }
}

.u-pl1 {
  padding-left: 8px !important;
}
@media screen and (min-width: 400px) {
  .u-pl1\@xs {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl1\@s {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl1\@s2 {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl1\@m {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl1\@l {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl1\@base {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl1\@xl {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl1\@xxl {
    padding-left: 8px !important;
  }
}

.u-pl2 {
  padding-left: 16px !important;
}
@media screen and (min-width: 400px) {
  .u-pl2\@xs {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl2\@s {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl2\@s2 {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl2\@m {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl2\@l {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl2\@base {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl2\@xl {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl2\@xxl {
    padding-left: 16px !important;
  }
}

.u-pl3 {
  padding-left: 24px !important;
}
@media screen and (min-width: 400px) {
  .u-pl3\@xs {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl3\@s {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl3\@s2 {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl3\@m {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl3\@l {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl3\@base {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl3\@xl {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl3\@xxl {
    padding-left: 24px !important;
  }
}

.u-pl4 {
  padding-left: 32px !important;
}
@media screen and (min-width: 400px) {
  .u-pl4\@xs {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl4\@s {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl4\@s2 {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl4\@m {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl4\@l {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl4\@base {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl4\@xl {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl4\@xxl {
    padding-left: 32px !important;
  }
}

.u-pl5 {
  padding-left: 40px !important;
}
@media screen and (min-width: 400px) {
  .u-pl5\@xs {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl5\@s {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl5\@s2 {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl5\@m {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl5\@l {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl5\@base {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl5\@xl {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl5\@xxl {
    padding-left: 40px !important;
  }
}

.u-pl6 {
  padding-left: 48px !important;
}
@media screen and (min-width: 400px) {
  .u-pl6\@xs {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl6\@s {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl6\@s2 {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl6\@m {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl6\@l {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl6\@base {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl6\@xl {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl6\@xxl {
    padding-left: 48px !important;
  }
}

.u-pl7 {
  padding-left: 56px !important;
}
@media screen and (min-width: 400px) {
  .u-pl7\@xs {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl7\@s {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl7\@s2 {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl7\@m {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl7\@l {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl7\@base {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl7\@xl {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl7\@xxl {
    padding-left: 56px !important;
  }
}

.u-pl8 {
  padding-left: 64px !important;
}
@media screen and (min-width: 400px) {
  .u-pl8\@xs {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl8\@s {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl8\@s2 {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl8\@m {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl8\@l {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl8\@base {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl8\@xl {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl8\@xxl {
    padding-left: 64px !important;
  }
}

.u-pl9 {
  padding-left: 72px !important;
}
@media screen and (min-width: 400px) {
  .u-pl9\@xs {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl9\@s {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl9\@s2 {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl9\@m {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl9\@l {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl9\@base {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl9\@xl {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl9\@xxl {
    padding-left: 72px !important;
  }
}

.u-pl10 {
  padding-left: 80px !important;
}
@media screen and (min-width: 400px) {
  .u-pl10\@xs {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl10\@s {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl10\@s2 {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl10\@m {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl10\@l {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl10\@base {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl10\@xl {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl10\@xxl {
    padding-left: 80px !important;
  }
}

.u-pl11 {
  padding-left: 88px !important;
}
@media screen and (min-width: 400px) {
  .u-pl11\@xs {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl11\@s {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl11\@s2 {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl11\@m {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl11\@l {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl11\@base {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl11\@xl {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl11\@xxl {
    padding-left: 88px !important;
  }
}

.u-pl12 {
  padding-left: 96px !important;
}
@media screen and (min-width: 400px) {
  .u-pl12\@xs {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl12\@s {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl12\@s2 {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl12\@m {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl12\@l {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl12\@base {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl12\@xl {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl12\@xxl {
    padding-left: 96px !important;
  }
}

.u-pl13 {
  padding-left: 104px !important;
}
@media screen and (min-width: 400px) {
  .u-pl13\@xs {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl13\@s {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl13\@s2 {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl13\@m {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl13\@l {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl13\@base {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl13\@xl {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl13\@xxl {
    padding-left: 104px !important;
  }
}

.u-pl14 {
  padding-left: 112px !important;
}
@media screen and (min-width: 400px) {
  .u-pl14\@xs {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl14\@s {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl14\@s2 {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl14\@m {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl14\@l {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl14\@base {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl14\@xl {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl14\@xxl {
    padding-left: 112px !important;
  }
}

.u-pl15 {
  padding-left: 120px !important;
}
@media screen and (min-width: 400px) {
  .u-pl15\@xs {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl15\@s {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl15\@s2 {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl15\@m {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl15\@l {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl15\@base {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl15\@xl {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl15\@xxl {
    padding-left: 120px !important;
  }
}

.u-pl16 {
  padding-left: 128px !important;
}
@media screen and (min-width: 400px) {
  .u-pl16\@xs {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl16\@s {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl16\@s2 {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl16\@m {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl16\@l {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl16\@base {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl16\@xl {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl16\@xxl {
    padding-left: 128px !important;
  }
}

.u-pl17 {
  padding-left: 136px !important;
}
@media screen and (min-width: 400px) {
  .u-pl17\@xs {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl17\@s {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl17\@s2 {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl17\@m {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl17\@l {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl17\@base {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl17\@xl {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl17\@xxl {
    padding-left: 136px !important;
  }
}

.u-pl18 {
  padding-left: 144px !important;
}
@media screen and (min-width: 400px) {
  .u-pl18\@xs {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl18\@s {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl18\@s2 {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl18\@m {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl18\@l {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl18\@base {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl18\@xl {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl18\@xxl {
    padding-left: 144px !important;
  }
}

.u-pl19 {
  padding-left: 152px !important;
}
@media screen and (min-width: 400px) {
  .u-pl19\@xs {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl19\@s {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl19\@s2 {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl19\@m {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl19\@l {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl19\@base {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl19\@xl {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl19\@xxl {
    padding-left: 152px !important;
  }
}

.u-pl20 {
  padding-left: 160px !important;
}
@media screen and (min-width: 400px) {
  .u-pl20\@xs {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl20\@s {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl20\@s2 {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl20\@m {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl20\@l {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl20\@base {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl20\@xl {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl20\@xxl {
    padding-left: 160px !important;
  }
}

.u-pl21 {
  padding-left: 168px !important;
}
@media screen and (min-width: 400px) {
  .u-pl21\@xs {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl21\@s {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl21\@s2 {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl21\@m {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl21\@l {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl21\@base {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl21\@xl {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl21\@xxl {
    padding-left: 168px !important;
  }
}

.u-pl22 {
  padding-left: 176px !important;
}
@media screen and (min-width: 400px) {
  .u-pl22\@xs {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl22\@s {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl22\@s2 {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl22\@m {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl22\@l {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl22\@base {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl22\@xl {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl22\@xxl {
    padding-left: 176px !important;
  }
}

.u-pl23 {
  padding-left: 184px !important;
}
@media screen and (min-width: 400px) {
  .u-pl23\@xs {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl23\@s {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl23\@s2 {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl23\@m {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl23\@l {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl23\@base {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl23\@xl {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl23\@xxl {
    padding-left: 184px !important;
  }
}

.u-pl24 {
  padding-left: 192px !important;
}
@media screen and (min-width: 400px) {
  .u-pl24\@xs {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl24\@s {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl24\@s2 {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl24\@m {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl24\@l {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl24\@base {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl24\@xl {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl24\@xxl {
    padding-left: 192px !important;
  }
}

.u-pl25 {
  padding-left: 200px !important;
}
@media screen and (min-width: 400px) {
  .u-pl25\@xs {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl25\@s {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl25\@s2 {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl25\@m {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl25\@l {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl25\@base {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl25\@xl {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl25\@xxl {
    padding-left: 200px !important;
  }
}

.u-pl26 {
  padding-left: 208px !important;
}
@media screen and (min-width: 400px) {
  .u-pl26\@xs {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl26\@s {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl26\@s2 {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl26\@m {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl26\@l {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl26\@base {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl26\@xl {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl26\@xxl {
    padding-left: 208px !important;
  }
}

.u-pl27 {
  padding-left: 216px !important;
}
@media screen and (min-width: 400px) {
  .u-pl27\@xs {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl27\@s {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl27\@s2 {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl27\@m {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl27\@l {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl27\@base {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl27\@xl {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl27\@xxl {
    padding-left: 216px !important;
  }
}

.u-pl28 {
  padding-left: 224px !important;
}
@media screen and (min-width: 400px) {
  .u-pl28\@xs {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl28\@s {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl28\@s2 {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl28\@m {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl28\@l {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl28\@base {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl28\@xl {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl28\@xxl {
    padding-left: 224px !important;
  }
}

.u-pl29 {
  padding-left: 232px !important;
}
@media screen and (min-width: 400px) {
  .u-pl29\@xs {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl29\@s {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl29\@s2 {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl29\@m {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl29\@l {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl29\@base {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl29\@xl {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl29\@xxl {
    padding-left: 232px !important;
  }
}

.u-pl30 {
  padding-left: 240px !important;
}
@media screen and (min-width: 400px) {
  .u-pl30\@xs {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl30\@s {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl30\@s2 {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl30\@m {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl30\@l {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl30\@base {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl30\@xl {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl30\@xxl {
    padding-left: 240px !important;
  }
}

.u-pl-none {
  padding-left: none !important;
}
@media screen and (min-width: 400px) {
  .u-pl-none\@xs {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .u-pl-none\@s {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 937px) {
  .u-pl-none\@s2 {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .u-pl-none\@m {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl-none\@l {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-pl-none\@base {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-pl-none\@xl {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  .u-pl-none\@xxl {
    padding-left: 0 !important;
  }
}

[class*=u-width] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.u-width-1-12 {
  width: 8.3333333333%;
}

.u-width-2-12 {
  width: 16.6666666667%;
}

.u-width-3-12 {
  width: 25%;
}

.u-width-4-12 {
  width: 33.3333333333%;
}

.u-width-5-12 {
  width: 41.6666666667%;
}

.u-width-6-12 {
  width: 50%;
}

.u-width-7-12 {
  width: 58.3333333333%;
}

.u-width-8-12 {
  width: 66.6666666667%;
}

.u-width-9-12 {
  width: 75%;
}

.u-width-10-12 {
  width: 83.3333333333%;
}

.u-width-11-12 {
  width: 91.6666666667%;
}

.u-width-12-12 {
  width: 100%;
}

@media screen and (min-width: 400px) {
  .u-width-1-12\@xs {
    width: 8.3333333333%;
  }
  .u-width-2-12\@xs {
    width: 16.6666666667%;
  }
  .u-width-3-12\@xs {
    width: 25%;
  }
  .u-width-4-12\@xs {
    width: 33.3333333333%;
  }
  .u-width-5-12\@xs {
    width: 41.6666666667%;
  }
  .u-width-6-12\@xs {
    width: 50%;
  }
  .u-width-7-12\@xs {
    width: 58.3333333333%;
  }
  .u-width-8-12\@xs {
    width: 66.6666666667%;
  }
  .u-width-9-12\@xs {
    width: 75%;
  }
  .u-width-10-12\@xs {
    width: 83.3333333333%;
  }
  .u-width-11-12\@xs {
    width: 91.6666666667%;
  }
  .u-width-12-12\@xs {
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .u-width-1-12\@s {
    width: 8.3333333333%;
  }
  .u-width-2-12\@s {
    width: 16.6666666667%;
  }
  .u-width-3-12\@s {
    width: 25%;
  }
  .u-width-4-12\@s {
    width: 33.3333333333%;
  }
  .u-width-5-12\@s {
    width: 41.6666666667%;
  }
  .u-width-6-12\@s {
    width: 50%;
  }
  .u-width-7-12\@s {
    width: 58.3333333333%;
  }
  .u-width-8-12\@s {
    width: 66.6666666667%;
  }
  .u-width-9-12\@s {
    width: 75%;
  }
  .u-width-10-12\@s {
    width: 83.3333333333%;
  }
  .u-width-11-12\@s {
    width: 91.6666666667%;
  }
  .u-width-12-12\@s {
    width: 100%;
  }
}
@media screen and (min-width: 937px) {
  .u-width-1-12\@s2 {
    width: 8.3333333333%;
  }
  .u-width-2-12\@s2 {
    width: 16.6666666667%;
  }
  .u-width-3-12\@s2 {
    width: 25%;
  }
  .u-width-4-12\@s2 {
    width: 33.3333333333%;
  }
  .u-width-5-12\@s2 {
    width: 41.6666666667%;
  }
  .u-width-6-12\@s2 {
    width: 50%;
  }
  .u-width-7-12\@s2 {
    width: 58.3333333333%;
  }
  .u-width-8-12\@s2 {
    width: 66.6666666667%;
  }
  .u-width-9-12\@s2 {
    width: 75%;
  }
  .u-width-10-12\@s2 {
    width: 83.3333333333%;
  }
  .u-width-11-12\@s2 {
    width: 91.6666666667%;
  }
  .u-width-12-12\@s2 {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .u-width-1-12\@m {
    width: 8.3333333333%;
  }
  .u-width-2-12\@m {
    width: 16.6666666667%;
  }
  .u-width-3-12\@m {
    width: 25%;
  }
  .u-width-4-12\@m {
    width: 33.3333333333%;
  }
  .u-width-5-12\@m {
    width: 41.6666666667%;
  }
  .u-width-6-12\@m {
    width: 50%;
  }
  .u-width-7-12\@m {
    width: 58.3333333333%;
  }
  .u-width-8-12\@m {
    width: 66.6666666667%;
  }
  .u-width-9-12\@m {
    width: 75%;
  }
  .u-width-10-12\@m {
    width: 83.3333333333%;
  }
  .u-width-11-12\@m {
    width: 91.6666666667%;
  }
  .u-width-12-12\@m {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .u-width-1-12\@l {
    width: 8.3333333333%;
  }
  .u-width-2-12\@l {
    width: 16.6666666667%;
  }
  .u-width-3-12\@l {
    width: 25%;
  }
  .u-width-4-12\@l {
    width: 33.3333333333%;
  }
  .u-width-5-12\@l {
    width: 41.6666666667%;
  }
  .u-width-6-12\@l {
    width: 50%;
  }
  .u-width-7-12\@l {
    width: 58.3333333333%;
  }
  .u-width-8-12\@l {
    width: 66.6666666667%;
  }
  .u-width-9-12\@l {
    width: 75%;
  }
  .u-width-10-12\@l {
    width: 83.3333333333%;
  }
  .u-width-11-12\@l {
    width: 91.6666666667%;
  }
  .u-width-12-12\@l {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .u-width-1-12\@base {
    width: 8.3333333333%;
  }
  .u-width-2-12\@base {
    width: 16.6666666667%;
  }
  .u-width-3-12\@base {
    width: 25%;
  }
  .u-width-4-12\@base {
    width: 33.3333333333%;
  }
  .u-width-5-12\@base {
    width: 41.6666666667%;
  }
  .u-width-6-12\@base {
    width: 50%;
  }
  .u-width-7-12\@base {
    width: 58.3333333333%;
  }
  .u-width-8-12\@base {
    width: 66.6666666667%;
  }
  .u-width-9-12\@base {
    width: 75%;
  }
  .u-width-10-12\@base {
    width: 83.3333333333%;
  }
  .u-width-11-12\@base {
    width: 91.6666666667%;
  }
  .u-width-12-12\@base {
    width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .u-width-1-12\@xl {
    width: 8.3333333333%;
  }
  .u-width-2-12\@xl {
    width: 16.6666666667%;
  }
  .u-width-3-12\@xl {
    width: 25%;
  }
  .u-width-4-12\@xl {
    width: 33.3333333333%;
  }
  .u-width-5-12\@xl {
    width: 41.6666666667%;
  }
  .u-width-6-12\@xl {
    width: 50%;
  }
  .u-width-7-12\@xl {
    width: 58.3333333333%;
  }
  .u-width-8-12\@xl {
    width: 66.6666666667%;
  }
  .u-width-9-12\@xl {
    width: 75%;
  }
  .u-width-10-12\@xl {
    width: 83.3333333333%;
  }
  .u-width-11-12\@xl {
    width: 91.6666666667%;
  }
  .u-width-12-12\@xl {
    width: 100%;
  }
}
@media screen and (min-width: 1900px) {
  .u-width-1-12\@xxl {
    width: 8.3333333333%;
  }
  .u-width-2-12\@xxl {
    width: 16.6666666667%;
  }
  .u-width-3-12\@xxl {
    width: 25%;
  }
  .u-width-4-12\@xxl {
    width: 33.3333333333%;
  }
  .u-width-5-12\@xxl {
    width: 41.6666666667%;
  }
  .u-width-6-12\@xxl {
    width: 50%;
  }
  .u-width-7-12\@xxl {
    width: 58.3333333333%;
  }
  .u-width-8-12\@xxl {
    width: 66.6666666667%;
  }
  .u-width-9-12\@xxl {
    width: 75%;
  }
  .u-width-10-12\@xxl {
    width: 83.3333333333%;
  }
  .u-width-11-12\@xxl {
    width: 91.6666666667%;
  }
  .u-width-12-12\@xxl {
    width: 100%;
  }
}
.u-image-rounded {
  border-radius: 15px;
}
.u-image-rounded-xs {
  border-radius: 5px;
}
.u-image-rounded-s {
  border-radius: 10px;
}
.u-image-rounded-m {
  border-radius: 15px;
}
.u-image-rounded-l {
  border-radius: 20px;
}

.u-image-top-left-rounded {
  border-top-left-radius: 15px;
}

.u-image-top-right-rounded {
  border-top-right-radius: 15px;
}

.u-image-bottom-left-rounded {
  border-bottom-left-radius: 15px;
}

.u-image-bottom-right-rounded {
  border-bottom-right-radius: 15px;
}

.u-image-border {
  border: 3px solid #DBDBDB;
}
.u-image-border--black {
  border-color: #4C4948;
}

.u-unique-image {
  max-width: calc(100% + 20px) !important;
  left: -10px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .u-unique-image {
    max-width: 100% !important;
  }
}

@media screen and (min-width: 640px) {
  .u-image-cover {
    height: 100%;
  }
}
@media screen and (min-width: 640px) {
  .u-image-cover img {
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
  }
}

.u-image-cap {
  position: relative;
}
.u-image-cap__text {
  position: absolute;
  right: -42px;
  line-height: 1em;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #9C9C9C;
  transform: rotate(90deg);
  top: 19px;
}
@media screen and (min-width: 640px) {
  .u-image-cap__text--unit2 {
    top: auto;
    bottom: 20px;
  }
}
.u-image-cap__text--ct {
  right: -22px;
  top: 3px;
}
@media screen and (min-width: 640px) {
  .u-image-cap__text--ct {
    transform: rotate(0deg);
    left: 0;
    top: -19px;
  }
}
.u-image-cap__text--private {
  right: -30px;
  top: 6px;
}
@media screen and (min-width: 640px) {
  .u-image-cap__text--private {
    right: auto;
    left: -30px;
  }
}

.u-position-relative {
  position: relative;
}

@media screen and (min-width: 400px) {
  .u-position-relative\@xs {
    position: relative;
  }
}

@media screen and (min-width: 640px) {
  .u-position-relative\@s {
    position: relative;
  }
}

@media screen and (min-width: 937px) {
  .u-position-relative\@s2 {
    position: relative;
  }
}

@media screen and (min-width: 960px) {
  .u-position-relative\@m {
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .u-position-relative\@l {
    position: relative;
  }
}

@media screen and (min-width: 1440px) {
  .u-position-relative\@base {
    position: relative;
  }
}

@media screen and (min-width: 1600px) {
  .u-position-relative\@xl {
    position: relative;
  }
}

@media screen and (min-width: 1900px) {
  .u-position-relative\@xxl {
    position: relative;
  }
}

.u-position-absolute {
  position: absolute;
}

@media screen and (min-width: 400px) {
  .u-position-absolute\@xs {
    position: absolute;
  }
}

@media screen and (min-width: 640px) {
  .u-position-absolute\@s {
    position: absolute;
  }
}

@media screen and (min-width: 937px) {
  .u-position-absolute\@s2 {
    position: absolute;
  }
}

@media screen and (min-width: 960px) {
  .u-position-absolute\@m {
    position: absolute;
  }
}

@media screen and (min-width: 1200px) {
  .u-position-absolute\@l {
    position: absolute;
  }
}

@media screen and (min-width: 1440px) {
  .u-position-absolute\@base {
    position: absolute;
  }
}

@media screen and (min-width: 1600px) {
  .u-position-absolute\@xl {
    position: absolute;
  }
}

@media screen and (min-width: 1900px) {
  .u-position-absolute\@xxl {
    position: absolute;
  }
}

.u-position-fixed {
  position: fixed;
}

@media screen and (min-width: 400px) {
  .u-position-fixed\@xs {
    position: fixed;
  }
}

@media screen and (min-width: 640px) {
  .u-position-fixed\@s {
    position: fixed;
  }
}

@media screen and (min-width: 937px) {
  .u-position-fixed\@s2 {
    position: fixed;
  }
}

@media screen and (min-width: 960px) {
  .u-position-fixed\@m {
    position: fixed;
  }
}

@media screen and (min-width: 1200px) {
  .u-position-fixed\@l {
    position: fixed;
  }
}

@media screen and (min-width: 1440px) {
  .u-position-fixed\@base {
    position: fixed;
  }
}

@media screen and (min-width: 1600px) {
  .u-position-fixed\@xl {
    position: fixed;
  }
}

@media screen and (min-width: 1900px) {
  .u-position-fixed\@xxl {
    position: fixed;
  }
}

.u-position-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 400px) {
  .u-position-center\@xs {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 640px) {
  .u-position-center\@s {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 937px) {
  .u-position-center\@s2 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 960px) {
  .u-position-center\@m {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 1200px) {
  .u-position-center\@l {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 1440px) {
  .u-position-center\@base {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 1600px) {
  .u-position-center\@xl {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 1900px) {
  .u-position-center\@xxl {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.u-underline {
  position: relative;
  z-index: 2;
}
.u-underline::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: -1;
}
.u-underline--font::after {
  background: #4C4948;
}
.u-underline--text::after {
  background: #4C4948;
}
.u-underline--text-gray::after {
  background: #707070;
}
.u-underline--background-yellow::after {
  background: #078F58;
}
.u-underline--background-light-yellow::after {
  background: #3AB483;
}
.u-underline--background-gray::after {
  background: #9C9C9C;
}
.u-underline--white::after {
  background: #fff;
}
.u-underline--vertical::after {
  left: 0;
}

.aligncenter {
  display: block;
  margin: 40px auto;
}

.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.i-icon {
  display: inline-block;
  margin-right: 4px;
}

.i-phone {
  display: inline-block;
}
.i-email {
  display: inline-block;
}
.u-between {
  margin-right: 14px;
  position: relative;
}
.u-between:after {
  content: "";
  width: 6px;
  height: 1px;
  background: #111;
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-50%);
}
.u-between.-white:after {
  background: #fff;
}

.u-split {
  position: relative;
  margin-right: 19px;
}
.u-split:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.942%22%20height%3D%2214.336%22%20viewBox%3D%220%200%205.942%2014.336%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_13%22%20data-name%3D%22%E7%B7%9A%2013%22%20x1%3D%225%22%20y2%3D%2214%22%20transform%3D%22translate(0.471%200.168)%22%20fill%3D%22none%22%20stroke%3D%22%23111%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}
.u-split.-white:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.942%22%20height%3D%2214.336%22%20viewBox%3D%220%200%205.942%2014.336%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_36%22%20data-name%3D%22%E7%B7%9A%2036%22%20x1%3D%225%22%20y2%3D%2214%22%20transform%3D%22translate(0.471%200.168)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}/*# sourceMappingURL=style.css.map */