@charset "UTF-8";
/*
Theme Name: Kawai Dental Office
Version: 1.0
Description: Kawai Dental Office Theme
Author: ornitho
*/
/* ==============================
 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: #111111;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.hover-underline-effect:hover:after {
  width: 100%;
}
.hover-underline-effect:active:after {
  background: #111111;
}

.heading2 {
  letter-spacing: 0.2em;
  padding-left: 60px;
  font-weight: 400;
  position: relative;
  color: #111111;
  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: #111111;
}
@media screen and (min-width: 1200px) {
  .heading2:before {
    width: 102px;
  }
}

.heading3 {
  font-weight: 400;
  font-size: 18px;
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
  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: #111111;
}
.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: 300;
  src: url("assets/fonts/Noto_Sans_JP/NotoSansJP-Light.otf");
}
@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: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/Noto_Sans_JP/NotoSansJP-black.otf");
}
html {
  min-height: 100%;
}

body {
  min-height: 100%;
  position: relative;
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  color: #111111;
  counter-reset: number;
  width: 100%;
  overflow-x: clip;
}

.page,
.archive,
.single {
  background-color: #F4F2FD;
}

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

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

p {
  font-size: 14px;
  line-height: 2em;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  p {
    font-size: 16px;
  }
}

/* ==============================
 Layout
============================== */
@keyframes fadeDown {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
@keyframes drawLine {
  0% {
    width: 0;
  }
  100% {
    width: calc(100% - 40px);
  }
}
.l-header {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff;
  z-index: 2000;
}
.l-header__logo {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  padding-top: 24px;
  padding-left: 16px;
  z-index: 4;
  background: #ffffff;
  height: 127px;
  width: 237px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media screen and (min-width: 640px) {
  .l-header__logo {
    padding-top: 48px;
    padding-left: 24px;
    height: 169px;
  }
}
@media screen and (min-width: 1200px) {
  .l-header__logo {
    position: fixed;
  }
}
.l-header__menu {
  position: fixed;
  right: 16px;
  top: 24px;
  z-index: 4;
}
@media screen and (min-width: 1200px) {
  .l-header__menu {
    right: 40px;
    top: 40px;
  }
}
.l-header__modal-button {
  display: block;
}
@media screen and (min-width: 1200px) {
  .l-header__modal-button {
    display: none;
  }
}
.l-header__modal-button.fadeDown {
  animation-name: fadeDownAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  display: block;
}
.l-header.is-active {
  position: fixed;
}

@keyframes fadeDownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.l-header-menu {
  display: none;
}
@media screen and (min-width: 1200px) {
  .l-header-menu {
    display: flex;
    margin-top: 16px;
  }
}
.l-header-menu.dnone {
  display: none;
  /*透過0にして非表示に*/
}
.l-header-menu__menu {
  margin-right: 24px;
  display: flex;
}
.l-header-menu__menu__item {
  list-style: none;
  margin-right: 24px;
  font-size: 14px;
  letter-spacing: 0em;
  font-weight: bold;
  color: #ffffff;
  position: relative;
}
.l-header-menu__menu__item:last-child {
  margin-right: 0px;
}
.l-header-menu__menu__item--dropdown {
  padding-bottom: 16px;
  position: relative;
}
.l-header-menu__menu__item--dropdown:after {
  padding-left: 8px;
  content: url("assets/img/svg/yelow-allow.svg");
}
.l-header-menu__menu__item--dropdown:hover .c-haderdropdown {
  display: block;
  transition: 0.2s;
}
.l-header-menu__menu__item--dropdown:focus .c-haderdropdown {
  display: block;
  transition: 0.2s;
}

.l-header-banner {
  position: fixed;
  right: 14px;
  bottom: 14px;
  width: 282px;
  z-index: 4;
}
@media screen and (min-width: 1200px) {
  .l-header-banner {
    bottom: 32px;
  }
}
.l-header-banner__close {
  position: absolute;
  right: 2px;
  top: 3px;
}

.c-haderdropdown {
  display: none;
  position: absolute;
  left: -20px;
  bottom: 0px;
  transform: translate(0, 100%);
  transition: 0.2s;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 32px;
  filter: drop-shadow(4px 5px 0 rgba(0, 0, 0, 0.85));
}
.c-haderdropdown__list__item {
  position: relative;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1em;
  color: #000000;
  margin-bottom: 20px;
  padding-right: 38px;
  white-space: nowrap;
}
.c-haderdropdown__list__item:last-child {
  margin-bottom: 0px;
}
.c-haderdropdown__list__item:after {
  position: absolute;
  right: 0;
  top: 0px;
  content: url("assets/img/svg/arrow.svg");
  transition: 0.2s;
}

.l-footer {
  background-color: #000000;
  position: relative;
  overflow-x: clip;
  padding: 20px;
  z-index: 1;
}
.l-footer__logo {
  position: absolute;
  display: inline-block;
  top: -1px;
  left: 0px;
  padding: 34px 0px 0px 25px;
  z-index: 4;
  background: #ffffff;
  height: 234px;
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media screen and (min-width: 640px) {
  .l-footer__logo {
    width: 386px;
    height: 250px;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__logo {
    padding: 71px 0px 0px 56px;
    width: 460px;
    height: 360px;
  }
}
.l-footer__logo__image {
  width: 103px;
  display: block;
  margin-bottom: 27px;
}
.l-footer__logo__text {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
}
.l-footer__inner {
  margin: auto;
  padding: 290px 24px 21px;
}
@media screen and (min-width: 640px) {
  .l-footer__inner {
    display: flex;
    justify-content: end;
    padding: 50px 56px 75px;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__inner {
    max-width: 960px;
    padding: 50px 56px 17px;
  }
}
.l-footer__title {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1em;
  margin-bottom: 16px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
}
.l-footer__text {
  font-size: 14px;
  line-height: 1.5em;
  color: #ffffff;
}
.l-footer__copyright {
  font-size: 12px;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: right;
}

.l-footer__triangle {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  right: 0px;
  background: #392987;
  height: 129px;
  width: 196px;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .l-footer__triangle {
    height: 181px;
    width: 214px;
  }
}

.l-copyright {
  font-family: "Montserrat", sans-serif;
  color: #111111;
  font-size: 12px;
  letter-spacing: 0.15em;
}

@keyframes left-to-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.c-heading-vertical {
  color: #111111;
  position: relative;
}
.c-heading-vertical__en {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  margin-bottom: 8px;
  text-transform: capitalize;
}
@media screen and (min-width: 640px) {
  .c-heading-vertical__en {
    font-size: 34px;
  }
}
.c-heading-vertical__ja {
  font-family: corporate-logo-ver2, sans-serif;
  display: inline-block;
  font-size: 18px;
  padding-right: 16px;
  z-index: 2;
  background-color: #ffffff;
}
.c-heading-vertical__ja--grey {
  background-color: #f0f0f0;
}
.c-heading-vertical__ja:before {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 9px;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #111111;
}
@media screen and (min-width: 640px) {
  .c-heading-vertical__ja:before {
    bottom: 13px;
  }
}
@media screen and (min-width: 640px) {
  .c-heading-vertical__ja {
    font-size: 22px;
  }
}

@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-share-button {
  background-color: #ffffff;
  border: none;
  font-size: 14px;
  font-weight: medium;
  position: relative;
}
.c-share-button:before {
  position: absolute;
  left: -22px;
  top: -3px;
  content: url("assets/img/twitter.svg");
  width: 10px;
}

.c-table {
  width: 100%;
}
.c-table th {
  padding: 10px;
}
.c-table td {
  vertical-align: middle;
  padding: 10px;
}
.c-table--divider tr {
  border-bottom: 1px solid #111111;
  position: relative;
}
.c-table--divider tr:after {
  content: url("assets/img/black-triangle.svg");
  position: absolute;
  right: 0;
  bottom: -1px;
}
.c-table--divider tr:last-child {
  border-bottom: none;
}
.c-table--divider tr:last-child:after {
  content: "";
}
.c-table--divider tr th {
  font-size: 15px;
  font-weight: 500;
  padding: 16px 0 8px 0;
  text-align: left;
  display: block;
}
@media screen and (min-width: 960px) {
  .c-table--divider tr th {
    display: table-cell;
    font-size: 16px;
    padding: 16px 0;
  }
}
.c-table--divider tr td {
  padding: 0 0 16px 0;
  font-size: 15px;
  line-height: 1.4;
  display: block;
}
@media screen and (min-width: 960px) {
  .c-table--divider tr td {
    display: table-cell;
    font-size: 16px;
    padding: 16px 0;
  }
}
.c-table--divider.-large tr th {
  font-size: 16px;
}
.c-table--divider.-large tr td {
  font-size: 16px;
}
.c-table--divider.-colored tr {
  border-bottom: 2px solid #fff;
}
.c-table--bordered th,
.c-table--bordered td {
  border: 1px solid #EEEEEE;
}
.c-table--clinic-info th {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 13px;
  color: #787B7D;
  letter-spacing: 0.1em;
  display: block;
  text-align: left;
  padding: 0 0 8px 0;
}
@media screen and (min-width: 960px) {
  .c-table--clinic-info th {
    display: table-cell;
    padding: 0;
    width: 90px;
  }
}
.c-table--clinic-info td {
  display: block;
  padding: 0 0 24px 0;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 960px) {
  .c-table--clinic-info td {
    display: table-cell;
  }
}
.c-table--clinic-info tr:last-child td {
  padding-bottom: 0;
}
@media screen and (min-width: 960px) {
  .c-table--clinic-info tr:last-child th {
    padding-bottom: 0;
  }
  .c-table--clinic-info tr:last-child td {
    padding-bottom: 0;
  }
}

.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.4;
  margin-bottom: 8px;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .c-list__item {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.c-list__item:last-child {
  margin-bottom: 0;
}
.c-list--border .c-list__item {
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
  padding-left: 20px;
  position: relative;
  font-weight: bold;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .c-list--border .c-list__item {
    margin-botom: 24px;
  }
}
.c-list--border .c-list__item:before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 1px;
  width: 12px;
  background-color: white;
  position: absolute;
}
.c-list--border .c-list__item:last-child {
  margin-bottom: 10px;
}
.c-list--number {
  counter-reset: listnum;
}
.c-list--number .c-list__item {
  padding-left: 32px;
  position: relative;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .c-list--number .c-list__item {
    font-size: 16px;
  }
}
.c-list--number .c-list__item:before {
  counter-increment: listnum;
  /* counter-resetと同じ文字列 */
  content: counter(listnum) ".";
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 14px;
  font-style: italic;
  line-height: 1.8em;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 640px) {
  .c-list--number .c-list__item:before {
    font-size: 16px;
  }
}
.c-list--number2 {
  counter-reset: listnum;
}
.c-list--number2 .c-list__item {
  padding-left: 36px;
  position: relative;
  margin-bottom: 14px;
}
@media screen and (min-width: 640px) {
  .c-list--number2 .c-list__item {
    font-size: 16px;
  }
}
.c-list--number2 .c-list__item:before {
  counter-increment: listnum;
  /* counter-resetと同じ文字列 */
  content: counter(listnum);
  position: absolute;
  left: 8px;
  top: 53%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  text-align: center;
}
.c-list--number2 .c-list__item:after {
  width: 24px;
  height: 24px;
  border: 1px solid;
  border-radius: 50%;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.c-list--square .c-list__item {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  padding-left: 24px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .c-list--square .c-list__item {
    font-size: 16px;
  }
}
.c-list--square .c-list__item::before {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #392987;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.l-entry-header {
  background-color: #402E9B;
  position: relative;
  margin-top: 0;
  margin-bottom: 72px;
  padding: 199px 24px 131px;
  color: #ffffff;
}
@media screen and (min-width: 640px) {
  .l-entry-header {
    padding-top: 252px;
    padding-bottom: 101px;
    padding: 252px 55px 101px;
  }
}
@media screen and (min-width: 1200px) {
  .l-entry-header {
    padding: 282px 120px 180px;
  }
}
.l-entry-header:before {
  right: 0;
  bottom: -13px;
  z-index: 2;
  content: "";
  position: absolute;
  border-bottom: 178px solid #392987;
  /* 好みで高さ色を変えてください */
  border-left: 84vw solid transparent;
}
@media screen and (min-width: 640px) {
  .l-entry-header:before {
    border-bottom: 282px solid #392987;
    border-left: 36vw solid transparent;
    bottom: -32px;
  }
}
@media screen and (min-width: 1200px) {
  .l-entry-header:before {
    border-bottom: 691px solid #392987;
    border-left: 741px solid transparent;
  }
}

.l-entry-heading {
  text-align: left;
  max-width: 1200px;
  margin: auto;
}
.l-entry-heading__en {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 47px;
  letter-spacing: -0.06em;
  line-height: 1em;
}
@media screen and (min-width: 640px) {
  .l-entry-heading__en {
    font-size: 80px;
  }
}
.l-entry-heading__ja {
  font-size: 18px;
  letter-spacing: 0.1em;
  font-family: corporate-logo-ver2, sans-serif;
}
@media screen and (min-width: 640px) {
  .l-entry-heading__ja {
    font-size: 24px;
  }
}

.l-entry-scroll {
  position: absolute;
  right: 64px;
  bottom: 187px;
  font-size: 15px;
  letter-spacing: 0em;
  line-height: 1em;
  transform: rotate(90deg);
  z-index: 3;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  padding-right: 16px;
  display: none;
}
@media screen and (min-width: 640px) {
  .l-entry-scroll {
    display: block;
  }
}
.l-entry-scroll::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 72px;
  background-color: #ffffff;
  width: 107px;
  height: 1px;
}
.l-entry-scroll--purple {
  color: #392987;
  left: -15px;
  right: auto;
  bottom: auto;
  top: 60px;
  display: none;
}
@media screen and (min-width: 1200px) {
  .l-entry-scroll--purple {
    display: block;
  }
}
.l-entry-scroll--purple:after {
  background-color: #392987;
}

.l-entry-wrap {
  padding: 0 32px;
}
@media screen and (min-width: 640px) {
  .l-entry-wrap {
    padding: 0 56px;
    max-width: 1200px;
    margin: auto;
  }
}

.l-entry__meta {
  border-bottom: 1px solid #392987;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.l-entry__meta__copy {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.5em;
  padding: 3px 16px;
  background-color: #392987;
  display: inline-block;
  margin-bottom: 8px;
}
.l-entry__meta__title {
  font-size: 28px;
  line-height: 1.3em;
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .l-entry__meta__title {
    font-size: 40px;
  }
}
.l-entry__meta__event-date {
  font-size: 12px;
  padding-left: 26px;
  margin-bottom: 8px;
  position: relative;
}
.l-entry__meta__event-date:before {
  position: absolute;
  left: 0;
  content: url("assets/img/i-date.svg");
  top: 4px;
}
.l-entry__meta__event-location {
  font-size: 12px;
  padding-left: 26px;
  margin-bottom: 8px;
  position: relative;
}
.l-entry__meta__event-location:before {
  position: absolute;
  left: 0;
  content: url("assets/img/i-locate.svg");
  top: 4px;
}
.l-entry__meta__additional {
  font-weight: 300 !important;
}

.l-entry__contents__catch {
  margin-bottom: 32px;
}
.l-entry__contents h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #392987;
  margin-bottom: 32px;
  line-height: 1.3em;
  position: relative;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #392987;
}
@media screen and (min-width: 640px) {
  .l-entry__contents h2 {
    font-size: 26px;
  }
}
.l-entry__contents h3 {
  color: #ffffff;
  background-color: #392987;
  line-height: 1.5em;
  font-size: 15px;
  padding: 0 8px;
  margin-bottom: 32px;
  display: inline-block;
}
.l-entry__contents p {
  font-size: 14px;
  line-height: 1.8em;
  margin-bottom: 32px;
}
@media screen and (min-width: 640px) {
  .l-entry__contents p {
    font-size: 16px;
  }
}
.l-entry__contents img {
  margin-bottom: 32px;
}
.l-entry__contents strong {
  color: #392987;
}
.l-entry__contents mark {
  font-style: normal;
  font-weight: normal;
  color: #111111;
  background-color: #FFE600;
}
.l-entry__contents mark strong {
  color: #111111;
}
.l-entry__contents ul {
  margin-bottom: 40px;
}
.l-entry__contents ul li {
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  padding-left: 24px;
  line-height: 1.5em;
  position: relative;
}
@media screen and (min-width: 640px) {
  .l-entry__contents ul li {
    font-size: 16px;
  }
}
.l-entry__contents ul li::before {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #392987;
  position: absolute;
  left: 0;
  top: 4px;
}
@media screen and (min-width: 640px) {
  .l-entry__contents ul li::before {
    top: 8px;
  }
}
.l-entry__contents ul li ul {
  margin-top: 9px;
  margin-left: 24px;
  margin-bottom: 8px;
}
.l-entry__contents ul li ul li {
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  padding-left: 24px;
  line-height: 1.5em;
  position: relative;
}
@media screen and (min-width: 640px) {
  .l-entry__contents ul li ul li {
    font-size: 16px;
  }
}
.l-entry__contents ul li ul li::before {
  content: "";
  height: 8px;
  width: 8px;
  border: #392987 2px solid;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.l-entry__contents table {
  width: 100%;
}
.l-entry__contents table th,
.l-entry__contents table td {
  vertical-align: middle;
  padding: 10px;
  border: 2px solid #F4F2FD;
  margin: 2px;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 16px 24px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5em;
}
@media screen and (min-width: 640px) {
  .l-entry__contents table th,
  .l-entry__contents table td {
    font-size: 16px;
    padding: 24px 48px;
  }
}
.l-entry__contents table th strong,
.l-entry__contents table td strong {
  color: #111111;
}
.l-entry__contents table th {
  min-width: 104px;
  white-space: nowrap;
}

/* ==============================
 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 {
  list-style: none;
  margin-top: 16px;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}
.c-breadcrumb__item {
  display: inline-block;
  padding: 0 24px 0 0;
  font-size: 12px;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.c-breadcrumb__item--ja {
  font-family: corporate-logo-ver2, sans-serif;
}
.c-breadcrumb__item:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: 8px;
}
.c-breadcrumb__item:last-child {
  padding-right: 0;
}
.c-breadcrumb__item:last-child:after {
  content: none;
}

.single .c-breadcrumb-wrap {
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 8px;
  scrollbar-color: #392987 #402E9B;
  scrollbar-width: thin;
}
@media screen and (min-width: 960px) {
  .single .c-breadcrumb-wrap {
    overflow-x: i;
  }
}

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

@media screen and (min-width: 376px) {
  .c-backquote\@xxs {
    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: 960px) {
  .c-backquote\@m {
    border-left: 1px solid #9D9D9D;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1024px) {
  .c-backquote\@ml {
    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: 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: 16px;
  box-sizing: border-box;
  max-width: 1200px;
}
@media screen and (min-width: 640px) {
  .c-container {
    padding: 0 32px;
  }
}
@media screen and (min-width: 1200px) {
  .c-container {
    padding: 0 40px;
  }
}
.c-container--xxs {
  max-width: 376px !important;
}
@media screen and (min-width: 376px) {
  .c-container--xxs\@xxs {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 400px) {
  .c-container--xxs\@xs {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--xxs\@s {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--xxs\@m {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--xxs\@ml {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xxs\@l {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--xxs\@xl {
    max-width: 376px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--xxs\@xxl {
    max-width: 376px !important;
  }
}
.c-container--xs {
  max-width: 400px !important;
}
@media screen and (min-width: 376px) {
  .c-container--xs\@xxs {
    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: 960px) {
  .c-container--xs\@m {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--xs\@ml {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xs\@l {
    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: 376px) {
  .c-container--s\@xxs {
    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: 960px) {
  .c-container--s\@m {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--s\@ml {
    max-width: 640px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--s\@l {
    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--m {
  max-width: 960px !important;
}
@media screen and (min-width: 376px) {
  .c-container--m\@xxs {
    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: 960px) {
  .c-container--m\@m {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--m\@ml {
    max-width: 960px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--m\@l {
    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--ml {
  max-width: 1024px !important;
}
@media screen and (min-width: 376px) {
  .c-container--ml\@xxs {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 400px) {
  .c-container--ml\@xs {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 640px) {
  .c-container--ml\@s {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 960px) {
  .c-container--ml\@m {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--ml\@ml {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--ml\@l {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 1600px) {
  .c-container--ml\@xl {
    max-width: 1024px !important;
  }
}
@media screen and (min-width: 1900px) {
  .c-container--ml\@xxl {
    max-width: 1024px !important;
  }
}
.c-container--l {
  max-width: 1200px !important;
}
@media screen and (min-width: 376px) {
  .c-container--l\@xxs {
    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: 960px) {
  .c-container--l\@m {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--l\@ml {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--l\@l {
    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--xl {
  max-width: 1600px !important;
}
@media screen and (min-width: 376px) {
  .c-container--xl\@xxs {
    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: 960px) {
  .c-container--xl\@m {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--xl\@ml {
    max-width: 1600px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xl\@l {
    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: 376px) {
  .c-container--xxl\@xxs {
    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: 960px) {
  .c-container--xxl\@m {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 1024px) {
  .c-container--xxl\@ml {
    max-width: 1900px !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--xxl\@l {
    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--p-none {
  padding: 0;
}
@media screen and (min-width: 640px) {
  .c-container--p-none {
    padding: 0 24px;
  }
}
@media screen and (min-width: 960px) {
  .c-container--p-none {
    padding: 0 40px;
  }
}
@media screen and (min-width: 1200px) {
  .c-container--p-none {
    padding: 40px;
  }
}

.page .c-container {
  padding: 0 40px;
}

.page .c-container--none,
.archive .c-container--none {
  padding: 0 40px;
}
@media screen and (min-width: 960px) {
  .page .c-container--none,
  .archive .c-container--none {
    padding: 0 0px;
  }
}

.page .c-container--none2,
.archive .c-container--none2 {
  padding: 0 0px;
}
@media screen and (min-width: 960px) {
  .page .c-container--none2,
  .archive .c-container--none2 {
    padding: 0 0px;
  }
}

.p-company {
  background-color: #402E9B;
  padding: 48px 30px 48px 24px;
  color: #ffffff;
  border-radius: 10px;
  margin-bottom: 24px;
  position: relative;
  overflow: clip;
  z-index: 0;
}
.p-company:before {
  right: 0;
  bottom: 0px;
  z-index: 2;
  content: "";
  position: absolute;
  z-index: 1;
  border-bottom: 237px solid #392987;
  border-left: 254px solid transparent;
}
@media screen and (min-width: 640px) {
  .p-company {
    padding: 80px 72px;
    margin-bottom: 32px;
  }
}
.p-company__number {
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  letter-spacing: -0.06em;
  position: absolute;
  right: 8px;
  top: 8px;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .p-company__number {
    font-size: 12px;
    right: 16px;
    top: 16px;
  }
}
.p-company__heading {
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .p-company__heading {
    margin-bottom: 40px;
  }
}
.p-company__heading__text {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
  .p-company__heading__text {
    font-size: 18px;
  }
}
.p-company__heading--number {
  font-size: 37px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: -0.03em;
  padding-right: 8px;
  padding-left: 8px;
  line-height: 1.5em;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 640px) {
  .p-company__heading--number {
    font-size: 40px;
  }
}
.p-company__text {
  font-size: 14px;
  line-height: 1.8em;
  letter-spacing: 0em;
  font-weight: 500;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-company__text {
    font-size: 18px;
  }
}

.p-company-white {
  padding: 64px 32px;
  border-radius: 10px;
  background-color: #ffffff;
}
@media screen and (min-width: 640px) {
  .p-company-white {
    padding: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .p-company-white {
    padding: 104px 120px;
  }
}

.p-company-table-sheet {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #E3E3E3;
  color: #111111;
}
.p-company-table-sheet:last-child {
  border-bottom: 1px solid #E3E3E3;
}
@media screen and (min-width: 640px) {
  .p-company-table-sheet {
    display: flex;
  }
}
.p-company-table-sheet__left {
  font-size: 12px;
  margin-bottom: 8px;
  font-weight: 400;
  line-height: 1.5em;
}
@media screen and (min-width: 640px) {
  .p-company-table-sheet__left {
    width: 130px;
    font-size: 14px;
    font-weight: 400;
    padding-right: 24px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .p-company-table-sheet__left {
    width: 170px;
  }
}
.p-company-table-sheet__right {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5em;
}
@media screen and (min-width: 640px) {
  .p-company-table-sheet__right {
    width: calc(100% - 154px);
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .p-company-table-sheet__right {
    width: calc(100% - 194px);
  }
}

.c-slash {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.c-slash:before {
  content: "／";
}

@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-cta {
  background-color: #392987;
  position: relative;
  margin-bottom: 130px;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .c-cta__outerinner {
    max-width: 960px;
    margin: auto;
    position: relative;
  }
}
.c-cta__inner {
  padding: 92px 32px 0px;
}
@media screen and (min-width: 640px) {
  .c-cta__inner {
    padding: 111px 55px 89px;
    max-width: 538px;
  }
}
@media screen and (min-width: 1200px) {
  .c-cta__inner {
    padding: 124px 0px 90px;
  }
}
.c-cta__heading {
  display: inline-block;
  position: relative;
  margin-bottom: 23px;
}
@media screen and (min-width: 640px) {
  .c-cta__heading {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .c-cta__heading {
    margin-left: 0px;
  }
}
.c-cta__heading:before {
  position: absolute;
  right: -64px;
  top: -31px;
  content: url("assets/img/svg/cta-fukidashi.svg");
  width: 155px;
  transform: rotate(6deg);
}
@media screen and (min-width: 640px) {
  .c-cta__heading:before {
    right: auto;
    left: -31px;
    top: -45px;
    transform: rotate(-6deg);
  }
}
.c-cta__text {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.6em;
  font-weight: 500;
  margin-bottom: 36px;
}
@media screen and (min-width: 640px) {
  .c-cta__text {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .c-cta__text {
    margin-left: 0px;
  }
}
.c-cta__accent {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
  .c-cta__accent {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1200px) {
  .c-cta__accent {
    margin-bottom: 72px;
  }
}
.c-cta__accent__item {
  margin-right: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .c-cta__accent__item {
    margin-right: 24px;
    margin-bottom: 24px;
  }
}
.c-cta__button {
  text-align: center;
  margin-bottom: 36px;
}
@media screen and (min-width: 640px) {
  .c-cta__button {
    text-align: left;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .c-cta__button {
    margin-left: 0px;
  }
}
.c-cta__image {
  position: relative;
  z-index: 3;
  margin-right: -32px;
}
@media screen and (min-width: 640px) {
  .c-cta__image {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 51%;
    margin-right: 0;
  }
  .c-cta__image img {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .c-cta__image {
    right: 0%;
    width: 51%;
  }
}

.c-ctatriangle {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  right: 0px;
  background: #402E9B;
  height: 399px;
  width: 566px;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .c-ctatriangle {
    height: 464px;
    width: 516px;
  }
}

.c-doctor-sec {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 640px) {
  .c-doctor-sec {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    width: 36.57074341%;
  }
}
@media screen and (min-width: 960px) {
  .c-doctor-sec {
    right: -208px;
    width: 47.65625%;
  }
}
.c-doctor-sec__image {
  display: inline-block;
}
.c-doctor-name {
  display: flex;
  align-items: center;
}
.c-doctor-name__position {
  font-size: 14px;
  margin-right: 16px;
  letter-spacing: 0.05em;
}
.c-doctor-name__name {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 640px) {
  .c-doctor-name__name {
    font-size: 20px;
  }
}
.c-doctor-name__kana {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  margin-left: 24px;
  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;
  font-family: corporate-logo-ver2, sans-serif;
}
.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-family: corporate-logo-ver2, sans-serif;
  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-family: corporate-logo-ver2, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}
.c-floating-tel-button__text__num {
  font-family: "Montserrat", 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: 376px) {
  .c-flex\@xxs {
    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: 960px) {
  .c-flex\@m {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .c-flex\@ml {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex\@l {
    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: 376px) {
  .c-flex-direction--column\@xxs {
    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: 960px) {
  .c-flex-direction--column\@m {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .c-flex-direction--column\@ml {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-direction--column\@l {
    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: 376px) {
  .c-flex-direction--column-reverse\@xxs {
    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: 960px) {
  .c-flex-direction--column-reverse\@m {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .c-flex-direction--column-reverse\@ml {
    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: 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: 376px) {
  .c-flex-direction--row\@xxs {
    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: 960px) {
  .c-flex-direction--row\@m {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .c-flex-direction--row\@ml {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .c-flex-direction--row\@l {
    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: 376px) {
  .c-flex-direction--row-reverse\@xxs {
    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: 960px) {
  .c-flex-direction--row-reverse\@m {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .c-flex-direction--row-reverse\@ml {
    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: 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: 376px) {
  .c-justify-center\@xxs {
    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: 960px) {
  .c-justify-center\@m {
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-center\@ml {
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-center\@l {
    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: 376px) {
  .c-justify-start\@xxs {
    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: 960px) {
  .c-justify-start\@m {
    justify-content: start;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-start\@ml {
    justify-content: start;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-start\@l {
    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: 376px) {
  .c-justify-end\@xxs {
    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: 960px) {
  .c-justify-end\@m {
    justify-content: end;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-end\@ml {
    justify-content: end;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-end\@l {
    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: 376px) {
  .c-justify-flex-start\@xxs {
    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: 960px) {
  .c-justify-flex-start\@m {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-flex-start\@ml {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-flex-start\@l {
    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: 376px) {
  .c-justify-flex-end\@xxs {
    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: 960px) {
  .c-justify-flex-end\@m {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-flex-end\@ml {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-flex-end\@l {
    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: 376px) {
  .c-justify-left\@xxs {
    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: 960px) {
  .c-justify-left\@m {
    justify-content: left;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-left\@ml {
    justify-content: left;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-left\@l {
    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: 376px) {
  .c-justify-right\@xxs {
    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: 960px) {
  .c-justify-right\@m {
    justify-content: right;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-right\@ml {
    justify-content: right;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-right\@l {
    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: 376px) {
  .c-justify-normal\@xxs {
    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: 960px) {
  .c-justify-normal\@m {
    justify-content: normal;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-normal\@ml {
    justify-content: normal;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-normal\@l {
    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: 376px) {
  .c-justify-space-between\@xxs {
    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: 960px) {
  .c-justify-space-between\@m {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-space-between\@ml {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-space-between\@l {
    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: 376px) {
  .c-justify-space-around\@xxs {
    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: 960px) {
  .c-justify-space-around\@m {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-space-around\@ml {
    justify-content: space-around;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-space-around\@l {
    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: 376px) {
  .c-justify-space-evenly\@xxs {
    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: 960px) {
  .c-justify-space-evenly\@m {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1024px) {
  .c-justify-space-evenly\@ml {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1200px) {
  .c-justify-space-evenly\@l {
    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: 376px) {
  .c-align-items-normal\@xxs {
    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: 960px) {
  .c-align-items-normal\@m {
    align-items: normal;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-normal\@ml {
    align-items: normal;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-normal\@l {
    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: 376px) {
  .c-align-items-stretch\@xxs {
    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: 960px) {
  .c-align-items-stretch\@m {
    align-items: stretch;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-stretch\@ml {
    align-items: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-stretch\@l {
    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: 376px) {
  .c-align-items-center\@xxs {
    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: 960px) {
  .c-align-items-center\@m {
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-center\@ml {
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-center\@l {
    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: 376px) {
  .c-align-items-start\@xxs {
    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: 960px) {
  .c-align-items-start\@m {
    align-items: start;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-start\@ml {
    align-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-start\@l {
    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: 376px) {
  .c-align-items-end\@xxs {
    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: 960px) {
  .c-align-items-end\@m {
    align-items: end;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-end\@ml {
    align-items: end;
  }
}
@media screen and (min-width: 1200px) {
  .c-align-items-end\@l {
    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: 376px) {
  .c-align-items-flex-start\@xxs {
    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: 960px) {
  .c-align-items-flex-start\@m {
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-flex-start\@ml {
    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: 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: 376px) {
  .c-align-items-flex-end\@xxs {
    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: 960px) {
  .c-align-items-flex-end\@m {
    align-items: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .c-align-items-flex-end\@ml {
    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: 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: 376px) {
  .c-order1\@xxs {
    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: 960px) {
  .c-order1\@m {
    order: 1;
  }
}
@media screen and (min-width: 1024px) {
  .c-order1\@ml {
    order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .c-order1\@l {
    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: 376px) {
  .c-order2\@xxs {
    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: 960px) {
  .c-order2\@m {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  .c-order2\@ml {
    order: 2;
  }
}
@media screen and (min-width: 1200px) {
  .c-order2\@l {
    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: 376px) {
  .c-order3\@xxs {
    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: 960px) {
  .c-order3\@m {
    order: 3;
  }
}
@media screen and (min-width: 1024px) {
  .c-order3\@ml {
    order: 3;
  }
}
@media screen and (min-width: 1200px) {
  .c-order3\@l {
    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: 376px) {
  .c-order4\@xxs {
    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: 960px) {
  .c-order4\@m {
    order: 4;
  }
}
@media screen and (min-width: 1024px) {
  .c-order4\@ml {
    order: 4;
  }
}
@media screen and (min-width: 1200px) {
  .c-order4\@l {
    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: 376px) {
  .c-order5\@xxs {
    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: 960px) {
  .c-order5\@m {
    order: 5;
  }
}
@media screen and (min-width: 1024px) {
  .c-order5\@ml {
    order: 5;
  }
}
@media screen and (min-width: 1200px) {
  .c-order5\@l {
    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-input {
  color: #111111;
  background-color: #f4f2fd;
  border: #392987 1px solid;
  border-radius: 4px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
}

.c-form-cell {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
  position: relative;
}
.c-form-cell::before {
  position: absolute;
  left: 24px;
  top: 0;
  content: "";
  height: 1px;
  width: calc(100% - 24px);
  background-color: #e3e3e3;
}
.c-form-cell--last::after {
  position: absolute;
  left: 24px;
  bottom: 0;
  content: "";
  height: 1px;
  width: calc(100% - 24px);
  background-color: #E3E3E3;
}

.c-submit {
  display: block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1em;
  font-weight: bold;
  color: #111111;
  padding: 21px 32px;
  background-color: #ffffff;
  border-radius: 39px;
  border: #271D5B 2px solid;
  filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.85));
  transition: 0.2s;
  width: 100%;
}
.c-submit:hover {
  color: #ffffff;
  background-color: #392987;
}
@media screen and (min-width: 640px) {
  .c-submit {
    max-width: 298px;
    display: inline-block;
  }
}

.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: 376px) {
  .c-grid--xs\@xxs {
    margin-left: -8px;
  }
  .c-grid--xs\@xxs > * {
    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: 960px) {
  .c-grid--xs\@m {
    margin-left: -8px;
  }
  .c-grid--xs\@m > * {
    padding-left: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--xs\@ml {
    margin-left: -8px;
  }
  .c-grid--xs\@ml > * {
    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: 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: 376px) {
  .c-grid--s\@xxs {
    margin-left: -16px;
  }
  .c-grid--s\@xxs > * {
    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: 960px) {
  .c-grid--s\@m {
    margin-left: -16px;
  }
  .c-grid--s\@m > * {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--s\@ml {
    margin-left: -16px;
  }
  .c-grid--s\@ml > * {
    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: 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: 376px) {
  .c-grid--m\@xxs {
    margin-left: -24px;
  }
  .c-grid--m\@xxs > * {
    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: 960px) {
  .c-grid--m\@m {
    margin-left: -24px;
  }
  .c-grid--m\@m > * {
    padding-left: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--m\@ml {
    margin-left: -24px;
  }
  .c-grid--m\@ml > * {
    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: 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: 376px) {
  .c-grid--l\@xxs {
    margin-left: -32px;
  }
  .c-grid--l\@xxs > * {
    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: 960px) {
  .c-grid--l\@m {
    margin-left: -32px;
  }
  .c-grid--l\@m > * {
    padding-left: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--l\@ml {
    margin-left: -32px;
  }
  .c-grid--l\@ml > * {
    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: 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: 376px) {
  .c-grid--xl\@xxs {
    margin-left: -40px;
  }
  .c-grid--xl\@xxs > * {
    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: 960px) {
  .c-grid--xl\@m {
    margin-left: -40px;
  }
  .c-grid--xl\@m > * {
    padding-left: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--xl\@ml {
    margin-left: -40px;
  }
  .c-grid--xl\@ml > * {
    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: 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--xl2 {
  margin-left: -56px;
}
.c-grid--xl2 > * {
  padding-left: 56px;
  margin-bottom: 56px;
}
@media screen and (min-width: 376px) {
  .c-grid--xl2\@xxs {
    margin-left: -56px;
  }
  .c-grid--xl2\@xxs > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 400px) {
  .c-grid--xl2\@xs {
    margin-left: -56px;
  }
  .c-grid--xl2\@xs > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--xl2\@s {
    margin-left: -56px;
  }
  .c-grid--xl2\@s > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--xl2\@m {
    margin-left: -56px;
  }
  .c-grid--xl2\@m > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--xl2\@ml {
    margin-left: -56px;
  }
  .c-grid--xl2\@ml > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--xl2\@l {
    margin-left: -56px;
  }
  .c-grid--xl2\@l > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--xl2\@xl {
    margin-left: -56px;
  }
  .c-grid--xl2\@xl > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--xl2\@xxl {
    margin-left: -56px;
  }
  .c-grid--xl2\@xxl > * {
    padding-left: 56px;
    margin-bottom: 56px;
  }
}
.c-grid--xxl {
  margin-left: -64px;
}
.c-grid--xxl > * {
  padding-left: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 376px) {
  .c-grid--xxl\@xxs {
    margin-left: -64px;
  }
  .c-grid--xxl\@xxs > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 400px) {
  .c-grid--xxl\@xs {
    margin-left: -64px;
  }
  .c-grid--xxl\@xs > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 640px) {
  .c-grid--xxl\@s {
    margin-left: -64px;
  }
  .c-grid--xxl\@s > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 960px) {
  .c-grid--xxl\@m {
    margin-left: -64px;
  }
  .c-grid--xxl\@m > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--xxl\@ml {
    margin-left: -64px;
  }
  .c-grid--xxl\@ml > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid--xxl\@l {
    margin-left: -64px;
  }
  .c-grid--xxl\@l > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1600px) {
  .c-grid--xxl\@xl {
    margin-left: -64px;
  }
  .c-grid--xxl\@xl > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1900px) {
  .c-grid--xxl\@xxl {
    margin-left: -64px;
  }
  .c-grid--xxl\@xxl > * {
    padding-left: 64px;
    margin-bottom: 64px;
  }
}
.c-grid--xxxl {
  margin-left: -80px;
}
.c-grid--xxxl > * {
  padding-left: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 376px) {
  .c-grid--xxxl\@xxs {
    margin-left: -80px;
  }
  .c-grid--xxxl\@xxs > * {
    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: 960px) {
  .c-grid--xxxl\@m {
    margin-left: -80px;
  }
  .c-grid--xxxl\@m > * {
    padding-left: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .c-grid--xxxl\@ml {
    margin-left: -80px;
  }
  .c-grid--xxxl\@ml > * {
    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: 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;
  font-family: "Montserrat", sans-serif;
  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 {
  position: relative;
  background-color: #402E9B;
}
@media screen and (min-width: 1200px) {
  .c-keyv__inner {
    display: flex;
    max-width: 1290px;
    margin: auto;
    padding: 0 53px;
  }
}

.c-keyv-message {
  color: #ffffff;
  margin: auto;
  padding: 145px 24px 32px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .c-keyv-message {
    padding: 217px 16px 53px 51px;
    margin: auto;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-message {
    margin: 0;
    padding: 342px 0 117px 0;
  }
}
.c-keyv-message__eyechatch {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3em;
  letter-spacing: 0.04em;
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .c-keyv-message__eyechatch {
    font-size: 48px;
    line-height: 1.6em;
    margin-bottom: 80px;
  }
}
.c-keyv-message__eyechatch__impact {
  font-size: 44px;
  position: relative;
}
.c-keyv-message__eyechatch__impact:before {
  position: absolute;
  bottom: -8px;
  left: 0px;
  height: 4px;
  width: 100%;
  content: "";
  background-color: #FFE600;
}
@media screen and (min-width: 640px) {
  .c-keyv-message__eyechatch__impact {
    font-size: 52px;
  }
}
.c-keyv-message__text {
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .c-keyv-message__text {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
.c-keyv-message__button {
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .c-keyv-message__button {
    margin-bottom: 24px;
  }
}

.c-keyv-image {
  height: 372px;
  position: relative;
  padding-bottom: 27px;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .c-keyv-image {
    height: 505px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image {
    margin-left: auto;
    margin-right: 0px;
    margin-top: 242px;
  }
}
.c-keyv-image__fukidashi1 {
  position: absolute;
  right: 24px;
  top: 0px;
}
@media screen and (min-width: 640px) {
  .c-keyv-image__fukidashi1 {
    right: 149px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image__fukidashi1 {
    position: relative;
    right: 106px;
    top: 0px;
  }
}
.c-keyv-image__fukidashi2 {
  position: absolute;
  right: 129px;
  top: 46px;
  width: 207px;
}
@media screen and (min-width: 640px) {
  .c-keyv-image__fukidashi2 {
    top: 6px;
    right: 451px;
    width: 215px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image__fukidashi2 {
    position: relative;
    right: 440px;
    top: -20px;
  }
}
.c-keyv-image__fukidashi3 {
  display: none;
}
@media screen and (min-width: 640px) {
  .c-keyv-image__fukidashi3 {
    position: absolute;
    display: block;
    top: 75px;
    right: 43px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image__fukidashi3 {
    right: 0px;
  }
}
.c-keyv-image__fukidashi4 {
  display: none;
}
@media screen and (min-width: 640px) {
  .c-keyv-image__fukidashi4 {
    position: absolute;
    display: block;
    top: 72px;
    right: 573px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image__fukidashi4 {
    position: relative;
    right: 414px;
    top: 23px;
  }
}
.c-keyv-image__fukidashi5 {
  position: absolute;
  right: 295px;
  top: 110px;
}
@media screen and (min-width: 640px) {
  .c-keyv-image__fukidashi5 {
    top: 173px;
    right: 78px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image__fukidashi5 {
    right: 20px;
  }
}
.c-keyv-image__human {
  position: absolute;
  top: 92px;
  right: 10px;
  width: 305px;
}
@media screen and (min-width: 640px) {
  .c-keyv-image__human {
    top: 42px;
    width: 508px;
    right: 116px;
  }
}
@media screen and (min-width: 1200px) {
  .c-keyv-image__human {
    right: 73px;
  }
}

.c-keyv-triangle {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  right: 0px;
  background: #392987;
  height: 127px;
  width: 237px;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  z-index: 0;
}
@media screen and (min-width: 640px) {
  .c-keyv-triangle {
    height: 237px;
    width: 254px;
  }
}

.c-label {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 14px;
  padding: 4px 16px;
  border-radius: 11px;
  background-color: #ffffff;
  display: inline-block;
  white-space: nowrap;
  filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.85));
  color: #271D5B;
}

.c-label-large {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 14px;
  letter-spacing: 0em;
  color: #392987;
  border-radius: 10px;
  border: 4px solid #392987;
  padding: 16px 11px;
  line-height: 1.2em;
  display: inline-block;
  background-color: #ffffff;
}
@media screen and (min-width: 640px) {
  .c-label-large {
    padding: 16px 16px;
    line-height: 1.5em;
    font-size: 18px;
  }
}

.c-label-yellow {
  font-size: 10px;
  background-color: #FFE600;
  line-height: 1.5em;
  padding: 0 8px;
  border-radius: 2px;
  font-weight: bold;
  letter-spacing: 0em;
}
@media screen and (min-width: 1200px) {
  .c-label-yellow {
    font-size: 11px;
  }
}

.c-label-purple {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5em;
  padding: 0 38px;
  background-color: #978FBE;
  border-radius: 2px;
  text-transform: uppercase;
}

.c-logo {
  position: relative;
  padding: 12px 12px;
  width: 140px;
  border-radius: 3px;
}

.c-text-link {
  text-decoration: underline;
  transition: 0.3s;
}
.c-text-link:hover {
  opacity: 0.7;
}

.c-link {
  transition: 0.3s;
}
.c-link:hover {
  opacity: 0.7;
}

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

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

.c-text-link {
  text-decoration: underline;
  transition: 0.4s;
}
.c-link-outer {
  border-bottom: 1px solid;
  position: relative;
  transition: 0.2s;
}
.c-link-outer:before {
  position: absolute;
  right: -18px;
  top: 3px;
  content: url("assets/img/i-outer.svg");
}
.c-link-outer:hover {
  opacity: 0.8;
  transition: 0.2s;
}

.c-navigation {
  list-style-type: none;
  padding-left: 16px;
}
.c-navigation__item {
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .c-navigation__item {
    display: inline-block;
    margin-right: 32px;
  }
}
.c-navigation__item:last-child {
  margin-bottom: 0px;
}
.c-navigation__item a {
  text-decoration: underline;
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 14px;
  transition: 0.2s;
}
@media screen and (min-width: 640px) {
  .c-navigation__item a {
    font-size: 16px;
  }
}
.c-navigation__item a:hover {
  transition: 0.2s;
  opacity: 0.8;
}

.c-map {
  width: 100%;
  height: 376px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .c-map {
    height: 576px;
  }
}
.c-map iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.c-map-supplement {
  padding-left: 26px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 640px) {
  .c-map-supplement {
    font-size: 14px;
  }
}
.c-map-supplement:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-map-supplement--train:before {
  content: url("assets/img/train.svg");
}
.c-map-supplement--address:before {
  content: url("assets/img/pin.svg");
}

.c-map-grayscale {
  filter: grayscale(100%);
  width: 100%;
  height: 280px;
}
@media screen and (min-width: 640px) {
  .c-map-grayscale {
    height: 376px;
  }
}

.c-map-desc {
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0em;
  padding-left: 30px;
  position: relative;
}
.c-map-desc::before {
  position: absolute;
  left: 0;
  content: url("assets/img/i-map.svg");
  top: 50%;
  transform: translateY(-50%);
}

.c-cal iframe {
  width: 100%;
  height: 400px;
}
.c-cal--list iframe {
  height: 80svh;
}

/*　Googleカレンダー（PC表示） */
@media (min-width: 649px) {
  .c-cal iframe {
    height: 800px;
  }
}
.fc-button-group {
  display: flex;
}

.fc-toolbar-chunk {
  display: flex;
}

.fc .fc-toolbar-title {
  font-size: 18px;
  padding-left: 8px;
}
@media screen and (min-width: 640px) {
  .fc .fc-toolbar-title {
    padding-left: 0px;
    font-size: 24px;
  }
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 16px;
}
.fc .fc-button-group {
  margin-right: 8px;
}
@media screen and (min-width: 640px) {
  .fc .fc-button-group {
    margin-right: 0px;
  }
}
.fc .fc-button-group .fc-button {
  background-color: #2C387E;
  padding: 4px 18px;
  border: none;
}
.fc .fc-button-group .fc-button .fc-icon {
  font-size: 15px;
}
@media screen and (min-width: 640px) {
  .fc .fc-button-group .fc-button .fc-icon {
    font-size: 20px;
  }
}

.fc-h-event .fc-event-title {
  font-size: 10px;
  letter-spacing: -0.1em;
  font-weight: 500;
  line-height: 1.5em;
  font-feature-settings: "palt";
}
@media screen and (min-width: 640px) {
  .fc-h-event .fc-event-title {
    font-size: 12px;
    letter-spacing: 0em;
    font-weight: 500;
    padding: 10px 4px;
  }
}

.fc .fc-daygrid-day-number {
  font-size: 12px;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .fc .fc-daygrid-day-number {
    font-size: 15px;
  }
}
.fc .fc-col-header-cell {
  background-color: #3A3A3A;
  color: #ffffff;
}
.fc .fc-col-header-cell-cushion {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.8em;
}
@media screen and (min-width: 640px) {
  .fc .fc-col-header-cell-cushion {
    font-size: 15px;
  }
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: #E9EEF6;
  color: #000000;
}

.fc .fc-daygrid-event-harness {
  margin-bottom: 4px;
}
@media screen and (min-width: 640px) {
  .fc .fc-daygrid-event-harness {
    margin: 1px 4px;
  }
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  background-color: #3F51B5;
  border: none;
}

@media screen and (min-width: 640px) {
  .fc .fc-scrollgrid-liquid {
    height: 85svh;
  }
}

#event-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 32px 20px;
  border-radius: 0px;
  width: 85%;
  max-width: 500px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 640px) {
  #modal-content {
    width: 80%;
    padding: 40px 24px;
  }
}

#close-modal {
  position: absolute;
  right: 10px;
  top: 10px;
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.c-modal-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: 0em;
  line-height: 1.5em;
  font-feature-settings: "palt";
}

.c-modal-date {
  font-size: 12px;
  letter-spacing: 0em;
  margin-bottom: 8px;
  position: relative;
  color: #B3B6B9;
  font-weight: bold;
  padding-left: 18px;
}
.c-modal-date:before {
  position: absolute;
  left: 0;
  top: 3px;
  padding-right: 5px;
  content: url("assets/img/cal.svg");
  transition: 0.2s;
  width: 10px;
}

.c-modal-desc {
  font-size: 15px;
  line-height: 1.3em;
  text-decoration: underline;
  position: relative;
  padding-left: 18px;
  margin-bottom: 24px;
}
.c-modal-desc:before {
  position: absolute;
  left: 0;
  top: 2px;
  padding-right: 5px;
  content: url("assets/img/link.svg");
  transition: 0.2s;
  width: 10px;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #EDF2F7;
}

.c-pagination__item {
  display: inline-block;
  padding: 24px 16px;
  margin-right: 8px;
  transition: background 0.4s;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #111111;
  border-radius: 2px;
  background: #EEEEEE;
}
.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;
  background: #111111;
}
.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-family: "Montserrat", sans-serif;
  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: #111111;
}
.c-social-btn--fb.-black .c-social-btn__text p {
  color: #111111;
}
@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: corporate-logo-ver2, 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 {
  width: 100%;
}
.c-timesheet tr {
  border-top: 1px solid #111111;
}
.c-timesheet tr:last-child {
  border-bottom: 1px solid #111111;
}
.c-timesheet th {
  font-weight: 300;
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}
.c-timesheet td {
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}
.c-timesheet__open: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%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%226.5%22%20stroke%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E");
}
.c-timesheet__close: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%3Cline%20y1%3D%226.5%22%20x2%3D%2214%22%20y2%3D%226.5%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

.c-timesheet2 {
  font-size: 14px;
}
.c-timesheet2__row {
  display: flex;
}
.c-timesheet2__row:first-child {
  margin-bottom: 16px;
}
.c-timesheet2__head {
  width: 40%;
}

.c-tel-number {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid #111111;
}
.c-tel-number__tel {
  font-size: 12px;
  padding-right: 8px;
  vertical-align: middle;
}
.c-tel-number__number {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.1em;
  vertical-align: middle;
}

a.c-tel-number__number {
  transition: 0.4s;
}
a.c-tel-number__number:hover {
  opacity: 0.7;
}

/* Project
------------------------------ */
.p-progress {
  margin: auto;
  padding: 47px 17px 0px;
  max-width: 427px;
}
@media screen and (min-width: 640px) {
  .p-progress {
    padding: 57px 42px 0px;
    max-width: 772px;
    margin: auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress {
    max-width: 848px;
  }
}
.p-progress__image {
  position: relative;
  height: 753px;
}
@media screen and (min-width: 640px) {
  .p-progress__image {
    height: 455px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress__image {
    height: 457px;
  }
}

.p-progress-image {
  position: absolute;
}
.p-progress-image--1 {
  top: 0;
  left: 45px;
}
@media screen and (min-width: 640px) {
  .p-progress-image--1 {
    left: 0;
    top: 6px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--1 {
    left: 25px;
    top: 0px;
  }
}
.p-progress-image--2 {
  top: 71px;
  right: 0px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .p-progress-image--2 {
    top: 0px;
    right: 49px;
    left: auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--2 {
    right: 82px;
  }
}
.p-progress-image--3 {
  top: 143px;
  left: 0px;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .p-progress-image--3 {
    top: 115px;
    left: -8px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--3 {
    top: 107px;
    left: 0px;
  }
}
.p-progress-image--4 {
  top: 218px;
  right: 6px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .p-progress-image--4 {
    top: 127px;
    right: -12px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--4 {
    top: 120px;
    right: 0px;
  }
}
.p-progress-image--5 {
  top: 310px;
  left: 8px;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .p-progress-image--5 {
    top: 256px;
    left: -12px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--5 {
    top: 251px;
    left: 20px;
  }
}
.p-progress-image--6 {
  top: 380px;
  right: 3px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .p-progress-image--6 {
    top: 279px;
    right: -6px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--6 {
    top: 261px;
    right: 32px;
  }
}
.p-progress-image--7 {
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
@media screen and (min-width: 640px) {
  .p-progress-image--7 {
    width: 214px;
  }
}
@media screen and (min-width: 1200px) {
  .p-progress-image--7 {
    width: 242px;
  }
}

.p-countermeasure {
  background-color: #402E9B;
  margin-bottom: 70px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure {
    margin-bottom: 101px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure {
    margin-bottom: 161px;
  }
}
.p-countermeasure__inner {
  margin: 0 auto;
  padding: 40px 24px 0;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__inner {
    max-width: 722px;
    padding: 105px 55px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__inner {
    max-width: 1200px;
  }
}
.p-countermeasure__text {
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__text {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__text {
    margin-bottom: 24px;
  }
}
.p-countermeasure__image {
  position: relative;
  max-width: 420px;
  margin: auto;
  height: 768px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image {
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image {
    height: 558px;
  }
}
.p-countermeasure__image__item {
  position: absolute;
}
.p-countermeasure__image .p-c1 {
  left: 0;
  top: 0;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c1 {
    top: 67px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c1 {
    top: 64px;
    left: 257px;
  }
}
.p-countermeasure__image .p-c2 {
  right: 9px;
  top: 39px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c2 {
    top: 0px;
    left: 245px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c2 {
    top: 0px;
    left: 502px;
  }
}
.p-countermeasure__image .p-c3 {
  left: 22px;
  top: 161px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c3 {
    right: 103px;
    left: auto;
    top: 182px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c3 {
    top: 42px;
    right: 244px;
  }
}
.p-countermeasure__image .p-c4 {
  right: -8px;
  top: 209px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c4 {
    right: 0px;
    top: -32px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c4 {
    top: -10px;
    right: 16px;
  }
}
.p-countermeasure__image .p-c5 {
  left: -8px;
  top: 319px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c5 {
    top: 244px;
    left: 155px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c5 {
    top: 241px;
    left: 392px;
  }
}
.p-countermeasure__image .p-c6 {
  right: 35px;
  top: 377px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c6 {
    top: 441px;
    right: 225px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c6 {
    top: 261px;
    right: 349px;
  }
}
.p-countermeasure__image .p-c7 {
  right: 3px;
  top: 535px;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c7 {
    top: 378px;
    right: -20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c7 {
    top: 225px;
    right: 85px;
  }
}
.p-countermeasure__image .p-c8 {
  left: 0;
  bottom: 0;
}
@media screen and (min-width: 640px) {
  .p-countermeasure__image .p-c8 {
    left: -20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-countermeasure__image .p-c8 {
    left: 0px;
  }
}

.p-expertise {
  position: relative;
  padding-bottom: 82px;
  margin-bottom: 555px;
}
@media screen and (min-width: 640px) {
  .p-expertise {
    padding-bottom: 40px;
    margin-bottom: 570px;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise {
    padding-bottom: 40px;
    margin-bottom: 385px;
  }
}
.p-expertise:before {
  position: absolute;
  content: "";
  width: 100%;
  background-color: #B6D5E5;
  bottom: 0;
  height: 400px;
  z-index: -1;
}
@media screen and (min-width: 640px) {
  .p-expertise:before {
    height: 537px;
  }
}
.p-expertise__inner {
  position: relative;
  margin: auto;
  padding: 0 24px;
  max-width: 427px;
}
@media screen and (min-width: 640px) {
  .p-expertise__inner {
    padding: 0 56px;
    max-width: 722px;
    margin: auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise__inner {
    max-width: 1200px;
  }
}
.p-expertise__text {
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .p-expertise__text {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise__text {
    margin-bottom: 80px;
  }
}
.p-expertise__image {
  position: relative;
  height: 423px;
}
@media screen and (min-width: 640px) {
  .p-expertise__image {
    height: 664px;
  }
}
.p-expertise__image__item {
  position: absolute;
}
.p-expertise__image__item--1 {
  width: 224px;
  top: 0px;
  left: -24px;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .p-expertise__image__item--1 {
    width: 372px;
    left: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise__image__item--1 {
    left: 45px;
  }
}
.p-expertise__image__item--2 {
  width: 133px;
  top: 28px;
  right: 0px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .p-expertise__image__item--2 {
    width: 194px;
    right: 122px;
    top: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise__image__item--2 {
    left: 512px;
    right: auto;
  }
}
.p-expertise__image__item--3 {
  width: 133px;
  top: 167px;
  right: 0px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .p-expertise__image__item--3 {
    width: 242px;
    top: 235px;
    right: 52px;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise__image__item--3 {
    left: 512px;
    right: auto;
  }
}
.p-expertise__carousel {
  border: 1px solid #111111;
  border-radius: 10px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-color: #ffffff;
  margin: 0 auto;
  max-width: 420px;
  padding: 22px 32px 65px 32px;
  z-index: 3;
  width: 69vw;
}
@media screen and (min-width: 640px) {
  .p-expertise__carousel {
    padding: 20px 88px 73px;
    margin: 0 52px;
    left: auto;
    transform: translateX(0%);
    right: 0;
    bottom: -468px;
    width: 47%;
  }
}
@media screen and (min-width: 1200px) {
  .p-expertise__carousel {
    right: 40px;
    bottom: -270px;
    width: 29.5%;
  }
}
.p-expertise__carousel__heading-en {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1em;
  background-color: #392987;
  color: #ffffff;
  font-weight: 700;
  padding: 7px 8px 4px;
  margin-left: -13px;
  margin-bottom: 28px;
}
@media screen and (min-width: 640px) {
  .p-expertise__carousel__heading-en {
    font-size: 18px;
    margin-left: -52px;
    margin-bottom: 43px;
  }
}
.p-expertise__carousel__heading-ja {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1em;
  font-weight: 700;
  color: #392987;
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .p-expertise__carousel__heading-ja {
    font-size: 22px;
    letter-spacing: 0.2em;
  }
}
.p-expertise__carousel__text {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  font-weight: 500;
}
.p-expertise .slide-arrow {
  bottom: -50px;
}
@media screen and (min-width: 640px) {
  .p-expertise .slide-arrow {
    bottom: 140px;
  }
}
.p-expertise .slide-arrow:before {
  content: url("assets/img/svg/slick-navi.svg");
}
@media screen and (min-width: 640px) {
  .p-expertise .slide-arrow:before {
    content: url("assets/img/svg/slick-navi-l.svg");
  }
}
.p-expertise .prev-arrow {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 640px) {
  .p-expertise .prev-arrow {
    left: -71px;
  }
}
.p-expertise .next-arrow {
  position: absolute;
  right: 0;
  transform: rotate(180deg);
}
@media screen and (min-width: 640px) {
  .p-expertise .next-arrow {
    right: -71px;
  }
}

.p-reason {
  margin: auto;
  padding: 0 24px;
  margin-bottom: 65px;
}
@media screen and (min-width: 640px) {
  .p-reason {
    padding: 0 56px;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .p-reason {
    max-width: 1200px;
    margin-bottom: 160px;
  }
}
.p-reason__heading {
  position: relative;
  height: 310px;
  margin-bottom: -35px;
  padding-top: 0px;
  overflow-y: hidden;
}
@media screen and (min-width: 640px) {
  .p-reason__heading {
    padding-top: 84px;
    height: 256px;
    margin-bottom: -65px;
  }
}
@media screen and (min-width: 1200px) {
  .p-reason__heading {
    margin-bottom: -89px;
  }
}
.p-reason__heading__heading {
  z-index: 2;
  position: relative;
}
.p-reason__heading__image {
  z-index: 1;
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 145px;
}
@media screen and (min-width: 640px) {
  .p-reason__heading__image {
    width: 198px;
    top: 0px;
    bottom: auto;
  }
}
@media screen and (min-width: 1200px) {
  .p-reason__heading__image {
    right: 52px;
    top: 0px;
  }
}

.fixed {
  overflow-y: hidden;
  scrollbar-gutter: stable;
}

.p-about-joybiz {
  margin: auto;
  padding: 0 24px;
  margin-bottom: 65px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-about-joybiz {
    padding: 0 56px;
    margin-bottom: 106px;
  }
}
@media screen and (min-width: 1200px) {
  .p-about-joybiz {
    max-width: 1200px;
    margin-bottom: 164px;
  }
}
.p-about-joybiz__inner {
  background-color: #F4F2FD;
  padding: 103px 24px 23px;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-about-joybiz__inner {
    padding: 112px 56px 80px;
  }
}
@media screen and (min-width: 1200px) {
  .p-about-joybiz__inner {
    padding: 112px 56px 50px;
  }
}
.p-about-joybiz__image {
  max-width: 421px;
  margin: auto;
}
.p-about-joybiz__lead {
  font-size: 48px;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #392987;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 640px) {
  .p-about-joybiz__lead {
    font-size: 63px;
    left: 25px;
    top: -26px;
    transform: translateX(0);
  }
}

.p-process {
  margin: auto;
  padding: 0 24px;
  margin-bottom: 65px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-process {
    padding: 0 56px;
    margin-bottom: 126px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process {
    max-width: 1200px;
    margin-bottom: 164px;
  }
}
.p-process__inner {
  background-color: #F4F2FD;
  padding: 64px 24px 44px;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-process__inner {
    padding: 64px 32px 64px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process__inner {
    padding: 61px 64px 80px;
  }
}
.p-process__lead {
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 2em;
  font-family: corporate-logo-ver2, sans-serif;
  margin-bottom: 48px;
}
@media screen and (min-width: 640px) {
  .p-process__lead {
    font-size: 28px;
  }
}

.p-process-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .p-process-card {
    border: 4px solid #392987;
    height: 142px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process-card {
    height: 210px;
    background-color: #ffffff;
    z-index: 1;
  }
}
.p-process-card::before {
  content: url("assets/img/arrow.svg");
  position: absolute;
  z-index: 2;
}
.p-process-card--1::before {
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 640px) {
  .p-process-card--1::before {
    right: -25px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process-card--1::before {
    right: -32px;
  }
}
.p-process-card--2:before {
  bottom: -42px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
@media screen and (min-width: 640px) {
  .p-process-card--2:before {
    bottom: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process-card--2:before {
    bottom: -40px;
  }
}
.p-process-card--3::before {
  top: -42px;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
}
@media screen and (min-width: 640px) {
  .p-process-card--3::before {
    top: -31px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process-card--3::before {
    top: -40px;
  }
}
.p-process-card--4:before {
  left: -20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (min-width: 640px) {
  .p-process-card--4:before {
    left: -26px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process-card--4:before {
    left: -32px;
  }
}
.p-process-card__image {
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
}
@media screen and (min-width: 1200px) {
  .p-process-card__image {
    margin-bottom: 16px;
  }
}
.p-process-card__text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 0em;
  color: #392987;
}
@media screen and (min-width: 640px) {
  .p-process-card__text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .p-process-card__text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1em;
  }
}

.p-technology {
  margin: auto;
  padding: 0 24px;
  margin-bottom: 65px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-technology {
    padding: 0 56px;
    margin-bottom: 106px;
  }
}
@media screen and (min-width: 1200px) {
  .p-technology {
    max-width: 1200px;
    width: 100%;
    margin-bottom: 164px;
  }
}
.p-technology__inner {
  background-color: #F4F2FD;
  padding: 56px 24px 56px;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-technology__inner {
    padding: 32px 30px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .p-technology__inner {
    padding: 32px 56px 75px;
  }
}
.p-technology__inner__image {
  max-width: 765px;
  margin: 0 auto;
}

.p-case {
  background-color: #F4F2FD;
  margin-bottom: 56px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-case {
    margin-bottom: 106px;
  }
}
@media screen and (min-width: 1200px) {
  .p-case {
    margin-bottom: 130px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-case__heading {
  position: absolute;
  display: flex;
  align-items: center;
  left: 24px;
  top: -24px;
}
@media screen and (min-width: 640px) {
  .p-case__heading {
    left: 32px;
    top: -32px;
  }
}
@media screen and (min-width: 1200px) {
  .p-case__heading {
    position: relative;
    margin: auto;
    max-width: 960px;
    left: 0px;
  }
}
.p-case__heading__en {
  font-size: 43px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #392987;
  line-height: 1em;
  padding-top: 10px;
  margin-right: 16px;
}
@media screen and (min-width: 640px) {
  .p-case__heading__en {
    font-size: 63px;
    padding-top: 10px;
    margin-right: 24px;
  }
}
.p-case__inner {
  margin: auto;
  padding: 98px 24px 64px;
}
@media screen and (min-width: 640px) {
  .p-case__inner {
    padding: 112px 32px 56px;
  }
}
@media screen and (min-width: 1200px) {
  .p-case__inner {
    max-width: 965px;
    padding: 52px 32px 64px;
  }
}
.p-case__image {
  width: 100%;
  background-color: #ffffff;
  height: 125px;
  margin-bottom: 8px;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .p-case__image {
    margin-bottom: 16px;
    height: 149px;
  }
}
@media screen and (min-width: 1200px) {
  .p-case__image {
    margin-bottom: 24px;
    height: 185px;
    border-radius: 24px;
  }
}
.p-case__image img {
  display: block;
  max-width: 65%;
}
@media screen and (min-width: 640px) {
  .p-case__image img {
    max-width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .p-case__image img {
    max-width: 80%;
  }
}
.p-case__image__text {
  font-size: 28px;
  font-style: italic;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 640px) {
  .p-case__image__text {
    font-size: 36px;
  }
}
.p-case__txt__title {
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 1.3em;
}
@media screen and (min-width: 640px) {
  .p-case__txt__title {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.p-case__txt__description {
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
}
.p-case__txt__description:last-child {
  margin-bottom: 0px;
}

.p-consultant {
  background-color: #F4F2FD;
  margin-bottom: 56px;
  position: relative;
  margin-bottom: 114px;
}
@media screen and (min-width: 640px) {
  .p-consultant {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .p-consultant {
    margin-bottom: 76px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-consultant__inner {
  margin: auto;
  padding: 72px 24px 72px;
}
@media screen and (min-width: 640px) {
  .p-consultant__inner {
    padding: 60px 56px 48px;
  }
}
@media screen and (min-width: 1200px) {
  .p-consultant__inner {
    max-width: 1200px;
    padding: 52px 32px 48px;
  }
}
.p-consultant__title {
  position: relative;
  z-index: 2;
}
.p-consultant__image {
  position: relative;
  z-index: 1;
  margin: -65px -24px 24px;
}
@media screen and (min-width: 640px) {
  .p-consultant__image {
    margin: -151px 0px 16px;
    text-align: right;
  }
}
@media screen and (min-width: 1200px) {
  .p-consultant__image {
    margin: -198px 0px 16px;
  }
}
.p-consultant__image__img {
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .p-consultant__image__img {
    width: 90%;
  }
}
@media screen and (min-width: 1200px) {
  .p-consultant__image__img {
    width: 69%;
  }
}
.p-consultant__image__text {
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1em;
}
.p-consultant__image__text__name {
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: corporate-logo-ver2, sans-serif;
  margin-left: 16px;
}
.p-consultant__text {
  background-color: #ffffff;
  padding: 56px 40px;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-consultant__text {
    padding: 40px 48px;
    width: 100%;
    max-width: 69%;
  }
}
@media screen and (min-width: 960px) {
  .p-consultant__text {
    max-width: 49%;
  }
}
@media screen and (min-width: 1200px) {
  .p-consultant__text {
    margin-top: -400px;
    margin-left: 58px;
    max-width: 39%;
  }
}
.p-consultant__text__text {
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1.5em;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .p-consultant__text__text {
    font-size: 16px;
  }
}

.p-consultant-catch {
  position: relative;
}
.p-consultant-catch__img {
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .p-consultant-catch__img {
    marign-bottom: 0px;
  }
}
.p-consultant-catch__text {
  background-color: #ffffff;
  padding: 24px 32px;
  border-radius: 4px;
}
@media screen and (min-width: 640px) {
  .p-consultant-catch__text {
    max-width: 344px;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    left: 16px;
    bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .p-consultant-catch__text {
    left: 32px;
    bottom: 40px;
  }
}
.p-consultant-catch__text--t {
  position: relative;
  max-width: 100%;
  left: auto;
  bottom: auto;
}
.p-consultant-catch__text__position {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 8px;
}
.p-consultant-catch__text__name {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5em;
  font-family: corporate-logo-ver2, sans-serif;
  margin-bottom: 16px;
}
.p-consultant-catch__text__name--en {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  padding-left: 24px;
}
.p-consultant-catch__text__text {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.5em;
}

.p-greeting-page {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: 500;
}
@media screen and (min-width: 640px) {
  .p-greeting-page {
    font-size: 16px;
  }
}
.p-greeting-page__heading {
  width: 100%;
  max-width: 98px;
  margin-bottom: 16px;
  position: relative;
  z-index: 2;
}
.p-greeting-page__heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted;
  z-index: -2;
}
@media screen and (min-width: 640px) {
  .p-greeting-page__heading {
    max-width: 132px;
  }
}
.p-greeting-page__heading span {
  display: inline-block;
  background-color: #F4F2FD;
  padding-right: 16px;
  z-index: 2;
  position: relative;
}
.p-greeting-page__content {
  width: 100%;
  padding-left: 16px;
  margin-bottom: 16px;
  max-width: calc(100% - 98px - 16px);
}
@media screen and (min-width: 640px) {
  .p-greeting-page__content {
    max-width: calc(100% - 132px - 16px);
  }
}

.p-newsletter-image {
  width: 117px;
  position: absolute;
  right: -20px;
  bottom: -112px;
}
@media screen and (min-width: 640px) {
  .p-newsletter-image {
    width: 160px;
    right: 0;
    bottom: -160px;
  }
}
@media screen and (min-width: 1200px) {
  .p-newsletter-image {
    display: none;
  }
}

@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-container {
  position: relative;
  z-index: 3;
  margin-top: 141px;
  margin-bottom: 280px;
}
@media screen and (min-width: 640px) {
  .p-archive-container {
    margin-top: 288px;
  }
}

.p-archive-list {
  list-style-type: none;
}
.p-archive-list__button {
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  color: #392987;
  padding: 8px;
  border: 1px solid #392987;
  border-radius: 6px;
  transition: 0.2s;
}
.p-archive-list__button:hover {
  background-color: #392987;
  color: #ffffff;
  transition: 0.2s;
}
.p-archive-list__item {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #392987;
  padding: 8px 24px 32px 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 640px) {
  .p-archive-list__item {
    padding: 16px 24px 32px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .p-archive-list__item {
    padding: 16px 24px 32px 40px;
  }
}
.p-archive-list__item__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3em;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #392987;
}
@media screen and (min-width: 640px) {
  .p-archive-list__item__title {
    padding-bottom: 32px;
    margin-bottom: 24px;
    font-size: 24px;
    margin-left: 32px;
    margin-right: 32px;
  }
}
.p-archive-list__item__meta {
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .p-archive-list__item__meta {
    margin-bottom: 47px;
  }
}
.p-archive-list__item__meta__ymd {
  font-size: 12px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #978FBE;
}
.p-archive-list__item__content {
  font-size: 12px;
  line-height: 1.3em;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0em;
}
@media screen and (min-width: 640px) {
  .p-archive-list__item__content {
    margin-left: 32px;
    margin-right: 32px;
  }
}

.p-post-item {
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #392987;
  overflow: hidden;
  background-color: #ffffff;
  height: 100%;
}
.p-post-item__tumbnail {
  object-fit: cover;
  width: 100%;
  height: 170px;
}
.p-post-item__container {
  padding: 16px;
}
.p-post-item__catchphrase {
  font-size: 11px;
  font-weight: bold;
  color: #392987;
  line-height: 1.2;
  margin-bottom: 16px;
}
.p-post-item__title {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 24px;
}
.p-post-item__event-date {
  font-size: 12px;
  padding-left: 26px;
  margin-bottom: 8px;
  position: relative;
  font-weight: 400;
}
.p-post-item__event-date:before {
  position: absolute;
  left: 0;
  content: url("assets/img/i-date.svg");
  top: 4px;
}
.p-post-item__event-location {
  font-size: 12px;
  padding-left: 26px;
  margin-bottom: 8px;
  position: relative;
  font-weight: 400;
}
.p-post-item__event-location:before {
  position: absolute;
  left: 0;
  content: url("assets/img/i-locate.svg");
  top: 4px;
}

.p-post {
  padding: 24px 0px;
  border-bottom: 1px solid #E3E3E3;
}
.p-post__meta {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .p-post__meta {
    margin-bottom: 16px;
  }
}
.p-post__meta__date {
  font-size: 12px;
  letter-spacing: 0em;
  font-family: "Montserrat", sans-serif;
  color: #978FBE;
  margin-right: 16px;
  font-weight: bold;
}
.p-post__meta__date--scheadule {
  position: relative;
  padding-left: 24px;
}
.p-post__meta__date--scheadule:before {
  position: absolute;
  left: 0;
  content: url("assets/img/i-date.svg");
  top: 50%;
  transform: translateY(-50%);
}
.p-post__meta__category {
  font-size: 12px;
  letter-spacing: 0em;
  font-weight: bold;
  background-color: #978FBE;
  padding: 3px 38px;
  border-radius: 2px;
  display: inline;
}
.p-post__title {
  font-size: 16px;
  letter-spacing: 0em;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 640px) {
  .p-post__title {
    font-size: 16px;
  }
}

.c-biography {
  display: flex;
}
.c-biography__title {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2em;
  padding-right: 16px;
  border-right: 1px solid #111111;
  width: 40px;
}
@media screen and (min-width: 640px) {
  .c-biography__title {
    font-size: 16px;
    width: 42px;
  }
}
.c-biography__content {
  padding-left: 16px;
  width: calc(100% - 37px);
}

.p-box {
  width: 100%;
  height: 248px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-box {
    height: 300px;
  }
}
.p-box__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-box__inner__ico {
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .p-box__inner__ico {
    margin-bottom: 24px;
  }
}
.p-box__inner__tel-number {
  display: inline-block;
  white-space: nowrap;
  font-size: 25px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.1em;
  transition: 0.3s;
}
.p-box__inner__tel-number:hover {
  opacity: 0.6;
}
.p-box__inner__description {
  font-size: 12px;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.p-box-border {
  background: #fff;
  border: 1px solid #111111;
  width: 100%;
  position: relative;
  padding: 46px 30px;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .p-box-border {
    padding: 72px 61px;
    min-height: 392px;
  }
}
.p-box-border__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .p-box-border__title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 36px;
  }
}
.p-box-border__text {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}
@media screen and (min-width: 640px) {
  .p-box-border__text {
    text-align: center;
    margin-bottom: 36px;
  }
}

.p-card-purple {
  background-color: #402E9B;
  color: #ffffff;
  border-radius: 10px;
  padding: 24px 62px 24px 24px;
  display: flex;
  z-index: 3;
  position: relative;
  box-sizing: border-box;
  height: 100%;
}
.p-card-purple:before {
  position: absolute;
  content: url("assets/img/svg/i-plus.svg");
  right: 24px;
  top: 42px;
}
@media screen and (min-width: 640px) {
  .p-card-purple:before {
    top: auto;
    bottom: 24px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1200px) {
  .p-card-purple:before {
    bottom: 52px;
  }
}
@media screen and (min-width: 640px) {
  .p-card-purple {
    display: block;
    padding: 48px 20px 89px;
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .p-card-purple {
    padding: 52px 20px 113px;
  }
}
.p-card-purple--min {
  padding: 32px 0px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  line-height: 1.5em;
  background-color: #392987;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min {
    font-size: 16px;
    text-align: center;
    padding: 40px 0px;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 1200px) {
  .p-card-purple--min {
    padding: 44px 0px;
  }
}
.p-card-purple--min:before {
  display: none;
}
.p-card-purple--min__image {
  width: 100%;
}
.p-card-purple--min__image--1 img {
  width: 54px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--1 img {
    width: 72px;
  }
}
.p-card-purple--min__image--2 img {
  width: 51px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--2 img {
    width: 62px;
  }
}
.p-card-purple--min__image--3 img {
  width: 51px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--3 img {
    width: 66px;
  }
}
.p-card-purple--min__image--4 img {
  width: 45px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--4 img {
    width: 56px;
  }
}
.p-card-purple--min__image--5 img {
  width: 47px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--5 img {
    width: 68px;
  }
}
.p-card-purple--min__image--6 img {
  width: 38px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--6 img {
    width: 51px;
  }
}
.p-card-purple--min__image--7 img {
  width: 51px;
}
@media screen and (min-width: 640px) {
  .p-card-purple--min__image--7 img {
    width: 69px;
  }
}
.p-card-purple__number {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 640px) {
  .p-card-purple__number {
    margin-bottom: 16px;
  }
}
.p-card-purple__number__en {
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 4px;
  text-align: center;
}
.p-card-purple__number__number {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  font-style: italic;
}
.p-card-purple__text {
  margin-left: 24px;
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 640px) {
  .p-card-purple__text {
    font-size: 20px;
    margin-left: 0px;
  }
}

.p-card__open {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
.p-card__open__background {
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.p-card__open__content {
  opacity: 1;
  background: #fff;
  width: 60%;
  position: relative;
  z-index: 11;
  padding: 60px 45px 48px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-card__open__content {
    max-width: 720px;
    width: 68%;
    padding: 65px 77px 55px;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__open__content {
    max-width: 720px;
    width: 425px;
    padding: 101px 141px 90px;
  }
}
.p-card__open__content__close {
  position: absolute;
  right: 16px;
  top: 16px;
}
@media screen and (min-width: 640px) {
  .p-card__open__content__close {
    right: 24px;
    top: 24px;
  }
}
.p-card__open__number {
  position: absolute;
  color: #ffffff;
  left: 17px;
  top: -40px;
}
@media screen and (min-width: 640px) {
  .p-card__open__number {
    left: -11px;
    top: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__open__number {
    left: 38px;
    top: 49px;
  }
}
.p-card__open__number__text {
  position: relative;
  z-index: 1;
}
.p-card__open__number__background {
  position: relative;
  z-index: 0;
}
.p-card__open__number__background:before {
  position: absolute;
  content: url("assets/img/svg/bubble.svg");
  left: -27px;
  top: -75px;
}
.p-card__open__heading {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  margin-bottom: 16px;
  color: #271D5B;
  font-family: corporate-logo-ver2, sans-serif;
}
@media screen and (min-width: 1200px) {
  .p-card__open__heading {
    margin-bottom: 40px;
  }
}
.p-card__open__text {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}

.show {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-concept {
  padding-top: 140px;
  margin-bottom: 128px;
  position: relative;
  top: -34px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
@media screen and (min-width: 640px) {
  .p-concept {
    padding-top: 208px;
    top: -130px;
  }
}
@media screen and (min-width: 960px) {
  .p-concept {
    padding-top: 383px;
  }
}
@media screen and (min-width: 1600px) {
  .p-concept {
    padding-top: 530px;
  }
}
.p-concept__contents {
  padding-right: 40px;
  padding-left: 40px;
  margin-bottom: 64px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .p-concept__contents {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 640px) {
  .p-concept__contents {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 960px) {
  .p-concept__contents {
    margin-bottom: 180px;
  }
}
.p-concept__contents__title {
  padding-bottom: 60px;
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 640px) {
  .p-concept__contents__title {
    padding-bottom: 0;
    padding-left: 40px;
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .p-concept__contents__title {
    padding-left: 82px;
  }
}
@media screen and (min-width: 640px) {
  .p-concept__contents__message {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
.p-concept__contents__message__row1 {
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .p-concept__contents__message__row1 {
    margin-bottom: 0;
  }
}
.p-concept__contents__message__row2 {
  margin-bottom: 56px;
}
@media screen and (min-width: 640px) {
  .p-concept__contents__message__row2 {
    margin-right: 32px;
    margin-bottom: 0;
    padding-top: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .p-concept__contents__message__row2 {
    margin-right: 72px;
  }
}
.p-concept__contents__message__text {
  font-size: 16px;
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 300;
  line-height: 160%;
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .p-concept__contents__message__text {
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 180%;
    margin-bottom: 0;
    white-space: nowrap;
  }
}
@media screen and (min-width: 960px) {
  .p-concept__contents__message__text {
    line-height: 200%;
  }
}
.p-concept__image {
  text-align: right;
  position: relative;
  z-index: 2;
}
.p-concept__image img {
  width: calc(100% - 40px);
}
@media screen and (min-width: 640px) {
  .p-concept__image img {
    width: 76.37889688%;
  }
}
@media screen and (min-width: 960px) {
  .p-concept__image img {
    width: 74.44444444%;
  }
}
@media screen and (min-width: 1200px) {
  .p-concept__image img {
    width: 68.33333333%;
  }
}
.p-concept__line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .p-concept__line__s {
    display: none;
  }
}
.p-concept__line__ta {
  display: none;
}
@media screen and (min-width: 640px) {
  .p-concept__line__ta {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .p-concept__line__ta {
    display: none;
  }
}
.p-concept__line__m {
  display: none;
}
@media screen and (min-width: 960px) {
  .p-concept__line__m {
    display: block;
  }
}
@media screen and (min-width: 1600px) {
  .p-concept__line__m {
    display: none;
  }
}
.p-concept__line__l {
  display: none;
}
@media screen and (min-width: 1600px) {
  .p-concept__line__l {
    display: block;
  }
}
@keyframes animate-svg-stroke-s {
  0% {
    stroke-dashoffset: 1379.6004638672px;
    stroke-dasharray: 1379.6004638672px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1379.6004638672px;
  }
}
.p-concept__line .svg-elem-s.active {
  animation: animate-svg-stroke-s 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}
@keyframes animate-svg-stroke-ta {
  0% {
    stroke-dashoffset: 1421.4953613281px;
    stroke-dasharray: 1421.4953613281px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1421.4953613281px;
  }
}
.p-concept__line .svg-elem-ta.active {
  animation: animate-svg-stroke-ta 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}
@keyframes animate-svg-stroke-m {
  0% {
    stroke-dashoffset: 1985.4296875px;
    stroke-dasharray: 1985.4296875px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1985.4296875px;
  }
}
.p-concept__line .svg-elem-m.active {
  animation: animate-svg-stroke-m 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}
@keyframes animate-svg-stroke-l {
  0% {
    stroke-dashoffset: 2647.5339355469px;
    stroke-dasharray: 2647.5339355469px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2647.5339355469px;
  }
}
.p-concept__line .svg-elem-l.active {
  animation: animate-svg-stroke-l 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.p-faq {
  background: #EEEEEE;
  padding: 35px 24px 64px;
  border-radius: 4px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-faq {
    padding: 56px 72px 80px 56px;
  }
}
.p-faq.-close .p-faq__question {
  padding-bottom: 0;
  margin-bottom: 0;
}
.p-faq.-close .p-faq__question:after {
  background: transparent;
}
.p-faq.-close .p-faq__answer {
  display: none;
}
.p-faq.-close .p-faq__link {
  transform: translateX(-50%) rotate(0deg);
}
.p-faq__link {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.334%22%20height%3D%2223.335%22%20viewBox%3D%220%200%2023.334%2023.335%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29471%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029471%22%20d%3D%22M-11997.4%2C14361.131v16h-16%22%20transform%3D%22translate(18661.275%20-1660.098)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23111%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) rotate(-180deg);
}
.p-faq__question {
  padding-left: 35px;
  position: relative;
  font-size: 16px;
  font-family: corporate-logo-ver2, sans-serif;
  line-height: 1.5;
  padding-bottom: 20px;
  margin-bottom: 24px;
}
.p-faq__question:before {
  content: "Q";
  font-size: 18px;
  font-weight: 500;
  font-family: corporate-logo-ver2, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
}
.p-faq__question:after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 1px;
  width: calc(100% - 35px);
  background: #C1C5CE;
  right: 0;
  bottom: 0;
}
.p-faq__answer {
  padding-left: 35px;
  position: relative;
  font-size: 15px;
  line-height: 1.5;
}
.p-faq__answer:before {
  content: "A";
  font-size: 18px;
  font-weight: 500;
  font-family: corporate-logo-ver2, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
}

.p-feature {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-feature {
    display: flex;
    flex-direction: row-reverse;
    padding: 0 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-feature {
    padding: 0;
  }
}
.p-feature__title {
  padding: 0 40px;
  margin-bottom: 56px;
}
@media screen and (min-width: 640px) {
  .p-feature__title {
    padding: 0;
    padding-left: 24px;
    display: flex;
    justify-content: center;
    width: 16.6666666667%;
    position: relative;
    top: -40px;
  }
}
@media screen and (min-width: 960px) {
  .p-feature__title {
    padding-left: 40px;
  }
}
.p-feature__contents {
  padding: 0 40px;
}
.p-feature__contents p {
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (min-width: 640px) {
  .p-feature__contents {
    padding: 0;
    width: 33.3333333333%;
    padding-left: 24px;
  }
}
@media screen and (min-width: 960px) {
  .p-feature__contents {
    padding-left: 40px;
  }
}
.p-feature__button {
  position: absolute;
  z-index: 2;
  right: 40px;
  bottom: 52px;
  transition: 0.2s;
}
.p-feature__button:hover {
  transition: 0.2s;
  opacity: 0.7;
}
@media screen and (min-width: 640px) {
  .p-feature__button {
    position: relative;
    right: auto;
    bottom: auto;
  }
}
.p-feature__image {
  position: relative;
  top: -36px;
  z-index: -1;
}
.p-feature__image img {
  width: 73.7913486%;
}
@media screen and (min-width: 640px) {
  .p-feature__image img {
    width: 300px;
  }
}
@media screen and (min-width: 960px) {
  .p-feature__image img {
    width: 474px;
  }
}
@media screen and (min-width: 640px) {
  .p-feature__image {
    top: 0;
    width: 50%;
  }
}

.p-flow {
  position: relative;
}
.p-flow:before {
  position: absolute;
  left: 16px;
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-color: #392987;
  z-index: -1;
}
.p-flow__item {
  margin-bottom: 48px;
  padding-left: 40px;
}
@media screen and (min-width: 640px) {
  .p-flow__item {
    padding-left: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .p-flow__item {
    margin-bottom: 80px;
  }
}

.p-flow-title {
  background-color: #392987;
  color: #ffffff;
  display: inline-block;
  line-height: 1.8em;
  padding: 0 8px;
  font-weight: bold;
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 18px;
  margin-bottom: 24px;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .p-flow-title {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-flow-title {
    font-size: 22px;
    padding: 0 32px;
  }
}
.p-flow-title__sub {
  font-size: 12px;
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", sans-serif;
  padding-left: 8px;
  line-height: 2em;
}
@media screen and (min-width: 640px) {
  .p-flow-title__sub {
    font-size: 16px;
  }
}

.p-flow-accent {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 14px;
}
@media screen and (min-width: 640px) {
  .p-flow-accent {
    font-size: 18px;
  }
}

.p-flow-ex {
  background-color: #ffffff;
  padding: 48px 32px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .p-flow-ex {
    padding: 64px 64px;
  }
}

.p-images-block__row + .p-images-block__row2 {
  margin-top: 10px;
}
.p-images-block__row2 {
  display: flex;
  justify-content: space-between;
}
.p-images-block__row2 > * {
  width: calc(50% - 5px);
}
.p-images-block__row2 + .p-images-block__row {
  margin-top: 10px;
}
.p-images-block img {
  width: 100%;
  border-radius: 3px;
}

.p-triangle-treatment {
  position: relative;
  width: 100%;
  height: 367px;
}
@media screen and (min-width: 640px) {
  .p-triangle-treatment {
    height: 680px;
  }
}
.p-triangle-treatment img {
  width: 79%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 640px) {
  .p-triangle-treatment img {
    width: 70%;
    max-width: 474px;
  }
}

.p-information-container {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .p-information-container {
    max-width: 780px;
  }
}
.p-information-container__list-wrap {
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 640px) {
  .p-information-container__list-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

.p-jumbotron {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 110px;
}
@media screen and (min-width: 640px) {
  .p-jumbotron {
    margin-bottom: 380px;
  }
}
@media screen and (min-width: 1600px) {
  .p-jumbotron {
    max-width: 1600px;
  }
}
.p-jumbotron__img {
  width: 100%;
}
.p-jumbotron__contents {
  padding: 48px 32px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .p-jumbotron__contents {
    width: 57.25%;
    max-width: 690px;
    position: absolute;
    bottom: -200px;
    left: 0;
    background: #fff;
    padding: 51px 56px 0;
    border-top-right-radius: 5px;
  }
}
@media screen and (min-width: 1900px) {
  .p-jumbotron__contents {
    bottom: -110px;
  }
}
.p-jumbotron__contents__link {
  text-align: right;
}
@media screen and (min-width: 640px) {
  .p-jumbotron__contents__link {
    position: absolute;
    left: 110%;
    bottom: 0;
  }
}
@media screen and (min-width: 960px) {
  .p-jumbotron__contents__link {
    left: 130%;
  }
}

.p-jumbotron-large {
  position: relative;
}
@media screen and (min-width: 640px) {
  .p-jumbotron-large__img {
    padding: 0 20px;
  }
}
.p-jumbotron-large__img img {
  width: 100%;
}
.p-jumbotron-large__contents {
  padding: 56px 48px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .p-jumbotron-large__contents {
    position: absolute;
    top: 50%;
    left: 8.371040724%;
    transform: translateY(-50%);
    width: 50%;
    max-width: 522px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
  }
}
@media screen and (min-width: 960px) {
  .p-jumbotron-large__contents {
    width: 39.36651584%;
    padding: 90px 106px 77px 56px;
  }
}
@media screen and (min-width: 640px) {
  .p-jumbotron-large .p-star--right-top:before {
    left: 200%;
  }
}

.p-link-navigation {
  width: 326px;
  margin: 0 auto 100px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .p-link-navigation {
    width: 540px;
    padding: 64px 0;
    margin-bottom: 140px;
  }
}
.p-link-navigation__item {
  margin-right: 24px;
  margin-bottom: 24px;
}
.p-link-navigation__item:nth-child(even) {
  margin-right: 0;
}
@media screen and (min-width: 640px) {
  .p-link-navigation__item:nth-child(even) {
    margin-right: 24px;
  }
}
@media screen and (min-width: 640px) {
  .p-link-navigation__item:last-child {
    margin-right: 0;
  }
}

@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.4s ease-in-out 1s both;
  z-index: 1000;
  background-image: url("assets/img/texture.png");
  background-repeat: repeat;
}

.p-menu {
  padding: 40px 0;
  position: relative;
}
.p-menu:before {
  content: "";
  width: calc(100% + 80px);
  height: 1px;
  background: #EEEEEE;
  position: absolute;
  top: 0;
  left: -40px;
}
@media screen and (min-width: 640px) {
  .p-menu:before {
    width: 100%;
    left: 0;
  }
}
.p-menu:last-child:after {
  content: "";
  width: calc(100% + 80px);
  height: 1px;
  background: #EEEEEE;
  position: absolute;
  bottom: 0;
  left: -40px;
}
@media screen and (min-width: 640px) {
  .p-menu:last-child:after {
    width: 100%;
    left: 0;
  }
}

.p-menu-content {
  display: grid;
  grid-template-columns: calc(50% - 8px) calc(50% - 8px);
  row-gap: 16px;
  justify-content: space-between;
  padding-bottom: 32px;
  border-bottom: 1px solid #EEEEEE;
}
@media screen and (min-width: 640px) {
  .p-menu-content {
    grid-template-columns: 56% 30%;
    padding-bottom: 40px;
  }
}
.p-menu-content__title {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
@media screen and (min-width: 640px) {
  .p-menu-content__title {
    font-size: 18px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    display: flex;
    align-items: flex-end;
  }
}
.p-menu-content__title__heading {
  font-family: corporate-logo-ver2, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (min-width: 640px) {
  .p-menu-content__title__heading {
    font-size: 18px;
  }
}
.p-menu-content__text {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  font-size: 14px;
}
@media screen and (min-width: 640px) {
  .p-menu-content__text {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
.p-menu-content__image {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
@media screen and (min-width: 640px) {
  .p-menu-content__image {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.p-menu-content--large {
  row-gap: 32px;
}
@media screen and (min-width: 640px) {
  .p-menu-content--large {
    grid-template-columns: 38% 56%;
    padding-bottom: 40px;
    row-gap: 40px;
  }
}
@media screen and (min-width: 960px) {
  .p-menu-content--large {
    grid-template-columns: 46% 48%;
  }
}
@media screen and (min-width: 960px) {
  .p-menu-content--large .p-menu-content__title {
    padding-left: 48px;
  }
}
@media screen and (min-width: 960px) {
  .p-menu-content--large .p-menu-content__text {
    padding-left: 48px;
  }
}
.p-menu-content--border-none {
  border-bottom: none;
}

.p-menu-number {
  position: relative;
  margin-bottom: 32px;
  height: 18px;
}
.p-menu-number span {
  position: absolute;
  left: -20px;
  display: inline-block;
  padding-right: 16px;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-size: 18px;
}
@media screen and (min-width: 960px) {
  .p-menu-number span {
    position: static;
  }
}
.p-menu-number:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background: #EEEEEE;
}
@media screen and (min-width: 960px) {
  .p-menu-number:after {
    width: calc(100% - 48px);
  }
}

.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: corporate-logo-ver2, 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: corporate-logo-ver2, 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: corporate-logo-ver2, 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: corporate-logo-ver2, 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: corporate-logo-ver2, 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;
  }
}

.p-star {
  position: relative;
  display: inline-block;
}
.p-star:before {
  position: absolute;
}
.p-star--blue:before {
  content: url("assets/img/star-blue.svg");
}
.p-star--white:before {
  content: url("assets/img/star.svg");
}
.p-star--2:before {
  content: url("assets/img/star2.svg");
}
.p-star--2-reverse:before {
  content: url("assets/img/star2-reverse.svg");
}
.p-star--left-top:before {
  bottom: 100%;
  right: 100%;
}
.p-star--right-top:before {
  bottom: 100%;
  left: 100%;
}

.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;
  }
}

/*
===============
~ tablet 
===============
  column
r    1    2   3
o  1 ----------
w    | 1  |   | 
   2 -----| 3 |
     |  2 |   |
   3-----------
     |    4   |
   4 ----------
     | 5  | 6 |
   5 ----------

===============
tablet ~ 
===============
  column
r    1     2   3   4     5
o  1 ---------------------
w    |  1  |   4   |     |
   2 |-----| ----- |  3  |   
     |  2  | 5 | 6 |     |
   3-----------------------
*/
.p-tour {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 8px;
  column-gap: 8px;
  height: 813px;
}
@media screen and (min-width: 640px) {
  .p-tour {
    grid-template-columns: repeat(4, 1fr);
    height: 423px;
  }
}
@media screen and (min-width: 960px) {
  .p-tour {
    height: 730px;
  }
}
.p-tour__box {
  background: #EEEEEE;
  padding: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}
.p-tour__box__1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  background-image: url("assets/img/tour1.jpg");
}
.p-tour__box__2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  background-image: url("assets/img/tour2.jpg");
  background-position: bottom;
}
.p-tour__box__3 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  background-image: url("assets/img/tour3.jpg");
  background-position: bottom;
}
@media screen and (min-width: 640px) {
  .p-tour__box__3 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.p-tour__box__4 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  background-image: url("assets/img/tour4.jpg");
  background-position: bottom;
}
@media screen and (min-width: 640px) {
  .p-tour__box__4 {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.p-tour__box__5 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 5;
  background-image: url("assets/img/tour5.jpg");
}
@media screen and (min-width: 640px) {
  .p-tour__box__5 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
.p-tour__box__6 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5;
  background-image: url("assets/img/tour6.jpg");
}
@media screen and (min-width: 640px) {
  .p-tour__box__6 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}

.p-value-sec {
  position: relative;
}
.p-value-sec__image1 {
  text-align: right;
}
@media screen and (min-width: 640px) {
  .p-value-sec__image1 {
    width: 48%;
    position: absolute;
    right: 0;
    bottom: 100px;
  }
}
@media screen and (min-width: 960px) {
  .p-value-sec__image1 {
    min-width: 702px;
    width: 51.3909224%;
    bottom: 0;
  }
}
.p-value-sec__image1__object {
  position: relative;
  right: 48px;
  bottom: -11px;
}
@media screen and (min-width: 640px) {
  .p-value-sec__image1__object {
    right: 48px;
    bottom: -15px;
  }
}
@media screen and (min-width: 960px) {
  .p-value-sec__image1__object {
    right: 83px;
    bottom: -15px;
  }
}
.p-value-sec__image1__object svg {
  width: 114px;
  height: 79px;
}
@media screen and (min-width: 640px) {
  .p-value-sec__image1__object svg {
    width: 200px;
    height: 138.5964912281px;
  }
}
@media screen and (min-width: 960px) {
  .p-value-sec__image1__object svg {
    width: 314.454px;
    height: 217.623px;
  }
}
.p-value-sec__image1 img {
  width: 89.74358974%;
}
@media screen and (min-width: 640px) {
  .p-value-sec__image1 img {
    width: 100%;
  }
}
.p-value-sec__image2 {
  text-align: right;
  padding-right: 20px;
  position: relative;
  bottom: -26px;
}
@media screen and (min-width: 640px) {
  .p-value-sec__image2 {
    position: absolute;
    width: 24.74377745%;
    padding-right: 0;
    top: -10px;
    right: 26%;
  }
}
@media screen and (min-width: 960px) {
  .p-value-sec__image2 {
    top: -40px;
    width: 20%;
    min-width: 338px;
    right: 32.21083455%;
  }
}
@media screen and (min-width: 1600px) {
  .p-value-sec__image2 {
    right: 38%;
  }
}
.p-value-sec__image2 img {
  width: 40%;
}
@media screen and (min-width: 640px) {
  .p-value-sec__image2 img {
    width: 100%;
  }
}

/* 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: 376px) {
  .u-text-left\@xxs {
    text-align: left !important;
  }
  .u-text-center\@xxs {
    text-align: center !important;
  }
  .u-text-right\@xxs {
    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: 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: 1024px) {
  .u-text-left\@ml {
    text-align: left !important;
  }
  .u-text-center\@ml {
    text-align: center !important;
  }
  .u-text-right\@ml {
    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: 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-background-white {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 32px 40px;
}

.u-bg-white2 {
  background-color: #ffffff;
  padding: 56px 24px;
  border-radius: 16px;
}
@media screen and (min-width: 640px) {
  .u-bg-white2 {
    padding: 72px 96px;
    border-radius: 32px;
  }
}

.u-bg-white3 {
  background-color: #ffffff;
  padding: 48px 32px;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .u-bg-white3 {
    padding: 64px 64px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .u-bg-white3 {
    padding: 64px 88px 0px 88px;
  }
}

.u-bg-white4 {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 48px 32px;
}
@media screen and (min-width: 640px) {
  .u-bg-white4 {
    padding: 64px 64px;
  }
}
.u-bg-white4__inner {
  max-width: 390px;
  margin: auto;
}

.u-bg-white5 {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 64px 32px;
}
@media screen and (min-width: 640px) {
  .u-bg-white5 {
    padding: 80px 80px;
  }
}
@media screen and (min-width: 1200px) {
  .u-bg-white5 {
    padding: 104px 120px;
  }
}

.u-bg-grey {
  background-color: #f0f0f0;
  z-index: -1;
}

.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: #111111;
}

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

.u-border-color-purple {
  border-color: #392987;
}

.u-border-color-lightpurple {
  border-color: #402E9B;
}

.u-border-color-background {
  border-color: #F4F2FD;
}

.u-border-color-gray {
  border-color: #EEEEEE;
}

.u-border-color-yellow {
  border-color: FFE600;
}

.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: #111111;
}

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

.u-border-top-color-purple {
  border-top-color: #392987;
}

.u-border-top-color-lightpurple {
  border-top-color: #402E9B;
}

.u-border-top-color-background {
  border-top-color: #F4F2FD;
}

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

.u-border-top-color-yellow {
  border-top-color: FFE600;
}

.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: #111111;
}

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

.u-border-right-color-purple {
  border-right-color: #392987;
}

.u-border-right-color-lightpurple {
  border-right-color: #402E9B;
}

.u-border-right-color-background {
  border-right-color: #F4F2FD;
}

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

.u-border-right-color-yellow {
  border-right-color: FFE600;
}

.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: #111111;
}

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

.u-border-bottom-color-purple {
  border-bottom-color: #392987;
}

.u-border-bottom-color-lightpurple {
  border-bottom-color: #402E9B;
}

.u-border-bottom-color-background {
  border-bottom-color: #F4F2FD;
}

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

.u-border-bottom-color-yellow {
  border-bottom-color: FFE600;
}

.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: #111111;
}

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

.u-border-left-color-purple {
  border-left-color: #392987;
}

.u-border-left-color-lightpurple {
  border-left-color: #402E9B;
}

.u-border-left-color-background {
  border-left-color: #F4F2FD;
}

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

.u-border-left-color-yellow {
  border-left-color: FFE600;
}

.u-border-yellow {
  position: relative;
  z-index: 2;
}
.u-border-yellow:before {
  position: absolute;
  height: 8px;
  width: 100%;
  content: "";
  left: 0;
  bottom: 2px;
  background-color: #FFE600;
  z-index: -1;
}

.u-border-bottom-purple {
  position: relative;
}
.u-border-bottom-purple:before {
  position: absolute;
  height: 1px;
  width: calc(100% - 16px);
  content: "";
  left: 16px;
  bottom: 0px;
  background-color: #392987;
  z-index: -1;
}
@media screen and (min-width: 640px) {
  .u-border-bottom-purple:before {
    left: 32px;
    width: calc(100% - 32px);
  }
}
@media screen and (min-width: 1200px) {
  .u-border-bottom-purple:before {
    left: 13.5%;
    width: 78%;
  }
}

.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: #111111 !important;
}

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

.u-color-purple {
  color: #392987 !important;
}

.u-color-lightpurple {
  color: #402E9B !important;
}

.u-color-background {
  color: #F4F2FD !important;
}

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

.u-color-yellow {
  color: FFE600 !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-ja {
  font-family: corporate-logo-ver2, sans-serif !important;
  font-weight: 300;
}

.u-accent-family-en {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.06em;
}

.u-normal-family {
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Helvetica Neue", sans-serif !important;
}

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

.u-tb-rl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 376px) {
  .u-tb-rl\@xxs {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 400px) {
  .u-tb-rl\@xs {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 640px) {
  .u-tb-rl\@s {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 960px) {
  .u-tb-rl\@m {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 1024px) {
  .u-tb-rl\@ml {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 1200px) {
  .u-tb-rl\@l {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 1600px) {
  .u-tb-rl\@xl {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 1900px) {
  .u-tb-rl\@xxl {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}

.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: #111111;
}

.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: #ffffff;
}

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

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

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-10\@xxs {
    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: 960px) {
  .u-text-size-10\@m {
    font-size: 10px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-10\@l {
    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: 376px) {
  .u-text-size-11\@xxs {
    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: 960px) {
  .u-text-size-11\@m {
    font-size: 11px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-11\@l {
    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: 376px) {
  .u-text-size-12\@xxs {
    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: 960px) {
  .u-text-size-12\@m {
    font-size: 12px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-12\@l {
    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: 376px) {
  .u-text-size-13\@xxs {
    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: 960px) {
  .u-text-size-13\@m {
    font-size: 13px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-13\@l {
    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: 376px) {
  .u-text-size-14\@xxs {
    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: 960px) {
  .u-text-size-14\@m {
    font-size: 14px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-14\@l {
    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: 376px) {
  .u-text-size-15\@xxs {
    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: 960px) {
  .u-text-size-15\@m {
    font-size: 15px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-15\@l {
    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: 376px) {
  .u-text-size-16\@xxs {
    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: 960px) {
  .u-text-size-16\@m {
    font-size: 16px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-16\@l {
    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: 376px) {
  .u-text-size-17\@xxs {
    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: 960px) {
  .u-text-size-17\@m {
    font-size: 17px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-17\@l {
    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: 376px) {
  .u-text-size-18\@xxs {
    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: 960px) {
  .u-text-size-18\@m {
    font-size: 18px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-18\@l {
    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: 376px) {
  .u-text-size-19\@xxs {
    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: 960px) {
  .u-text-size-19\@m {
    font-size: 19px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-19\@l {
    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: 376px) {
  .u-text-size-20\@xxs {
    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: 960px) {
  .u-text-size-20\@m {
    font-size: 20px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-20\@l {
    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: 376px) {
  .u-text-size-21\@xxs {
    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: 960px) {
  .u-text-size-21\@m {
    font-size: 21px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-21\@l {
    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: 376px) {
  .u-text-size-22\@xxs {
    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: 960px) {
  .u-text-size-22\@m {
    font-size: 22px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-22\@l {
    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: 376px) {
  .u-text-size-23\@xxs {
    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: 960px) {
  .u-text-size-23\@m {
    font-size: 23px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-23\@l {
    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: 376px) {
  .u-text-size-24\@xxs {
    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: 960px) {
  .u-text-size-24\@m {
    font-size: 24px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-24\@l {
    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: 376px) {
  .u-text-size-25\@xxs {
    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: 960px) {
  .u-text-size-25\@m {
    font-size: 25px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-25\@l {
    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: 376px) {
  .u-text-size-26\@xxs {
    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: 960px) {
  .u-text-size-26\@m {
    font-size: 26px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-26\@l {
    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: 376px) {
  .u-text-size-27\@xxs {
    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: 960px) {
  .u-text-size-27\@m {
    font-size: 27px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-27\@l {
    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: 376px) {
  .u-text-size-28\@xxs {
    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: 960px) {
  .u-text-size-28\@m {
    font-size: 28px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-28\@l {
    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: 376px) {
  .u-text-size-29\@xxs {
    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: 960px) {
  .u-text-size-29\@m {
    font-size: 29px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-29\@l {
    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: 376px) {
  .u-text-size-30\@xxs {
    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: 960px) {
  .u-text-size-30\@m {
    font-size: 30px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-30\@l {
    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: 376px) {
  .u-text-size-31\@xxs {
    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: 960px) {
  .u-text-size-31\@m {
    font-size: 31px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-31\@l {
    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: 376px) {
  .u-text-size-32\@xxs {
    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: 960px) {
  .u-text-size-32\@m {
    font-size: 32px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-32\@l {
    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: 376px) {
  .u-text-size-33\@xxs {
    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: 960px) {
  .u-text-size-33\@m {
    font-size: 33px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-33\@l {
    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: 376px) {
  .u-text-size-34\@xxs {
    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: 960px) {
  .u-text-size-34\@m {
    font-size: 34px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-34\@l {
    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: 376px) {
  .u-text-size-35\@xxs {
    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: 960px) {
  .u-text-size-35\@m {
    font-size: 35px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-35\@l {
    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: 376px) {
  .u-text-size-36\@xxs {
    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: 960px) {
  .u-text-size-36\@m {
    font-size: 36px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-36\@l {
    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: 376px) {
  .u-text-size-37\@xxs {
    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: 960px) {
  .u-text-size-37\@m {
    font-size: 37px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-37\@l {
    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: 376px) {
  .u-text-size-38\@xxs {
    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: 960px) {
  .u-text-size-38\@m {
    font-size: 38px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-38\@l {
    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: 376px) {
  .u-text-size-39\@xxs {
    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: 960px) {
  .u-text-size-39\@m {
    font-size: 39px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-39\@l {
    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: 376px) {
  .u-text-size-40\@xxs {
    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: 960px) {
  .u-text-size-40\@m {
    font-size: 40px !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-text-size-40\@l {
    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-text-size-41 {
  font-size: 41px !important;
}

@media screen and (min-width: 376px) {
  .u-text-size-41\@xxs {
    font-size: 41px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-41\@ml {
    font-size: 41px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-42\@xxs {
    font-size: 42px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-42\@ml {
    font-size: 42px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-43\@xxs {
    font-size: 43px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-43\@ml {
    font-size: 43px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-44\@xxs {
    font-size: 44px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-44\@ml {
    font-size: 44px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-45\@xxs {
    font-size: 45px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-45\@ml {
    font-size: 45px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-46\@xxs {
    font-size: 46px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-46\@ml {
    font-size: 46px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-47\@xxs {
    font-size: 47px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-47\@ml {
    font-size: 47px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-48\@xxs {
    font-size: 48px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-48\@ml {
    font-size: 48px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-49\@xxs {
    font-size: 49px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-49\@ml {
    font-size: 49px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-text-size-50\@xxs {
    font-size: 50px !important;
  }
}

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

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

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

@media screen and (min-width: 1024px) {
  .u-text-size-50\@ml {
    font-size: 50px !important;
  }
}

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

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

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

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

@media screen and (min-width: 376px) {
  .u-line-height-10\@xxs {
    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: 960px) {
  .u-line-height-10\@m {
    line-height: 1 !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-line-height-10\@l {
    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: 376px) {
  .u-line-height-11\@xxs {
    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: 960px) {
  .u-line-height-11\@m {
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-11\@ml {
    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: 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: 376px) {
  .u-line-height-12\@xxs {
    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: 960px) {
  .u-line-height-12\@m {
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-12\@ml {
    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: 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: 376px) {
  .u-line-height-13\@xxs {
    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: 960px) {
  .u-line-height-13\@m {
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-13\@ml {
    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: 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: 376px) {
  .u-line-height-14\@xxs {
    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: 960px) {
  .u-line-height-14\@m {
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-14\@ml {
    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: 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: 376px) {
  .u-line-height-15\@xxs {
    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: 960px) {
  .u-line-height-15\@m {
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-15\@ml {
    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: 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: 376px) {
  .u-line-height-16\@xxs {
    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: 960px) {
  .u-line-height-16\@m {
    line-height: 1.6 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-16\@ml {
    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: 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: 376px) {
  .u-line-height-17\@xxs {
    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: 960px) {
  .u-line-height-17\@m {
    line-height: 1.7 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-17\@ml {
    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: 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: 376px) {
  .u-line-height-18\@xxs {
    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: 960px) {
  .u-line-height-18\@m {
    line-height: 1.8 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-18\@ml {
    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: 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: 376px) {
  .u-line-height-19\@xxs {
    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: 960px) {
  .u-line-height-19\@m {
    line-height: 1.9 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-19\@ml {
    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: 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: 376px) {
  .u-line-height-20\@xxs {
    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: 960px) {
  .u-line-height-20\@m {
    line-height: 2 !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-line-height-20\@l {
    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: 376px) {
  .u-line-height-21\@xxs {
    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: 960px) {
  .u-line-height-21\@m {
    line-height: 2.1 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-21\@ml {
    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: 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: 376px) {
  .u-line-height-22\@xxs {
    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: 960px) {
  .u-line-height-22\@m {
    line-height: 2.2 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-22\@ml {
    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: 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: 376px) {
  .u-line-height-23\@xxs {
    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: 960px) {
  .u-line-height-23\@m {
    line-height: 2.3 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-23\@ml {
    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: 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: 376px) {
  .u-line-height-24\@xxs {
    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: 960px) {
  .u-line-height-24\@m {
    line-height: 2.4 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-24\@ml {
    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: 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: 376px) {
  .u-line-height-25\@xxs {
    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: 960px) {
  .u-line-height-25\@m {
    line-height: 2.5 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-25\@ml {
    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: 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: 376px) {
  .u-line-height-26\@xxs {
    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: 960px) {
  .u-line-height-26\@m {
    line-height: 2.6 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-26\@ml {
    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: 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: 376px) {
  .u-line-height-27\@xxs {
    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: 960px) {
  .u-line-height-27\@m {
    line-height: 2.7 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-27\@ml {
    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: 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: 376px) {
  .u-line-height-28\@xxs {
    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: 960px) {
  .u-line-height-28\@m {
    line-height: 2.8 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-28\@ml {
    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: 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: 376px) {
  .u-line-height-29\@xxs {
    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: 960px) {
  .u-line-height-29\@m {
    line-height: 2.9 !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-line-height-29\@ml {
    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: 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: 376px) {
  .u-line-height-30\@xxs {
    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: 960px) {
  .u-line-height-30\@m {
    line-height: 3 !important;
  }
}

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

@media screen and (min-width: 1200px) {
  .u-line-height-30\@l {
    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-letter-space-0 {
  letter-spacing: 0em !important;
}

@media screen and (min-width: 376px) {
  .u-letter-space-0\@xxs {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-0\@xs {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-0\@s {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-0\@m {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-0\@ml {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-0\@l {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-0\@xl {
    letter-spacing: 0em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-0\@xxl {
    letter-spacing: 0em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-10\@xxs {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-10\@xs {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-10\@s {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-10\@m {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-10\@ml {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-10\@l {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-10\@xl {
    letter-spacing: 0.01em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-10\@xxl {
    letter-spacing: 0.01em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-20\@xxs {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-20\@xs {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-20\@s {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-20\@m {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-20\@ml {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-20\@l {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-20\@xl {
    letter-spacing: 0.02em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-20\@xxl {
    letter-spacing: 0.02em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-30\@xxs {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-30\@xs {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-30\@s {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-30\@m {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-30\@ml {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-30\@l {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-30\@xl {
    letter-spacing: 0.03em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-30\@xxl {
    letter-spacing: 0.03em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-40\@xxs {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-40\@xs {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-40\@s {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-40\@m {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-40\@ml {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-40\@l {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-40\@xl {
    letter-spacing: 0.04em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-40\@xxl {
    letter-spacing: 0.04em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-50\@xxs {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-50\@xs {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-50\@s {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-50\@m {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-50\@ml {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-50\@l {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-50\@xl {
    letter-spacing: 0.05em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-50\@xxl {
    letter-spacing: 0.05em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-60\@xxs {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-60\@xs {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-60\@s {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-60\@m {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-60\@ml {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-60\@l {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-60\@xl {
    letter-spacing: 0.06em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-60\@xxl {
    letter-spacing: 0.06em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-70\@xxs {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-70\@xs {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-70\@s {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-70\@m {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-70\@ml {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-70\@l {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-70\@xl {
    letter-spacing: 0.07em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-70\@xxl {
    letter-spacing: 0.07em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-80\@xxs {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-80\@xs {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-80\@s {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-80\@m {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-80\@ml {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-80\@l {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-80\@xl {
    letter-spacing: 0.08em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-80\@xxl {
    letter-spacing: 0.08em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-90\@xxs {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-90\@xs {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-90\@s {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-90\@m {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-90\@ml {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-90\@l {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-90\@xl {
    letter-spacing: 0.09em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-90\@xxl {
    letter-spacing: 0.09em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-100\@xxs {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-100\@xs {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-100\@s {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-100\@m {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-100\@ml {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-100\@l {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-100\@xl {
    letter-spacing: 0.1em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-100\@xxl {
    letter-spacing: 0.1em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-110\@xxs {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-110\@xs {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-110\@s {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-110\@m {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-110\@ml {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-110\@l {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-110\@xl {
    letter-spacing: 0.11em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-110\@xxl {
    letter-spacing: 0.11em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-120\@xxs {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-120\@xs {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-120\@s {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-120\@m {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-120\@ml {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-120\@l {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-120\@xl {
    letter-spacing: 0.12em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-120\@xxl {
    letter-spacing: 0.12em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-130\@xxs {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-130\@xs {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-130\@s {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-130\@m {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-130\@ml {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-130\@l {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-130\@xl {
    letter-spacing: 0.13em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-130\@xxl {
    letter-spacing: 0.13em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-140\@xxs {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-140\@xs {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-140\@s {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-140\@m {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-140\@ml {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-140\@l {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-140\@xl {
    letter-spacing: 0.14em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-140\@xxl {
    letter-spacing: 0.14em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-150\@xxs {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-150\@xs {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-150\@s {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-150\@m {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-150\@ml {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-150\@l {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-150\@xl {
    letter-spacing: 0.15em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-150\@xxl {
    letter-spacing: 0.15em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-160\@xxs {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-160\@xs {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-160\@s {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-160\@m {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-160\@ml {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-160\@l {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-160\@xl {
    letter-spacing: 0.16em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-160\@xxl {
    letter-spacing: 0.16em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-170\@xxs {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-170\@xs {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-170\@s {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-170\@m {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-170\@ml {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-170\@l {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-170\@xl {
    letter-spacing: 0.17em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-170\@xxl {
    letter-spacing: 0.17em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-180\@xxs {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-180\@xs {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-180\@s {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-180\@m {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-180\@ml {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-180\@l {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-180\@xl {
    letter-spacing: 0.18em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-180\@xxl {
    letter-spacing: 0.18em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-190\@xxs {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-190\@xs {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-190\@s {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-190\@m {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-190\@ml {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-190\@l {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-190\@xl {
    letter-spacing: 0.19em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-190\@xxl {
    letter-spacing: 0.19em !important;
  }
}

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

@media screen and (min-width: 376px) {
  .u-letter-space-200\@xxs {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 400px) {
  .u-letter-space-200\@xs {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 640px) {
  .u-letter-space-200\@s {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 960px) {
  .u-letter-space-200\@m {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-letter-space-200\@ml {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-letter-space-200\@l {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 1600px) {
  .u-letter-space-200\@xl {
    letter-spacing: 0.2em !important;
  }
}

@media screen and (min-width: 1900px) {
  .u-letter-space-200\@xxl {
    letter-spacing: 0.2em !important;
  }
}

.u-text-remark {
  padding-left: calc(1em + 1.5px) !important;
  position: relative !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
  marbin-bottom: 8px;
}
.u-text-remark:before {
  content: "※";
  margin-right: 1.5px !important;
  position: absolute !important;
  left: 0 !important;
}
.u-text-remark--post {
  padding-left: 26px !important;
  font-size: 11px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.u-text-default {
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 1.8em;
}
@media screen and (min-width: 640px) {
  .u-text-default {
    font-size: 16px;
  }
}

.u-text-greeting {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0em;
}
@media screen and (min-width: 640px) {
  .u-text-greeting {
    font-size: 18px;
  }
}

.u-text-marker {
  background: linear-gradient(transparent 60%, #FFE600 0%);
  display: inline;
  padding: 0 1px 0px;
}

.u-visible {
  display: none;
}

.u-hidden {
  display: hidden;
}

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

@media screen and (min-width: 376px) {
  span.u-visible\@xxs {
    display: inline;
  }
  .u-visible\@xxs,
  div.u-visible\@xxs,
  p.u-visible\@xxs,
  section.u-visible\@xxs,
  article.u-visible\@xxs {
    display: block;
  }
  .u-hidden\@xxs {
    display: none;
  }
}
.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\@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\@ml {
  display: none;
}

@media screen and (min-width: 1024px) {
  span.u-visible\@ml {
    display: inline;
  }
  .u-visible\@ml,
  div.u-visible\@ml,
  p.u-visible\@ml,
  section.u-visible\@ml,
  article.u-visible\@ml {
    display: block;
  }
  .u-hidden\@ml {
    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\@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: 376px) {
  .u-mt1\@xxs {
    margin-top: 8px !important;
  }
  .u-mt2\@xxs {
    margin-top: 16px !important;
  }
  .u-mt3\@xxs {
    margin-top: 24px !important;
  }
  .u-mt4\@xxs {
    margin-top: 32px !important;
  }
  .u-mt5\@xxs {
    margin-top: 40px !important;
  }
  .u-mt6\@xxs {
    margin-top: 48px !important;
  }
  .u-mt7\@xxs {
    margin-top: 56px !important;
  }
  .u-mt8\@xxs {
    margin-top: 64px !important;
  }
  .u-mt9\@xxs {
    margin-top: 72px !important;
  }
  .u-mt10\@xxs {
    margin-top: 80px !important;
  }
  .u-mt11\@xxs {
    margin-top: 88px !important;
  }
  .u-mt12\@xxs {
    margin-top: 96px !important;
  }
  .u-mt13\@xxs {
    margin-top: 104px !important;
  }
  .u-mt14\@xxs {
    margin-top: 112px !important;
  }
  .u-mt15\@xxs {
    margin-top: 120px !important;
  }
  .u-mt16\@xxs {
    margin-top: 128px !important;
  }
  .u-mt17\@xxs {
    margin-top: 136px !important;
  }
  .u-mt18\@xxs {
    margin-top: 144px !important;
  }
  .u-mt19\@xxs {
    margin-top: 152px !important;
  }
  .u-mt20\@xxs {
    margin-top: 160px !important;
  }
  .u-mt21\@xxs {
    margin-top: 168px !important;
  }
  .u-mt22\@xxs {
    margin-top: 176px !important;
  }
  .u-mt23\@xxs {
    margin-top: 184px !important;
  }
  .u-mt24\@xxs {
    margin-top: 192px !important;
  }
  .u-mt25\@xxs {
    margin-top: 200px !important;
  }
  .u-mt26\@xxs {
    margin-top: 208px !important;
  }
  .u-mt27\@xxs {
    margin-top: 216px !important;
  }
  .u-mt28\@xxs {
    margin-top: 224px !important;
  }
  .u-mt29\@xxs {
    margin-top: 232px !important;
  }
  .u-mt30\@xxs {
    margin-top: 240px !important;
  }
  .u-mt31\@xxs {
    margin-top: 248px !important;
  }
  .u-mt32\@xxs {
    margin-top: 256px !important;
  }
  .u-mt33\@xxs {
    margin-top: 264px !important;
  }
  .u-mt34\@xxs {
    margin-top: 272px !important;
  }
  .u-mt35\@xxs {
    margin-top: 280px !important;
  }
  .u-mt36\@xxs {
    margin-top: 288px !important;
  }
  .u-mt37\@xxs {
    margin-top: 296px !important;
  }
  .u-mt38\@xxs {
    margin-top: 304px !important;
  }
  .u-mt39\@xxs {
    margin-top: 312px !important;
  }
  .u-mt40\@xxs {
    margin-top: 320px !important;
  }
  .u-mt41\@xxs {
    margin-top: 328px !important;
  }
  .u-mt42\@xxs {
    margin-top: 336px !important;
  }
  .u-mt43\@xxs {
    margin-top: 344px !important;
  }
  .u-mt44\@xxs {
    margin-top: 352px !important;
  }
  .u-mt45\@xxs {
    margin-top: 360px !important;
  }
  .u-mt46\@xxs {
    margin-top: 368px !important;
  }
  .u-mt47\@xxs {
    margin-top: 376px !important;
  }
  .u-mt48\@xxs {
    margin-top: 384px !important;
  }
  .u-mt49\@xxs {
    margin-top: 392px !important;
  }
  .u-mt50\@xxs {
    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: 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: 1024px) {
  .u-mt1\@ml {
    margin-top: 8px !important;
  }
  .u-mt2\@ml {
    margin-top: 16px !important;
  }
  .u-mt3\@ml {
    margin-top: 24px !important;
  }
  .u-mt4\@ml {
    margin-top: 32px !important;
  }
  .u-mt5\@ml {
    margin-top: 40px !important;
  }
  .u-mt6\@ml {
    margin-top: 48px !important;
  }
  .u-mt7\@ml {
    margin-top: 56px !important;
  }
  .u-mt8\@ml {
    margin-top: 64px !important;
  }
  .u-mt9\@ml {
    margin-top: 72px !important;
  }
  .u-mt10\@ml {
    margin-top: 80px !important;
  }
  .u-mt11\@ml {
    margin-top: 88px !important;
  }
  .u-mt12\@ml {
    margin-top: 96px !important;
  }
  .u-mt13\@ml {
    margin-top: 104px !important;
  }
  .u-mt14\@ml {
    margin-top: 112px !important;
  }
  .u-mt15\@ml {
    margin-top: 120px !important;
  }
  .u-mt16\@ml {
    margin-top: 128px !important;
  }
  .u-mt17\@ml {
    margin-top: 136px !important;
  }
  .u-mt18\@ml {
    margin-top: 144px !important;
  }
  .u-mt19\@ml {
    margin-top: 152px !important;
  }
  .u-mt20\@ml {
    margin-top: 160px !important;
  }
  .u-mt21\@ml {
    margin-top: 168px !important;
  }
  .u-mt22\@ml {
    margin-top: 176px !important;
  }
  .u-mt23\@ml {
    margin-top: 184px !important;
  }
  .u-mt24\@ml {
    margin-top: 192px !important;
  }
  .u-mt25\@ml {
    margin-top: 200px !important;
  }
  .u-mt26\@ml {
    margin-top: 208px !important;
  }
  .u-mt27\@ml {
    margin-top: 216px !important;
  }
  .u-mt28\@ml {
    margin-top: 224px !important;
  }
  .u-mt29\@ml {
    margin-top: 232px !important;
  }
  .u-mt30\@ml {
    margin-top: 240px !important;
  }
  .u-mt31\@ml {
    margin-top: 248px !important;
  }
  .u-mt32\@ml {
    margin-top: 256px !important;
  }
  .u-mt33\@ml {
    margin-top: 264px !important;
  }
  .u-mt34\@ml {
    margin-top: 272px !important;
  }
  .u-mt35\@ml {
    margin-top: 280px !important;
  }
  .u-mt36\@ml {
    margin-top: 288px !important;
  }
  .u-mt37\@ml {
    margin-top: 296px !important;
  }
  .u-mt38\@ml {
    margin-top: 304px !important;
  }
  .u-mt39\@ml {
    margin-top: 312px !important;
  }
  .u-mt40\@ml {
    margin-top: 320px !important;
  }
  .u-mt41\@ml {
    margin-top: 328px !important;
  }
  .u-mt42\@ml {
    margin-top: 336px !important;
  }
  .u-mt43\@ml {
    margin-top: 344px !important;
  }
  .u-mt44\@ml {
    margin-top: 352px !important;
  }
  .u-mt45\@ml {
    margin-top: 360px !important;
  }
  .u-mt46\@ml {
    margin-top: 368px !important;
  }
  .u-mt47\@ml {
    margin-top: 376px !important;
  }
  .u-mt48\@ml {
    margin-top: 384px !important;
  }
  .u-mt49\@ml {
    margin-top: 392px !important;
  }
  .u-mt50\@ml {
    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: 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;
}
@media screen and (min-width: 376px) {
  .u-mt-none\@xxs {
    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: 960px) {
  .u-mt-none\@m {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-mt-none\@ml {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt-none\@l {
    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: 376px) {
  .u-mr1\@xxs {
    margin-right: 8px !important;
  }
  .u-mr2\@xxs {
    margin-right: 16px !important;
  }
  .u-mr3\@xxs {
    margin-right: 24px !important;
  }
  .u-mr4\@xxs {
    margin-right: 32px !important;
  }
  .u-mr5\@xxs {
    margin-right: 40px !important;
  }
  .u-mr6\@xxs {
    margin-right: 48px !important;
  }
  .u-mr7\@xxs {
    margin-right: 56px !important;
  }
  .u-mr8\@xxs {
    margin-right: 64px !important;
  }
  .u-mr9\@xxs {
    margin-right: 72px !important;
  }
  .u-mr10\@xxs {
    margin-right: 80px !important;
  }
  .u-mr11\@xxs {
    margin-right: 88px !important;
  }
  .u-mr12\@xxs {
    margin-right: 96px !important;
  }
  .u-mr13\@xxs {
    margin-right: 104px !important;
  }
  .u-mr14\@xxs {
    margin-right: 112px !important;
  }
  .u-mr15\@xxs {
    margin-right: 120px !important;
  }
  .u-mr16\@xxs {
    margin-right: 128px !important;
  }
  .u-mr17\@xxs {
    margin-right: 136px !important;
  }
  .u-mr18\@xxs {
    margin-right: 144px !important;
  }
  .u-mr19\@xxs {
    margin-right: 152px !important;
  }
  .u-mr20\@xxs {
    margin-right: 160px !important;
  }
  .u-mr21\@xxs {
    margin-right: 168px !important;
  }
  .u-mr22\@xxs {
    margin-right: 176px !important;
  }
  .u-mr23\@xxs {
    margin-right: 184px !important;
  }
  .u-mr24\@xxs {
    margin-right: 192px !important;
  }
  .u-mr25\@xxs {
    margin-right: 200px !important;
  }
  .u-mr26\@xxs {
    margin-right: 208px !important;
  }
  .u-mr27\@xxs {
    margin-right: 216px !important;
  }
  .u-mr28\@xxs {
    margin-right: 224px !important;
  }
  .u-mr29\@xxs {
    margin-right: 232px !important;
  }
  .u-mr30\@xxs {
    margin-right: 240px !important;
  }
  .u-mr31\@xxs {
    margin-right: 248px !important;
  }
  .u-mr32\@xxs {
    margin-right: 256px !important;
  }
  .u-mr33\@xxs {
    margin-right: 264px !important;
  }
  .u-mr34\@xxs {
    margin-right: 272px !important;
  }
  .u-mr35\@xxs {
    margin-right: 280px !important;
  }
  .u-mr36\@xxs {
    margin-right: 288px !important;
  }
  .u-mr37\@xxs {
    margin-right: 296px !important;
  }
  .u-mr38\@xxs {
    margin-right: 304px !important;
  }
  .u-mr39\@xxs {
    margin-right: 312px !important;
  }
  .u-mr40\@xxs {
    margin-right: 320px !important;
  }
  .u-mr41\@xxs {
    margin-right: 328px !important;
  }
  .u-mr42\@xxs {
    margin-right: 336px !important;
  }
  .u-mr43\@xxs {
    margin-right: 344px !important;
  }
  .u-mr44\@xxs {
    margin-right: 352px !important;
  }
  .u-mr45\@xxs {
    margin-right: 360px !important;
  }
  .u-mr46\@xxs {
    margin-right: 368px !important;
  }
  .u-mr47\@xxs {
    margin-right: 376px !important;
  }
  .u-mr48\@xxs {
    margin-right: 384px !important;
  }
  .u-mr49\@xxs {
    margin-right: 392px !important;
  }
  .u-mr50\@xxs {
    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: 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: 1024px) {
  .u-mr1\@ml {
    margin-right: 8px !important;
  }
  .u-mr2\@ml {
    margin-right: 16px !important;
  }
  .u-mr3\@ml {
    margin-right: 24px !important;
  }
  .u-mr4\@ml {
    margin-right: 32px !important;
  }
  .u-mr5\@ml {
    margin-right: 40px !important;
  }
  .u-mr6\@ml {
    margin-right: 48px !important;
  }
  .u-mr7\@ml {
    margin-right: 56px !important;
  }
  .u-mr8\@ml {
    margin-right: 64px !important;
  }
  .u-mr9\@ml {
    margin-right: 72px !important;
  }
  .u-mr10\@ml {
    margin-right: 80px !important;
  }
  .u-mr11\@ml {
    margin-right: 88px !important;
  }
  .u-mr12\@ml {
    margin-right: 96px !important;
  }
  .u-mr13\@ml {
    margin-right: 104px !important;
  }
  .u-mr14\@ml {
    margin-right: 112px !important;
  }
  .u-mr15\@ml {
    margin-right: 120px !important;
  }
  .u-mr16\@ml {
    margin-right: 128px !important;
  }
  .u-mr17\@ml {
    margin-right: 136px !important;
  }
  .u-mr18\@ml {
    margin-right: 144px !important;
  }
  .u-mr19\@ml {
    margin-right: 152px !important;
  }
  .u-mr20\@ml {
    margin-right: 160px !important;
  }
  .u-mr21\@ml {
    margin-right: 168px !important;
  }
  .u-mr22\@ml {
    margin-right: 176px !important;
  }
  .u-mr23\@ml {
    margin-right: 184px !important;
  }
  .u-mr24\@ml {
    margin-right: 192px !important;
  }
  .u-mr25\@ml {
    margin-right: 200px !important;
  }
  .u-mr26\@ml {
    margin-right: 208px !important;
  }
  .u-mr27\@ml {
    margin-right: 216px !important;
  }
  .u-mr28\@ml {
    margin-right: 224px !important;
  }
  .u-mr29\@ml {
    margin-right: 232px !important;
  }
  .u-mr30\@ml {
    margin-right: 240px !important;
  }
  .u-mr31\@ml {
    margin-right: 248px !important;
  }
  .u-mr32\@ml {
    margin-right: 256px !important;
  }
  .u-mr33\@ml {
    margin-right: 264px !important;
  }
  .u-mr34\@ml {
    margin-right: 272px !important;
  }
  .u-mr35\@ml {
    margin-right: 280px !important;
  }
  .u-mr36\@ml {
    margin-right: 288px !important;
  }
  .u-mr37\@ml {
    margin-right: 296px !important;
  }
  .u-mr38\@ml {
    margin-right: 304px !important;
  }
  .u-mr39\@ml {
    margin-right: 312px !important;
  }
  .u-mr40\@ml {
    margin-right: 320px !important;
  }
  .u-mr41\@ml {
    margin-right: 328px !important;
  }
  .u-mr42\@ml {
    margin-right: 336px !important;
  }
  .u-mr43\@ml {
    margin-right: 344px !important;
  }
  .u-mr44\@ml {
    margin-right: 352px !important;
  }
  .u-mr45\@ml {
    margin-right: 360px !important;
  }
  .u-mr46\@ml {
    margin-right: 368px !important;
  }
  .u-mr47\@ml {
    margin-right: 376px !important;
  }
  .u-mr48\@ml {
    margin-right: 384px !important;
  }
  .u-mr49\@ml {
    margin-right: 392px !important;
  }
  .u-mr50\@ml {
    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: 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;
}
@media screen and (min-width: 376px) {
  .u-mr-none\@xxs {
    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: 960px) {
  .u-mr-none\@m {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-mr-none\@ml {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr-none\@l {
    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: 376px) {
  .u-mb1\@xxs {
    margin-bottom: 8px !important;
  }
  .u-mb2\@xxs {
    margin-bottom: 16px !important;
  }
  .u-mb3\@xxs {
    margin-bottom: 24px !important;
  }
  .u-mb4\@xxs {
    margin-bottom: 32px !important;
  }
  .u-mb5\@xxs {
    margin-bottom: 40px !important;
  }
  .u-mb6\@xxs {
    margin-bottom: 48px !important;
  }
  .u-mb7\@xxs {
    margin-bottom: 56px !important;
  }
  .u-mb8\@xxs {
    margin-bottom: 64px !important;
  }
  .u-mb9\@xxs {
    margin-bottom: 72px !important;
  }
  .u-mb10\@xxs {
    margin-bottom: 80px !important;
  }
  .u-mb11\@xxs {
    margin-bottom: 88px !important;
  }
  .u-mb12\@xxs {
    margin-bottom: 96px !important;
  }
  .u-mb13\@xxs {
    margin-bottom: 104px !important;
  }
  .u-mb14\@xxs {
    margin-bottom: 112px !important;
  }
  .u-mb15\@xxs {
    margin-bottom: 120px !important;
  }
  .u-mb16\@xxs {
    margin-bottom: 128px !important;
  }
  .u-mb17\@xxs {
    margin-bottom: 136px !important;
  }
  .u-mb18\@xxs {
    margin-bottom: 144px !important;
  }
  .u-mb19\@xxs {
    margin-bottom: 152px !important;
  }
  .u-mb20\@xxs {
    margin-bottom: 160px !important;
  }
  .u-mb21\@xxs {
    margin-bottom: 168px !important;
  }
  .u-mb22\@xxs {
    margin-bottom: 176px !important;
  }
  .u-mb23\@xxs {
    margin-bottom: 184px !important;
  }
  .u-mb24\@xxs {
    margin-bottom: 192px !important;
  }
  .u-mb25\@xxs {
    margin-bottom: 200px !important;
  }
  .u-mb26\@xxs {
    margin-bottom: 208px !important;
  }
  .u-mb27\@xxs {
    margin-bottom: 216px !important;
  }
  .u-mb28\@xxs {
    margin-bottom: 224px !important;
  }
  .u-mb29\@xxs {
    margin-bottom: 232px !important;
  }
  .u-mb30\@xxs {
    margin-bottom: 240px !important;
  }
  .u-mb31\@xxs {
    margin-bottom: 248px !important;
  }
  .u-mb32\@xxs {
    margin-bottom: 256px !important;
  }
  .u-mb33\@xxs {
    margin-bottom: 264px !important;
  }
  .u-mb34\@xxs {
    margin-bottom: 272px !important;
  }
  .u-mb35\@xxs {
    margin-bottom: 280px !important;
  }
  .u-mb36\@xxs {
    margin-bottom: 288px !important;
  }
  .u-mb37\@xxs {
    margin-bottom: 296px !important;
  }
  .u-mb38\@xxs {
    margin-bottom: 304px !important;
  }
  .u-mb39\@xxs {
    margin-bottom: 312px !important;
  }
  .u-mb40\@xxs {
    margin-bottom: 320px !important;
  }
  .u-mb41\@xxs {
    margin-bottom: 328px !important;
  }
  .u-mb42\@xxs {
    margin-bottom: 336px !important;
  }
  .u-mb43\@xxs {
    margin-bottom: 344px !important;
  }
  .u-mb44\@xxs {
    margin-bottom: 352px !important;
  }
  .u-mb45\@xxs {
    margin-bottom: 360px !important;
  }
  .u-mb46\@xxs {
    margin-bottom: 368px !important;
  }
  .u-mb47\@xxs {
    margin-bottom: 376px !important;
  }
  .u-mb48\@xxs {
    margin-bottom: 384px !important;
  }
  .u-mb49\@xxs {
    margin-bottom: 392px !important;
  }
  .u-mb50\@xxs {
    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: 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: 1024px) {
  .u-mb1\@ml {
    margin-bottom: 8px !important;
  }
  .u-mb2\@ml {
    margin-bottom: 16px !important;
  }
  .u-mb3\@ml {
    margin-bottom: 24px !important;
  }
  .u-mb4\@ml {
    margin-bottom: 32px !important;
  }
  .u-mb5\@ml {
    margin-bottom: 40px !important;
  }
  .u-mb6\@ml {
    margin-bottom: 48px !important;
  }
  .u-mb7\@ml {
    margin-bottom: 56px !important;
  }
  .u-mb8\@ml {
    margin-bottom: 64px !important;
  }
  .u-mb9\@ml {
    margin-bottom: 72px !important;
  }
  .u-mb10\@ml {
    margin-bottom: 80px !important;
  }
  .u-mb11\@ml {
    margin-bottom: 88px !important;
  }
  .u-mb12\@ml {
    margin-bottom: 96px !important;
  }
  .u-mb13\@ml {
    margin-bottom: 104px !important;
  }
  .u-mb14\@ml {
    margin-bottom: 112px !important;
  }
  .u-mb15\@ml {
    margin-bottom: 120px !important;
  }
  .u-mb16\@ml {
    margin-bottom: 128px !important;
  }
  .u-mb17\@ml {
    margin-bottom: 136px !important;
  }
  .u-mb18\@ml {
    margin-bottom: 144px !important;
  }
  .u-mb19\@ml {
    margin-bottom: 152px !important;
  }
  .u-mb20\@ml {
    margin-bottom: 160px !important;
  }
  .u-mb21\@ml {
    margin-bottom: 168px !important;
  }
  .u-mb22\@ml {
    margin-bottom: 176px !important;
  }
  .u-mb23\@ml {
    margin-bottom: 184px !important;
  }
  .u-mb24\@ml {
    margin-bottom: 192px !important;
  }
  .u-mb25\@ml {
    margin-bottom: 200px !important;
  }
  .u-mb26\@ml {
    margin-bottom: 208px !important;
  }
  .u-mb27\@ml {
    margin-bottom: 216px !important;
  }
  .u-mb28\@ml {
    margin-bottom: 224px !important;
  }
  .u-mb29\@ml {
    margin-bottom: 232px !important;
  }
  .u-mb30\@ml {
    margin-bottom: 240px !important;
  }
  .u-mb31\@ml {
    margin-bottom: 248px !important;
  }
  .u-mb32\@ml {
    margin-bottom: 256px !important;
  }
  .u-mb33\@ml {
    margin-bottom: 264px !important;
  }
  .u-mb34\@ml {
    margin-bottom: 272px !important;
  }
  .u-mb35\@ml {
    margin-bottom: 280px !important;
  }
  .u-mb36\@ml {
    margin-bottom: 288px !important;
  }
  .u-mb37\@ml {
    margin-bottom: 296px !important;
  }
  .u-mb38\@ml {
    margin-bottom: 304px !important;
  }
  .u-mb39\@ml {
    margin-bottom: 312px !important;
  }
  .u-mb40\@ml {
    margin-bottom: 320px !important;
  }
  .u-mb41\@ml {
    margin-bottom: 328px !important;
  }
  .u-mb42\@ml {
    margin-bottom: 336px !important;
  }
  .u-mb43\@ml {
    margin-bottom: 344px !important;
  }
  .u-mb44\@ml {
    margin-bottom: 352px !important;
  }
  .u-mb45\@ml {
    margin-bottom: 360px !important;
  }
  .u-mb46\@ml {
    margin-bottom: 368px !important;
  }
  .u-mb47\@ml {
    margin-bottom: 376px !important;
  }
  .u-mb48\@ml {
    margin-bottom: 384px !important;
  }
  .u-mb49\@ml {
    margin-bottom: 392px !important;
  }
  .u-mb50\@ml {
    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: 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;
}
@media screen and (min-width: 376px) {
  .u-mb-none\@xxs {
    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: 960px) {
  .u-mb-none\@m {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-mb-none\@ml {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb-none\@l {
    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: 376px) {
  .u-ml1\@xxs {
    margin-left: 8px !important;
  }
  .u-ml2\@xxs {
    margin-left: 16px !important;
  }
  .u-ml3\@xxs {
    margin-left: 24px !important;
  }
  .u-ml4\@xxs {
    margin-left: 32px !important;
  }
  .u-ml5\@xxs {
    margin-left: 40px !important;
  }
  .u-ml6\@xxs {
    margin-left: 48px !important;
  }
  .u-ml7\@xxs {
    margin-left: 56px !important;
  }
  .u-ml8\@xxs {
    margin-left: 64px !important;
  }
  .u-ml9\@xxs {
    margin-left: 72px !important;
  }
  .u-ml10\@xxs {
    margin-left: 80px !important;
  }
  .u-ml11\@xxs {
    margin-left: 88px !important;
  }
  .u-ml12\@xxs {
    margin-left: 96px !important;
  }
  .u-ml13\@xxs {
    margin-left: 104px !important;
  }
  .u-ml14\@xxs {
    margin-left: 112px !important;
  }
  .u-ml15\@xxs {
    margin-left: 120px !important;
  }
  .u-ml16\@xxs {
    margin-left: 128px !important;
  }
  .u-ml17\@xxs {
    margin-left: 136px !important;
  }
  .u-ml18\@xxs {
    margin-left: 144px !important;
  }
  .u-ml19\@xxs {
    margin-left: 152px !important;
  }
  .u-ml20\@xxs {
    margin-left: 160px !important;
  }
  .u-ml21\@xxs {
    margin-left: 168px !important;
  }
  .u-ml22\@xxs {
    margin-left: 176px !important;
  }
  .u-ml23\@xxs {
    margin-left: 184px !important;
  }
  .u-ml24\@xxs {
    margin-left: 192px !important;
  }
  .u-ml25\@xxs {
    margin-left: 200px !important;
  }
  .u-ml26\@xxs {
    margin-left: 208px !important;
  }
  .u-ml27\@xxs {
    margin-left: 216px !important;
  }
  .u-ml28\@xxs {
    margin-left: 224px !important;
  }
  .u-ml29\@xxs {
    margin-left: 232px !important;
  }
  .u-ml30\@xxs {
    margin-left: 240px !important;
  }
  .u-ml31\@xxs {
    margin-left: 248px !important;
  }
  .u-ml32\@xxs {
    margin-left: 256px !important;
  }
  .u-ml33\@xxs {
    margin-left: 264px !important;
  }
  .u-ml34\@xxs {
    margin-left: 272px !important;
  }
  .u-ml35\@xxs {
    margin-left: 280px !important;
  }
  .u-ml36\@xxs {
    margin-left: 288px !important;
  }
  .u-ml37\@xxs {
    margin-left: 296px !important;
  }
  .u-ml38\@xxs {
    margin-left: 304px !important;
  }
  .u-ml39\@xxs {
    margin-left: 312px !important;
  }
  .u-ml40\@xxs {
    margin-left: 320px !important;
  }
  .u-ml41\@xxs {
    margin-left: 328px !important;
  }
  .u-ml42\@xxs {
    margin-left: 336px !important;
  }
  .u-ml43\@xxs {
    margin-left: 344px !important;
  }
  .u-ml44\@xxs {
    margin-left: 352px !important;
  }
  .u-ml45\@xxs {
    margin-left: 360px !important;
  }
  .u-ml46\@xxs {
    margin-left: 368px !important;
  }
  .u-ml47\@xxs {
    margin-left: 376px !important;
  }
  .u-ml48\@xxs {
    margin-left: 384px !important;
  }
  .u-ml49\@xxs {
    margin-left: 392px !important;
  }
  .u-ml50\@xxs {
    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: 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: 1024px) {
  .u-ml1\@ml {
    margin-left: 8px !important;
  }
  .u-ml2\@ml {
    margin-left: 16px !important;
  }
  .u-ml3\@ml {
    margin-left: 24px !important;
  }
  .u-ml4\@ml {
    margin-left: 32px !important;
  }
  .u-ml5\@ml {
    margin-left: 40px !important;
  }
  .u-ml6\@ml {
    margin-left: 48px !important;
  }
  .u-ml7\@ml {
    margin-left: 56px !important;
  }
  .u-ml8\@ml {
    margin-left: 64px !important;
  }
  .u-ml9\@ml {
    margin-left: 72px !important;
  }
  .u-ml10\@ml {
    margin-left: 80px !important;
  }
  .u-ml11\@ml {
    margin-left: 88px !important;
  }
  .u-ml12\@ml {
    margin-left: 96px !important;
  }
  .u-ml13\@ml {
    margin-left: 104px !important;
  }
  .u-ml14\@ml {
    margin-left: 112px !important;
  }
  .u-ml15\@ml {
    margin-left: 120px !important;
  }
  .u-ml16\@ml {
    margin-left: 128px !important;
  }
  .u-ml17\@ml {
    margin-left: 136px !important;
  }
  .u-ml18\@ml {
    margin-left: 144px !important;
  }
  .u-ml19\@ml {
    margin-left: 152px !important;
  }
  .u-ml20\@ml {
    margin-left: 160px !important;
  }
  .u-ml21\@ml {
    margin-left: 168px !important;
  }
  .u-ml22\@ml {
    margin-left: 176px !important;
  }
  .u-ml23\@ml {
    margin-left: 184px !important;
  }
  .u-ml24\@ml {
    margin-left: 192px !important;
  }
  .u-ml25\@ml {
    margin-left: 200px !important;
  }
  .u-ml26\@ml {
    margin-left: 208px !important;
  }
  .u-ml27\@ml {
    margin-left: 216px !important;
  }
  .u-ml28\@ml {
    margin-left: 224px !important;
  }
  .u-ml29\@ml {
    margin-left: 232px !important;
  }
  .u-ml30\@ml {
    margin-left: 240px !important;
  }
  .u-ml31\@ml {
    margin-left: 248px !important;
  }
  .u-ml32\@ml {
    margin-left: 256px !important;
  }
  .u-ml33\@ml {
    margin-left: 264px !important;
  }
  .u-ml34\@ml {
    margin-left: 272px !important;
  }
  .u-ml35\@ml {
    margin-left: 280px !important;
  }
  .u-ml36\@ml {
    margin-left: 288px !important;
  }
  .u-ml37\@ml {
    margin-left: 296px !important;
  }
  .u-ml38\@ml {
    margin-left: 304px !important;
  }
  .u-ml39\@ml {
    margin-left: 312px !important;
  }
  .u-ml40\@ml {
    margin-left: 320px !important;
  }
  .u-ml41\@ml {
    margin-left: 328px !important;
  }
  .u-ml42\@ml {
    margin-left: 336px !important;
  }
  .u-ml43\@ml {
    margin-left: 344px !important;
  }
  .u-ml44\@ml {
    margin-left: 352px !important;
  }
  .u-ml45\@ml {
    margin-left: 360px !important;
  }
  .u-ml46\@ml {
    margin-left: 368px !important;
  }
  .u-ml47\@ml {
    margin-left: 376px !important;
  }
  .u-ml48\@ml {
    margin-left: 384px !important;
  }
  .u-ml49\@ml {
    margin-left: 392px !important;
  }
  .u-ml50\@ml {
    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: 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;
}
@media screen and (min-width: 376px) {
  .u-ml-none\@xxs {
    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: 960px) {
  .u-ml-none\@m {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-ml-none\@ml {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml-none\@l {
    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: 376px) {
  .u-pt1\@xxs {
    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: 960px) {
  .u-pt1\@m {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt1\@ml {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt1\@l {
    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: 376px) {
  .u-pt2\@xxs {
    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: 960px) {
  .u-pt2\@m {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt2\@ml {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt2\@l {
    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: 376px) {
  .u-pt3\@xxs {
    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: 960px) {
  .u-pt3\@m {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt3\@ml {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt3\@l {
    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: 376px) {
  .u-pt4\@xxs {
    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: 960px) {
  .u-pt4\@m {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt4\@ml {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt4\@l {
    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: 376px) {
  .u-pt5\@xxs {
    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: 960px) {
  .u-pt5\@m {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt5\@ml {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt5\@l {
    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: 376px) {
  .u-pt6\@xxs {
    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: 960px) {
  .u-pt6\@m {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt6\@ml {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt6\@l {
    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: 376px) {
  .u-pt7\@xxs {
    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: 960px) {
  .u-pt7\@m {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt7\@ml {
    padding-top: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt7\@l {
    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: 376px) {
  .u-pt8\@xxs {
    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: 960px) {
  .u-pt8\@m {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt8\@ml {
    padding-top: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt8\@l {
    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: 376px) {
  .u-pt9\@xxs {
    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: 960px) {
  .u-pt9\@m {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt9\@ml {
    padding-top: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt9\@l {
    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: 376px) {
  .u-pt10\@xxs {
    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: 960px) {
  .u-pt10\@m {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt10\@ml {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt10\@l {
    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: 376px) {
  .u-pt11\@xxs {
    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: 960px) {
  .u-pt11\@m {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt11\@ml {
    padding-top: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt11\@l {
    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: 376px) {
  .u-pt12\@xxs {
    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: 960px) {
  .u-pt12\@m {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt12\@ml {
    padding-top: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt12\@l {
    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: 376px) {
  .u-pt13\@xxs {
    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: 960px) {
  .u-pt13\@m {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt13\@ml {
    padding-top: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt13\@l {
    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: 376px) {
  .u-pt14\@xxs {
    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: 960px) {
  .u-pt14\@m {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt14\@ml {
    padding-top: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt14\@l {
    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: 376px) {
  .u-pt15\@xxs {
    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: 960px) {
  .u-pt15\@m {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt15\@ml {
    padding-top: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt15\@l {
    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: 376px) {
  .u-pt16\@xxs {
    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: 960px) {
  .u-pt16\@m {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt16\@ml {
    padding-top: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt16\@l {
    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: 376px) {
  .u-pt17\@xxs {
    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: 960px) {
  .u-pt17\@m {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt17\@ml {
    padding-top: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt17\@l {
    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: 376px) {
  .u-pt18\@xxs {
    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: 960px) {
  .u-pt18\@m {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt18\@ml {
    padding-top: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt18\@l {
    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: 376px) {
  .u-pt19\@xxs {
    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: 960px) {
  .u-pt19\@m {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt19\@ml {
    padding-top: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt19\@l {
    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: 376px) {
  .u-pt20\@xxs {
    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: 960px) {
  .u-pt20\@m {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt20\@ml {
    padding-top: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt20\@l {
    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: 376px) {
  .u-pt21\@xxs {
    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: 960px) {
  .u-pt21\@m {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt21\@ml {
    padding-top: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt21\@l {
    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: 376px) {
  .u-pt22\@xxs {
    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: 960px) {
  .u-pt22\@m {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt22\@ml {
    padding-top: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt22\@l {
    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: 376px) {
  .u-pt23\@xxs {
    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: 960px) {
  .u-pt23\@m {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt23\@ml {
    padding-top: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt23\@l {
    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: 376px) {
  .u-pt24\@xxs {
    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: 960px) {
  .u-pt24\@m {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt24\@ml {
    padding-top: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt24\@l {
    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: 376px) {
  .u-pt25\@xxs {
    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: 960px) {
  .u-pt25\@m {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt25\@ml {
    padding-top: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt25\@l {
    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: 376px) {
  .u-pt26\@xxs {
    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: 960px) {
  .u-pt26\@m {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt26\@ml {
    padding-top: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt26\@l {
    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: 376px) {
  .u-pt27\@xxs {
    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: 960px) {
  .u-pt27\@m {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt27\@ml {
    padding-top: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt27\@l {
    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: 376px) {
  .u-pt28\@xxs {
    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: 960px) {
  .u-pt28\@m {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt28\@ml {
    padding-top: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt28\@l {
    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: 376px) {
  .u-pt29\@xxs {
    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: 960px) {
  .u-pt29\@m {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt29\@ml {
    padding-top: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt29\@l {
    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: 376px) {
  .u-pt30\@xxs {
    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: 960px) {
  .u-pt30\@m {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt30\@ml {
    padding-top: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt30\@l {
    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: 376px) {
  .u-pt-none\@xxs {
    padding-top: 0 !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: 960px) {
  .u-pt-none\@m {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pt-none\@ml {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt-none\@l {
    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: 376px) {
  .u-pr1\@xxs {
    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: 960px) {
  .u-pr1\@m {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr1\@ml {
    padding-right: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr1\@l {
    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: 376px) {
  .u-pr2\@xxs {
    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: 960px) {
  .u-pr2\@m {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr2\@ml {
    padding-right: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr2\@l {
    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: 376px) {
  .u-pr3\@xxs {
    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: 960px) {
  .u-pr3\@m {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr3\@ml {
    padding-right: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr3\@l {
    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: 376px) {
  .u-pr4\@xxs {
    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: 960px) {
  .u-pr4\@m {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr4\@ml {
    padding-right: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr4\@l {
    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: 376px) {
  .u-pr5\@xxs {
    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: 960px) {
  .u-pr5\@m {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr5\@ml {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr5\@l {
    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: 376px) {
  .u-pr6\@xxs {
    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: 960px) {
  .u-pr6\@m {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr6\@ml {
    padding-right: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr6\@l {
    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: 376px) {
  .u-pr7\@xxs {
    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: 960px) {
  .u-pr7\@m {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr7\@ml {
    padding-right: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr7\@l {
    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: 376px) {
  .u-pr8\@xxs {
    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: 960px) {
  .u-pr8\@m {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr8\@ml {
    padding-right: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr8\@l {
    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: 376px) {
  .u-pr9\@xxs {
    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: 960px) {
  .u-pr9\@m {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr9\@ml {
    padding-right: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr9\@l {
    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: 376px) {
  .u-pr10\@xxs {
    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: 960px) {
  .u-pr10\@m {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr10\@ml {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr10\@l {
    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: 376px) {
  .u-pr11\@xxs {
    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: 960px) {
  .u-pr11\@m {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr11\@ml {
    padding-right: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr11\@l {
    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: 376px) {
  .u-pr12\@xxs {
    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: 960px) {
  .u-pr12\@m {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr12\@ml {
    padding-right: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr12\@l {
    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: 376px) {
  .u-pr13\@xxs {
    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: 960px) {
  .u-pr13\@m {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr13\@ml {
    padding-right: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr13\@l {
    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: 376px) {
  .u-pr14\@xxs {
    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: 960px) {
  .u-pr14\@m {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr14\@ml {
    padding-right: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr14\@l {
    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: 376px) {
  .u-pr15\@xxs {
    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: 960px) {
  .u-pr15\@m {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr15\@ml {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr15\@l {
    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: 376px) {
  .u-pr16\@xxs {
    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: 960px) {
  .u-pr16\@m {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr16\@ml {
    padding-right: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr16\@l {
    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: 376px) {
  .u-pr17\@xxs {
    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: 960px) {
  .u-pr17\@m {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr17\@ml {
    padding-right: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr17\@l {
    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: 376px) {
  .u-pr18\@xxs {
    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: 960px) {
  .u-pr18\@m {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr18\@ml {
    padding-right: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr18\@l {
    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: 376px) {
  .u-pr19\@xxs {
    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: 960px) {
  .u-pr19\@m {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr19\@ml {
    padding-right: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr19\@l {
    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: 376px) {
  .u-pr20\@xxs {
    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: 960px) {
  .u-pr20\@m {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr20\@ml {
    padding-right: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr20\@l {
    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: 376px) {
  .u-pr21\@xxs {
    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: 960px) {
  .u-pr21\@m {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr21\@ml {
    padding-right: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr21\@l {
    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: 376px) {
  .u-pr22\@xxs {
    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: 960px) {
  .u-pr22\@m {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr22\@ml {
    padding-right: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr22\@l {
    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: 376px) {
  .u-pr23\@xxs {
    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: 960px) {
  .u-pr23\@m {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr23\@ml {
    padding-right: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr23\@l {
    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: 376px) {
  .u-pr24\@xxs {
    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: 960px) {
  .u-pr24\@m {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr24\@ml {
    padding-right: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr24\@l {
    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: 376px) {
  .u-pr25\@xxs {
    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: 960px) {
  .u-pr25\@m {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr25\@ml {
    padding-right: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr25\@l {
    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: 376px) {
  .u-pr26\@xxs {
    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: 960px) {
  .u-pr26\@m {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr26\@ml {
    padding-right: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr26\@l {
    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: 376px) {
  .u-pr27\@xxs {
    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: 960px) {
  .u-pr27\@m {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr27\@ml {
    padding-right: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr27\@l {
    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: 376px) {
  .u-pr28\@xxs {
    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: 960px) {
  .u-pr28\@m {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr28\@ml {
    padding-right: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr28\@l {
    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: 376px) {
  .u-pr29\@xxs {
    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: 960px) {
  .u-pr29\@m {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr29\@ml {
    padding-right: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr29\@l {
    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: 376px) {
  .u-pr30\@xxs {
    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: 960px) {
  .u-pr30\@m {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr30\@ml {
    padding-right: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr30\@l {
    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: 376px) {
  .u-pr-none\@xxs {
    padding-right: 0 !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: 960px) {
  .u-pr-none\@m {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pr-none\@ml {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr-none\@l {
    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: 376px) {
  .u-pb1\@xxs {
    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: 960px) {
  .u-pb1\@m {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb1\@ml {
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb1\@l {
    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: 376px) {
  .u-pb2\@xxs {
    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: 960px) {
  .u-pb2\@m {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb2\@ml {
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb2\@l {
    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: 376px) {
  .u-pb3\@xxs {
    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: 960px) {
  .u-pb3\@m {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb3\@ml {
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb3\@l {
    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: 376px) {
  .u-pb4\@xxs {
    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: 960px) {
  .u-pb4\@m {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb4\@ml {
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb4\@l {
    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: 376px) {
  .u-pb5\@xxs {
    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: 960px) {
  .u-pb5\@m {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb5\@ml {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb5\@l {
    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: 376px) {
  .u-pb6\@xxs {
    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: 960px) {
  .u-pb6\@m {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb6\@ml {
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb6\@l {
    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: 376px) {
  .u-pb7\@xxs {
    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: 960px) {
  .u-pb7\@m {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb7\@ml {
    padding-bottom: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb7\@l {
    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: 376px) {
  .u-pb8\@xxs {
    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: 960px) {
  .u-pb8\@m {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb8\@ml {
    padding-bottom: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb8\@l {
    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: 376px) {
  .u-pb9\@xxs {
    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: 960px) {
  .u-pb9\@m {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb9\@ml {
    padding-bottom: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb9\@l {
    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: 376px) {
  .u-pb10\@xxs {
    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: 960px) {
  .u-pb10\@m {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb10\@ml {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb10\@l {
    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: 376px) {
  .u-pb11\@xxs {
    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: 960px) {
  .u-pb11\@m {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb11\@ml {
    padding-bottom: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb11\@l {
    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: 376px) {
  .u-pb12\@xxs {
    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: 960px) {
  .u-pb12\@m {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb12\@ml {
    padding-bottom: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb12\@l {
    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: 376px) {
  .u-pb13\@xxs {
    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: 960px) {
  .u-pb13\@m {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb13\@ml {
    padding-bottom: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb13\@l {
    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: 376px) {
  .u-pb14\@xxs {
    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: 960px) {
  .u-pb14\@m {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb14\@ml {
    padding-bottom: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb14\@l {
    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: 376px) {
  .u-pb15\@xxs {
    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: 960px) {
  .u-pb15\@m {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb15\@ml {
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb15\@l {
    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: 376px) {
  .u-pb16\@xxs {
    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: 960px) {
  .u-pb16\@m {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb16\@ml {
    padding-bottom: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb16\@l {
    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: 376px) {
  .u-pb17\@xxs {
    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: 960px) {
  .u-pb17\@m {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb17\@ml {
    padding-bottom: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb17\@l {
    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: 376px) {
  .u-pb18\@xxs {
    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: 960px) {
  .u-pb18\@m {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb18\@ml {
    padding-bottom: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb18\@l {
    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: 376px) {
  .u-pb19\@xxs {
    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: 960px) {
  .u-pb19\@m {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb19\@ml {
    padding-bottom: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb19\@l {
    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: 376px) {
  .u-pb20\@xxs {
    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: 960px) {
  .u-pb20\@m {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb20\@ml {
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb20\@l {
    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: 376px) {
  .u-pb21\@xxs {
    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: 960px) {
  .u-pb21\@m {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb21\@ml {
    padding-bottom: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb21\@l {
    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: 376px) {
  .u-pb22\@xxs {
    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: 960px) {
  .u-pb22\@m {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb22\@ml {
    padding-bottom: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb22\@l {
    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: 376px) {
  .u-pb23\@xxs {
    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: 960px) {
  .u-pb23\@m {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb23\@ml {
    padding-bottom: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb23\@l {
    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: 376px) {
  .u-pb24\@xxs {
    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: 960px) {
  .u-pb24\@m {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb24\@ml {
    padding-bottom: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb24\@l {
    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: 376px) {
  .u-pb25\@xxs {
    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: 960px) {
  .u-pb25\@m {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb25\@ml {
    padding-bottom: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb25\@l {
    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: 376px) {
  .u-pb26\@xxs {
    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: 960px) {
  .u-pb26\@m {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb26\@ml {
    padding-bottom: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb26\@l {
    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: 376px) {
  .u-pb27\@xxs {
    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: 960px) {
  .u-pb27\@m {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb27\@ml {
    padding-bottom: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb27\@l {
    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: 376px) {
  .u-pb28\@xxs {
    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: 960px) {
  .u-pb28\@m {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb28\@ml {
    padding-bottom: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb28\@l {
    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: 376px) {
  .u-pb29\@xxs {
    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: 960px) {
  .u-pb29\@m {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb29\@ml {
    padding-bottom: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb29\@l {
    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: 376px) {
  .u-pb30\@xxs {
    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: 960px) {
  .u-pb30\@m {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb30\@ml {
    padding-bottom: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb30\@l {
    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: 376px) {
  .u-pb-none\@xxs {
    padding-bottom: 0 !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: 960px) {
  .u-pb-none\@m {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pb-none\@ml {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb-none\@l {
    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: 376px) {
  .u-pl1\@xxs {
    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: 960px) {
  .u-pl1\@m {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl1\@ml {
    padding-left: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl1\@l {
    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: 376px) {
  .u-pl2\@xxs {
    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: 960px) {
  .u-pl2\@m {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl2\@ml {
    padding-left: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl2\@l {
    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: 376px) {
  .u-pl3\@xxs {
    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: 960px) {
  .u-pl3\@m {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl3\@ml {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl3\@l {
    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: 376px) {
  .u-pl4\@xxs {
    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: 960px) {
  .u-pl4\@m {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl4\@ml {
    padding-left: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl4\@l {
    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: 376px) {
  .u-pl5\@xxs {
    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: 960px) {
  .u-pl5\@m {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl5\@ml {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl5\@l {
    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: 376px) {
  .u-pl6\@xxs {
    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: 960px) {
  .u-pl6\@m {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl6\@ml {
    padding-left: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl6\@l {
    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: 376px) {
  .u-pl7\@xxs {
    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: 960px) {
  .u-pl7\@m {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl7\@ml {
    padding-left: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl7\@l {
    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: 376px) {
  .u-pl8\@xxs {
    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: 960px) {
  .u-pl8\@m {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl8\@ml {
    padding-left: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl8\@l {
    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: 376px) {
  .u-pl9\@xxs {
    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: 960px) {
  .u-pl9\@m {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl9\@ml {
    padding-left: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl9\@l {
    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: 376px) {
  .u-pl10\@xxs {
    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: 960px) {
  .u-pl10\@m {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl10\@ml {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl10\@l {
    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: 376px) {
  .u-pl11\@xxs {
    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: 960px) {
  .u-pl11\@m {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl11\@ml {
    padding-left: 88px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl11\@l {
    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: 376px) {
  .u-pl12\@xxs {
    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: 960px) {
  .u-pl12\@m {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl12\@ml {
    padding-left: 96px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl12\@l {
    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: 376px) {
  .u-pl13\@xxs {
    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: 960px) {
  .u-pl13\@m {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl13\@ml {
    padding-left: 104px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl13\@l {
    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: 376px) {
  .u-pl14\@xxs {
    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: 960px) {
  .u-pl14\@m {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl14\@ml {
    padding-left: 112px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl14\@l {
    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: 376px) {
  .u-pl15\@xxs {
    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: 960px) {
  .u-pl15\@m {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl15\@ml {
    padding-left: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl15\@l {
    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: 376px) {
  .u-pl16\@xxs {
    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: 960px) {
  .u-pl16\@m {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl16\@ml {
    padding-left: 128px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl16\@l {
    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: 376px) {
  .u-pl17\@xxs {
    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: 960px) {
  .u-pl17\@m {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl17\@ml {
    padding-left: 136px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl17\@l {
    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: 376px) {
  .u-pl18\@xxs {
    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: 960px) {
  .u-pl18\@m {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl18\@ml {
    padding-left: 144px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl18\@l {
    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: 376px) {
  .u-pl19\@xxs {
    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: 960px) {
  .u-pl19\@m {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl19\@ml {
    padding-left: 152px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl19\@l {
    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: 376px) {
  .u-pl20\@xxs {
    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: 960px) {
  .u-pl20\@m {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl20\@ml {
    padding-left: 160px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl20\@l {
    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: 376px) {
  .u-pl21\@xxs {
    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: 960px) {
  .u-pl21\@m {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl21\@ml {
    padding-left: 168px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl21\@l {
    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: 376px) {
  .u-pl22\@xxs {
    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: 960px) {
  .u-pl22\@m {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl22\@ml {
    padding-left: 176px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl22\@l {
    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: 376px) {
  .u-pl23\@xxs {
    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: 960px) {
  .u-pl23\@m {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl23\@ml {
    padding-left: 184px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl23\@l {
    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: 376px) {
  .u-pl24\@xxs {
    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: 960px) {
  .u-pl24\@m {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl24\@ml {
    padding-left: 192px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl24\@l {
    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: 376px) {
  .u-pl25\@xxs {
    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: 960px) {
  .u-pl25\@m {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl25\@ml {
    padding-left: 200px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl25\@l {
    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: 376px) {
  .u-pl26\@xxs {
    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: 960px) {
  .u-pl26\@m {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl26\@ml {
    padding-left: 208px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl26\@l {
    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: 376px) {
  .u-pl27\@xxs {
    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: 960px) {
  .u-pl27\@m {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl27\@ml {
    padding-left: 216px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl27\@l {
    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: 376px) {
  .u-pl28\@xxs {
    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: 960px) {
  .u-pl28\@m {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl28\@ml {
    padding-left: 224px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl28\@l {
    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: 376px) {
  .u-pl29\@xxs {
    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: 960px) {
  .u-pl29\@m {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl29\@ml {
    padding-left: 232px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl29\@l {
    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: 376px) {
  .u-pl30\@xxs {
    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: 960px) {
  .u-pl30\@m {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl30\@ml {
    padding-left: 240px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl30\@l {
    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: 376px) {
  .u-pl-none\@xxs {
    padding-left: 0 !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: 960px) {
  .u-pl-none\@m {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-pl-none\@ml {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl-none\@l {
    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: 376px) {
  .u-width-1-12\@xxs {
    width: 8.3333333333%;
  }
  .u-width-2-12\@xxs {
    width: 16.6666666667%;
  }
  .u-width-3-12\@xxs {
    width: 25%;
  }
  .u-width-4-12\@xxs {
    width: 33.3333333333%;
  }
  .u-width-5-12\@xxs {
    width: 41.6666666667%;
  }
  .u-width-6-12\@xxs {
    width: 50%;
  }
  .u-width-7-12\@xxs {
    width: 58.3333333333%;
  }
  .u-width-8-12\@xxs {
    width: 66.6666666667%;
  }
  .u-width-9-12\@xxs {
    width: 75%;
  }
  .u-width-10-12\@xxs {
    width: 83.3333333333%;
  }
  .u-width-11-12\@xxs {
    width: 91.6666666667%;
  }
  .u-width-12-12\@xxs {
    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: 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: 1024px) {
  .u-width-1-12\@ml {
    width: 8.3333333333%;
  }
  .u-width-2-12\@ml {
    width: 16.6666666667%;
  }
  .u-width-3-12\@ml {
    width: 25%;
  }
  .u-width-4-12\@ml {
    width: 33.3333333333%;
  }
  .u-width-5-12\@ml {
    width: 41.6666666667%;
  }
  .u-width-6-12\@ml {
    width: 50%;
  }
  .u-width-7-12\@ml {
    width: 58.3333333333%;
  }
  .u-width-8-12\@ml {
    width: 66.6666666667%;
  }
  .u-width-9-12\@ml {
    width: 75%;
  }
  .u-width-10-12\@ml {
    width: 83.3333333333%;
  }
  .u-width-11-12\@ml {
    width: 91.6666666667%;
  }
  .u-width-12-12\@ml {
    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: 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: #111111;
}

.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;
  }
}

.u-position-relative {
  position: relative;
}

@media screen and (min-width: 376px) {
  .u-position-relative\@xxs {
    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: 960px) {
  .u-position-relative\@m {
    position: relative;
  }
}

@media screen and (min-width: 1024px) {
  .u-position-relative\@ml {
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .u-position-relative\@l {
    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: 376px) {
  .u-position-absolute\@xxs {
    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: 960px) {
  .u-position-absolute\@m {
    position: absolute;
  }
}

@media screen and (min-width: 1024px) {
  .u-position-absolute\@ml {
    position: absolute;
  }
}

@media screen and (min-width: 1200px) {
  .u-position-absolute\@l {
    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: 376px) {
  .u-position-fixed\@xxs {
    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: 960px) {
  .u-position-fixed\@m {
    position: fixed;
  }
}

@media screen and (min-width: 1024px) {
  .u-position-fixed\@ml {
    position: fixed;
  }
}

@media screen and (min-width: 1200px) {
  .u-position-fixed\@l {
    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: 376px) {
  .u-position-center\@xxs {
    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: 960px) {
  .u-position-center\@m {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 1024px) {
  .u-position-center\@ml {
    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: 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: #111111;
}
.u-underline--white::after {
  background: #ffffff;
}
.u-underline--purple::after {
  background: #392987;
}
.u-underline--lightpurple::after {
  background: #402E9B;
}
.u-underline--background::after {
  background: #F4F2FD;
}
.u-underline--gray::after {
  background: #EEEEEE;
}
.u-underline--yellow::after {
  background: FFE600;
}
.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 */