@charset "UTF-8";
/*
  Foundation
--------------------------------- */
/*
  Settings
--------------------------------- */
/*
  Media Queries
--------------------------------- */
/*
  wrap
--------------------------------- */
/* 上マージン
----------------------------------------------- */
/* 下マージン
----------------------------------------------- */
/* 上下余白
----------------------------------------------- */
/*
  grid
----------------------------------------------- */
/* clearfix
----------------------------------------------- */
/* =================================================================================


  color.scss


================================================================================= */
/* サイトで全体で使うカラーコードの変数を指定 */
/* 色指定 */
/* ソーシャル系 */
/* =================================================================================


  font.scss


================================================================================= */
/* =================================================================================


  reset.scss


================================================================================= */
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html,
body,
div,
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,
span,
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,
main,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline;
}

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

main {
  display: block;
}

span,
em,
strong {
  font-weight: inherit;
}

/*行の高さをフォントサイズと同じにしています*/
body {
  line-height: 1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* ulのマーカー（行頭記号）を表示しないようにしています */
ul {
  list-style: none;
}

/* olのマーカー（行頭記号）を表示しないようにしています */
ol {
  list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote,
q {
  quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: inherit;
  font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input,
select {
  vertical-align: middle;
}

/*上付き文字 下付き文字の設定*/
sup,
sub {
  position: relative;
  height: 0;
  font-size: 60%;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

/* =================================================================================


  base.scss


================================================================================= */
:root {
  --scrollbar: 0;
}

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

html {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
}

body.home {
  -webkit-animation: loading ease-out 2s forwards;
  animation: loading ease-out 2s forwards;
}

@-webkit-keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body,
input,
select,
button,
textarea {
  -webkit-text-size-adjust: 100%;
  color: #646464;
  font-size: 1.5rem;
  line-height: 1.7;
  font-family: 'Zen Kaku Gothic New', '游ゴシック', 'Yu Gothic', YuGothic,
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,
    sans-serif;
}

h2,
.title {
  color: inherit;
  text-align: inherit;
}

/*
  リンク設定
--------------------------------- */
a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s linear;
}

a:hover {
  text-decoration: none;
}

a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: none;
}

a:hover {
  opacity: 1;
}

/*
  フルードイメージ
--------------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*
  アクセシビリティ スクリーンリーダーテキスト(WP用)
--------------------------------- */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*
  clearfix
--------------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  content: '';
}

/*
  Layout
--------------------------------- */
.l-container {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.l-container.-xxs {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}

.l-container.-xs {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
}

.l-container.-sm {
  max-width: 852px;
  margin-right: auto;
  margin-left: auto;
}

.l-container.-lg {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}

.l-container.-xl {
  max-width: 1720px;
  margin-right: auto;
  margin-left: auto;
}

.l-container.-auto {
  max-width: none;
}

.l-container.-gap {
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

@use 'sass:math';
/* =================================================================================


  Component - コンポーネント [grid]


================================================================================= */
/*
  Settings
--------------------------------- */
/*
  Base
--------------------------------- */
.l-grid {
  display: flex;
  flex-wrap: wrap;
}

.l-grid__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 1%;
}

.l-grid__item img {
  flex-shrink: 0;
}

.l-grid__item > * {
  min-height: 1%;
}

/*
  Direction
--------------------------------- */
.l-grid[data-dir='row'] {
  flex-direction: row;
}

.l-grid[data-dir='reverse'] {
  flex-direction: row-reverse;
}

.l-grid[data-dir='row-reverse'] {
  flex-direction: row-reverse;
}

.l-grid[data-dir='column'] {
  flex-direction: column;
}

.l-grid[data-dir='column-reverse'] {
  flex-direction: column-reverse;
}

/*
  Alignment
--------------------------------- */
.l-grid[data-align~='start'] {
  justify-content: flex-start;
}

.l-grid[data-align~='center'] {
  justify-content: center;
}

.l-grid[data-align~='end'] {
  justify-content: flex-end;
}

.l-grid[data-align~='justify'] {
  justify-content: space-between;
}

.l-grid[data-align~='top'] {
  align-items: flex-start;
}

.l-grid[data-align~='middle'] {
  align-items: center;
}

.l-grid[data-align~='bottom'] {
  align-items: flex-end;
}

.l-grid__item[data-align~='start'] {
  align-items: flex-start;
}

.l-grid__item[data-align~='center'] {
  align-items: center;
}

.l-grid__item[data-align~='end'] {
  align-items: flex-end;
}

.l-grid__item[data-align~='top'] {
  -ms-grid-row-align: stretch;
  align-self: stretch;
  justify-content: flex-start;
}

.l-grid__item[data-align~='middle'] {
  -ms-grid-row-align: stretch;
  align-self: stretch;
  justify-content: center;
}

.l-grid__item[data-align~='bottom'] {
  -ms-grid-row-align: stretch;
  align-self: stretch;
  justify-content: flex-end;
}

/*
  Grid
--------------------------------- */
.l-grid[data-gutter] {
  width: auto;
}

.l-grid[data-gutter] > .l-grid__item {
  border: solid transparent;
  border-width: 0;
  background-clip: padding-box;
}

.l-grid[data-x-gutter] {
  width: auto;
}

.l-grid[data-x-gutter] > .l-grid__item {
  border: solid transparent;
  background-clip: padding-box;
}

/* =================================================================================


  Layout - Spacer


================================================================================= */
.l-spacer {
  padding: 4rem 0;
}

.l-spacer.-xs {
  padding: 2rem 0;
}

.l-spacer.-sm {
  padding: 3rem 0;
}

.l-spacer.-lg {
  padding: 6rem 0;
}

.l-spacer.-xl {
  padding: 6rem 0;
}

.l-spacer.-xxl {
  padding: 6rem 0;
}

.l-spacer.-light-blue {
  background-color: #dfe9f3;
}

.l-spacer.-gray {
  background-color: #f5f5f5;
}

.l-spacer.-dot {
  background-image: radial-gradient(#f0f0f0 10%, transparent 10%);
  background-size: 20px 20px;
  background-color: #fff;
}

.l-spacer.-ao-entry {
  background: #ffffe3;
  background: linear-gradient(135deg, #ffffe3 0%, #f0fff1 50%, #ffe9ea 100%);
}

/*
  Object
--------------------------------- */
/* =================================================================================


  Component - コンポーネント [card]


================================================================================= */
.c-card {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.c-card__body {
  order: 1;
  width: 100%;
  min-height: 1%;
}

.c-card__thumbnail {
  width: 100%;
  min-height: 1%;
}

.c-card__thumbnail img {
  width: 100%;
}

/* =================================================================================


  Project - career


================================================================================= */
/* =====================================================

  Setting

===================================================== */
body {
  color: #585353;
  font-family: 'Zen Kaku Gothic New', '游ゴシック', 'Yu Gothic', YuGothic,
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,
    sans-serif;
}

body.program {
  background-image: url('../img/common/bg-primary.png');
  background-position: center center;
  background-repeat: repeat;
}

.p-spacer {
  padding: 4rem 0;
}

.p-container {
  box-sizing: content-box;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.p-container.-sm {
  max-width: 960px;
}

.p-container.-lg {
  max-width: 1590px;
}

.p-container.-gap {
  padding-right: 5%;
  padding-left: 5%;
}

.p-color-green {
  color: #3fb176;
}

.p-color-blue {
  color: #30a6d9;
}

.p-program-section-header {
  margin-bottom: 4rem;
  padding: 4rem 5%;
  background-color: #dbdcdc;
}

.p-title.-primary {
  font-size: 2rem;
}

.p-title.-primary span.underline {
  padding-bottom: 0.2em;
  border-bottom: 1px solid #707070;
}

.p-title.-label {
  display: inline-block;
  position: relative;
  width: 8em;
  margin-right: 2rem;
  padding: 0.2em 0.5em;
  border: 1px solid #707070;
  background-color: #fff;
  font-size: 1.5rem;
  text-align: center;
}

.p-title.-label::after {
  z-index: -1;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  background-color: #707070;
  content: '';
}

.p-title.-section {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
}

.p-title.-section span.label {
  display: inline-block;
  position: relative;
  width: 8em;
  margin-right: 2rem;
  padding: 0.2em 0.5em;
  border: 1px solid #707070;
  background-color: #fff;
  font-size: 1.5rem;
  text-align: center;
}

.p-title.-section span.label::after {
  z-index: -1;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  background-color: #707070;
  content: '';
}

.p-title.-section span.text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.p-title.-section span.en {
  margin-right: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  text-transform: uppercase;
}

.p-title.-section span.jp {
  font-size: 1rem;
}

/* =====================================================

  Header

===================================================== */
.p-header {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 5%;
  background-color: #fff;
}

.p-header__inner {
  display: flex;
  flex-direction: column-reverse;
}

.p-header__title {
  width: 82%;
}

.p-header__global-title {
  width: 50%;
  margin-bottom: 1rem;
}

.p-header__button {
  z-index: 111;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* =====================================================

  Main

===================================================== */
.p-main {
  padding-top: 8rem;
}

/* =====================================================

  Hamburger　Button

===================================================== */
.p-hamburger-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  transition: 0.6s;
  transition-delay: 0.6s, 0.6s;
  transition-property: transform, opacity;
  /* classにopenが付与されたとき
----------------------------------------------- */
}

.p-hamburger-button__circle {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.p-hamburger-button__line {
  display: block;
  position: relative;
  background-color: transparent;
  transition: 0.6s;
}

.p-hamburger-button__line,
.p-hamburger-button__line:before,
.p-hamburger-button__line:after {
  width: 30px;
  height: 1px;
  border-radius: 99rem;
  background-color: #666;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-hamburger-button__line {
  position: relative;
}

.p-hamburger-button__line:before,
.p-hamburger-button__line:after {
  position: absolute;
  right: 0;
  content: '';
}

.p-hamburger-button__line::before {
  top: -7px;
}

.p-hamburger-button__line:after {
  bottom: -7px;
}

.p-hamburger-button__text {
  display: inline-block;
  color: #46bb78;
  font-weight: 700;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.is-drawerActive .p-hamburger-button__line {
  background-color: transparent;
}

.is-drawerActive .p-hamburger-button__line:before {
  top: 0;
  transform: rotate(45deg);
  background-color: #fff;
}

.is-drawerActive .p-hamburger-button__line:after {
  bottom: 0;
  transform: rotate(-45deg);
  background-color: #fff;
}

/* =====================================================

  Drawer

===================================================== */
/* オーバーレイ */
.p-drawer {
  /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: #46bb78;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}

.is-drawerActive .p-drawer {
  opacity: 1;
  pointer-events: all;
}

.p-drawer__inner {
  display: table;
  width: 100%;
  height: 100%;
}

.p-drawer__body {
  display: table-cell;
  padding: 0 5%;
  /* モーダル外側の余白 */
  vertical-align: middle;
}

.p-drawer__content {
  max-width: 768px;
  margin: 0 auto;
  padding: 8% 5% 5%;
  background-color: #fff;
  box-shadow: 10px 10px 0 #189a4f;
}

.p-drawer__title {
  margin-bottom: 20px;
}

.p-drawer-menu {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5rem;
}

.p-drawer-menu > li {
  display: flex;
  width: 100%;
}

.p-drawer-menu > li a {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 0.8em 0 0.8em 1.5em;
  color: #46bb78;
  font-weight: bold;
}

.p-drawer-menu > li a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  margin: auto 0.5em;
  transform: rotate(45deg);
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: '';
  transition: 0.3s linear;
}

.p-drawer-menu > li a:hover {
  color: #ff9f31;
}

.p-drawer-menu > li a:hover::before {
  left: 0.3em;
}

/* =====================================================

  Common

===================================================== */
/*
  グローバルナビゲーション
--------------------------------- */
.p-global-navi {
  display: none;
  z-index: 1;
  position: relative;
  padding: 0 5%;
}

.p-global-navi-list {
  display: flex;
  justify-content: center;
}

.p-global-navi-list__item {
  margin: 0 1.5em;
  font-weight: 500;
  font-size: 1.5rem;
}

.p-global-navi-list__item a {
  display: block;
  position: relative;
  border-bottom: 8px solid #999;
}

.p-global-navi-list__item a:after {
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #999;
  content: '';
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.p-global-navi-list__item:nth-child(odd) a {
  border-bottom: 8px solid #0badfe;
}

.p-global-navi-list__item:nth-child(odd) a:after {
  background-color: #0badfe;
}

.p-global-navi-list__item:nth-child(even) a {
  border-bottom: 8px solid #45bc78;
}

.p-global-navi-list__item:nth-child(even) a:after {
  background-color: #45bc78;
}

/*
  メインビジュアル
--------------------------------- */
.p-hero {
  position: relative;
  text-align: center;
}

.p-hero.-home figure img {
  width: auto;
}

.p-hero figure img {
  width: 100%;
}

.p-hero__catch {
  padding: 20px 5%;
  border-bottom: 6px solid #46bb78;
}

.p-hero__body {
  padding: 5%;
  background-color: #efefef;
  color: #707070;
  text-align: center;
}

.p-hero__title {
  font-size: 2.4rem;
  font-family: YuMincho, '游明朝 DemiBold', 'Yu Mincho DemiBold',
    'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HG明朝E', 'メイリオ', Meiryo,
    serif;
}

.p-hero__description {
  font-size: 1.4rem;
}

/*
  ページ内リンク
--------------------------------- */
.p-page-navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.p-page-navi__item {
  width: 100%;
  margin-bottom: 1rem;
}

.p-page-navi__item a {
  display: block;
  position: relative;
  padding: 0.5em 4.5em 0.5em 1em;
  background-color: #fff;
}

.p-page-navi__item a::before {
  position: absolute;
  top: 0;
  right: 56px;
  width: 1px;
  height: 100%;
  border-left: dashed 1px #ccc;
  content: '';
}

.p-page-navi__item a::after {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 10px;
  height: 9px;
  transform: translateY(-50%);
  background-image: url('../img/common/page-link-arrow.svg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
}

.p-menu-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 5%;
  background-color: #fff;
}

.p-menu-footer__item {
  position: relative;
  width: 100%;
  padding: 0.2em 0 0.2em 1em;
}

.p-menu-footer__item a:hover {
  color: #46bb78;
}

.p-menu-footer__item::before {
  position: absolute;
  left: 0;
  content: '>';
  color: currentColor;
}

.p-cta {
  position: relative;
}

.p-cta__item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 1.6rem;
}

.p-cta__icon {
  padding-left: 52px;
  background-position: left center;
  background-size: 40px;
  background-repeat: no-repeat;
}

.p-cta__icon.-tel {
  background-image: url('../img/common/icon-tel.svg');
}

.p-cta__icon.-mail {
  background-image: url('../img/common/icon-mail.svg');
}

.p-cta__icon .small {
  font-size: 0.8em;
}

/* =====================================================

  Footer

===================================================== */
.p-footer {
  position: relative;
  padding: 30px 5%;
  background-color: #333333;
  color: #fff;
}

.p-footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
}

.p-footer__logo {
  width: 60%;
  margin-bottom: 20px;
}

.p-footer__copy {
  width: 100%;
  font-size: 1.2rem;
}

/* =====================================================

  home

===================================================== */
.p-home-menu {
  background-image: url('../img/home/bg-01.png');
  background-position: center center;
  background-size: 50px;
  background-repeat: repeat;
}

.p-home-power {
  padding-right: 5%;
  padding-left: 5%;
}

.p-home-power__title {
  text-align: center;
}

.p-home-power__text {
  line-height: 2;
}

.p-home-power__data {
  padding-right: 5%;
  padding-left: 5%;
  text-align: center;
}

.p-home-supports__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  text-align: center;
}

.p-home-supports__title {
  font-size: 2.7rem;
  font-family: YuMincho, '游明朝 DemiBold', 'Yu Mincho DemiBold',
    'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HG明朝E', 'メイリオ', Meiryo,
    serif;
  letter-spacing: 0.1em;
}

.p-home-supports__subtitle {
  position: relative;
  order: -1;
  width: 300px;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 0.5em 1em;
  border-radius: 12px;
  background-color: #707070;
  color: #fff;
}

.p-home-supports__subtitle::after {
  z-index: -1;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: #46bb78;
  content: '';
}

.p-home-supports__catch {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
  font-size: 1.4rem;
}

.p-home-supports-section {
  margin-bottom: 10px;
}

.p-home-supports-section__head {
  display: flex;
  position: relative;
  align-items: center;
  padding: 10px 60px 10px 0;
  border-width: 5px;
  border-style: solid;
  cursor: pointer;
}

.-adviser .p-home-supports-section__head,
.-seminar .p-home-supports-section__head {
  border-color: #c7e3d4;
}

.-internship .p-home-supports-section__head,
.-event .p-home-supports-section__head {
  border-color: #c6e4ef;
}

.p-home-supports-section__title {
  flex: 0 0 auto;
  font-size: 2rem;
  line-height: 1.6;
  text-transform: uppercase;
}

.p-home-supports-section__title span.ruby {
  display: block;
  font-weight: bold;
  font-size: 0.5em;
}

.-adviser .p-home-supports-section__title span.ruby,
.-seminar .p-home-supports-section__title span.ruby {
  color: #3fb176;
}

.-internship .p-home-supports-section__title span.ruby,
.-event .p-home-supports-section__title span.ruby {
  color: #30a6d9;
}

.p-home-supports-section__point {
  -ms-grid-row-align: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  order: -1;
  margin: -15px 10px -15px -5px;
  padding: 10px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}

.-adviser .p-home-supports-section__point,
.-seminar .p-home-supports-section__point {
  background-color: #3fb176;
}

.-internship .p-home-supports-section__point,
.-event .p-home-supports-section__point {
  background-color: #30a6d9;
}

.p-home-supports-section__point span.number {
  display: block;
  font-size: 2rem;
}

.p-home-supports-section__description {
  display: none;
}

.p-home-supports-section__button {
  display: flex;
  position: absolute;
  top: 50%;
  right: 1em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: transparent;
  pointer-events: none;
}

.-adviser .p-home-supports-section__button,
.-seminar .p-home-supports-section__button {
  color: #c7e3d4;
}

.-internship .p-home-supports-section__button,
.-event .p-home-supports-section__button {
  color: #c6e4ef;
}

.p-home-supports-section__button::before,
.p-home-supports-section__button::after {
  -webkit-backface-visibility: hidden;
  position: absolute;
  width: 12px;
  height: 2px;
  backface-visibility: hidden;
  background-color: currentColor;
  content: '';
  perspective: 1000;
  transition-duration: 0.5s;
  transition-property: opacity, transform, left, right, width;
}

.p-home-supports-section__button::before {
  left: 8px;
  transform: rotate(40deg);
}

.p-home-supports-section__button::after {
  right: 8px;
  transform: rotate(-40deg);
}

.is-active .p-home-supports-section__button::before {
  left: auto;
  width: 14px;
  transform: rotate(45deg);
}

.is-active .p-home-supports-section__button::after {
  right: auto;
  width: 14px;
  transform: rotate(-45deg);
}

.p-home-supports-section__body {
  display: none;
  z-index: -2;
  position: relative;
  padding: 5% 10%;
}

.is-active .p-home-supports-section__body {
  display: block;
}

.-adviser .p-home-supports-section__body,
.-seminar .p-home-supports-section__body {
  background-color: #ebf9f0;
}

.-internship .p-home-supports-section__body,
.-event .p-home-supports-section__body {
  background-color: #ecf7fb;
}

.p-home-support-content {
  display: flex;
  flex-wrap: wrap;
}

.p-home-support-content__item {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 80px;
  margin-bottom: 1rem;
  padding: 1em 20px 1em 66px;
  border: 2px solid #3fb176;
  background-position: 16px center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.p-home-support-content__item.-interview {
  background-image: url('../img/home/icon-interview.svg');
}

.p-home-support-content__item.-advice {
  background-image: url('../img/home/icon-advice.svg');
}

.p-home-support-content__item.-entry-sheet {
  background-image: url('../img/home/icon-entry-sheet.svg');
}

.p-home-support-content__item.-meeting {
  padding: 1em 20px 1em 126px;
  background-image: url('../img/home/icon-meeting.svg');
}

.p-home-support-content__item::before {
  z-index: -1;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 100%;
  height: 100%;
  background-color: #3fb176;
  content: '';
}

.p-home-seminar__title {
  display: inline-block;
  border-bottom: 1px solid #3fb176;
  font-weight: bold;
  font-size: 1.8rem;
}

.p-home-company-organization__title {
  padding-left: 56px;
  background-image: url('../img/home/icon-building.svg');
  background-position: 0 8px;
  background-size: 40px;
  background-repeat: no-repeat;
  color: #30a6d9;
  font-weight: bold;
  font-size: 1.6rem;
}

.p-home-company-organization__title span.small {
  font-size: 0.8em;
}

.p-home-company-organization__list {
  padding: 1em;
  background-color: #fff;
  color: #30a6d9;
  font-size: 1.4rem;
}

/* =====================================================

  就職サポートプログラム

===================================================== */
.p-program-pickup__subtitle {
  font-size: 1.5rem;
}

.p-program-pickup__subtitle span.underline {
  padding-bottom: 0.2em;
  border-bottom: 1px solid #707070;
}

.p-program-pickup-item {
  position: relative;
}

.p-program-pickup-item__title {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 5rem;
  font-size: 2rem;
}

.p-program-pickup-item__title::before {
  z-index: -1;
  position: absolute;
  top: 6px;
  left: 8px;
  width: 24px;
  height: 24px;
  transform: rotate(45deg);
  background-color: #30a6d9;
  content: '';
}

.p-program-pickup-item__title span.number {
  display: flex;
  position: absolute;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 34px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
}

.p-program-pickup-item__description {
  font-size: 1.4rem;
}

.p-program-pickup-item__label {
  position: absolute;
  top: -16px;
  left: 0;
}

.p-program-pickup-item__label span.yellow {
  padding: 0.2em 0.5em;
  background-color: #fffe03;
  color: #30a6d9;
  font-weight: 500;
  font-size: 1.4rem;
}

.p-program-pickup-item__label span.green {
  padding: 0.2em 0.5em;
  background-color: #46bb78;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
}

.p-program-pickup-item__thumbnail {
  margin-bottom: 2rem;
}

.p-program-flow-item {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: 8rem;
  padding: 5%;
}

.p-program-flow-item::before {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f7f7;
  content: '';
}

.p-program-flow-item:after {
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -50px;
  left: 50%;
  width: 30px;
  height: 24px;
  transform: translateX(-50%);
  background-color: #999;
  content: '';
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.p-program-flow-item:nth-child(odd) {
  color: #45bc78;
}

.p-program-flow-item:nth-child(odd) .p-program-flow-item__description::before {
  color: #45bc78;
}

.p-program-flow-item:nth-child(even) {
  color: #0badfe;
}

.p-program-flow-item:nth-child(even) .p-program-flow-item__description::before {
  color: #0badfe;
}

.p-program-flow-item__head {
  width: 100%;
  margin-bottom: 2rem;
  text-align: center;
}

.p-program-flow-item__title img {
  width: 194px;
}

.p-program-flow-item__body {
  width: 100%;
}

.p-program-flow-item__lead {
  margin-bottom: 2rem;
  color: #585353;
  font-size: 1.4rem;
}

.p-program-flow-item__term {
  margin-bottom: 1.5rem;
  padding: 0.5em 1em;
  border: 1px solid;
  background-color: #fff;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
}

.p-program-flow-item__description {
  position: relative;
  padding-left: 1.2em;
  color: #585353;
}

.p-program-flow-item__description::before {
  position: absolute;
  left: 0;
  content: '●';
}

.p-program-flow-item__define {
  margin-bottom: 3rem;
}

.p-program-flow-item__define:last-child {
  margin-bottom: 0;
}

.p-program-flow-offer {
  padding: 0.5em 1em;
  border-radius: 99rem;
  background-color: #595757;
  color: #fff;
  font-size: 2rem;
  text-align: center;
}

/* =====================================================

  就職データ

===================================================== */
#oic.p-data-section {
  background-color: #eaf5fc;
}

.p-data-item {
  margin-bottom: 4rem;
}

.p-data-item:last-of-type {
  margin-bottom: 0;
}

.p-data-item__title {
  -webkit-clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);
  padding: 0.5em 1em 0.5em 2em;
  background-color: #333333;
  color: #fff;
  font-size: 2rem;
  clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);
}

.p-data-item__title span.small {
  display: inline-block;
  margin-right: 1em;
  font-size: 0.66666667em;
}

.-fbae-keiei .p-data-item__title {
  background-color: #004271;
}

.-fbae-keizai .p-data-item__title {
  background-color: #004271;
}

.-hs-pc .p-data-item__title {
  background-color: #8ea224;
}

.-hs-hhs .p-data-item__title {
  background-color: #8ea224;
}

.-hs-sb .p-data-item__title {
  background-color: #8ea224;
}

.-ila-ic .p-data-item__title {
  background-color: #983e46;
}

.-ila-it .p-data-item__title {
  background-color: #983e46;
}

.-oic-child .p-data-item__title {
  background-color: #9ec34b;
}

.-oic-nutrition .p-data-item__title {
  background-color: #d16d58;
}

.-oic-ld-te .p-data-item__title {
  background-color: #dda833;
}

.-oic-ld-cd .p-data-item__title {
  background-color: #7bb5ca;
}

.p-data-item__inner {
  padding: 5%;
  background-color: #efefef;
}

#oic .p-data-item__inner {
  background-color: #fff;
}

.-fbae .p-data-item__body {
  max-width: 760px;
  margin: 0 auto;
}

.p-data-item__employer-title {
  font-size: 1.6rem;
}

.p-data-item__employer-title span.small {
  font-size: 0.8em;
}

.p-data-item__employer-list {
  font-size: 1.4rem;
}

.p-data-item__employer-define {
  padding-left: 1em;
  font-size: 1.4rem;
}

.p-data-item__employer-term {
  display: inline;
  position: relative;
}

.p-data-item__employer-term::before {
  position: absolute;
  left: -1em;
  content: '■';
}

.-oic-child .p-data-item__employer-term::before {
  color: #9ec34b;
}

.-oic-nutrition .p-data-item__employer-term::before {
  color: #d16d58;
}

.-oic-ld-te .p-data-item__employer-term::before {
  color: #dda833;
}

.-oic-ld-cd .p-data-item__employer-term::before {
  color: #7bb5ca;
}

.p-data-item__employer-term::after {
  content: '：';
}

.p-data-item__employer-description {
  display: inline;
}

.p-data-graduates {
  padding: 6rem 5% 4rem;
}

.p-data-graduates__container {
  position: relative;
}

.p-data-graduates__en-title {
  position: absolute;
  top: -6rem;
  left: 0;
}

.p-data-graduates-item__title {
  margin-bottom: 0.5em;
  color: #30a6d9;
  font-weight: 500;
  font-size: 1.8rem;
}

/* =====================================================

  内定者インタビュー
  卒業生インタビュー

===================================================== */
.p-interview-item {
  position: relative;
  background-color: #efefef;
}

.p-interview-item__body {
  display: flex;
  flex-direction: column;
  padding: 5%;
}

.p-interview-item__title {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.6;
}

.p-interview-item__company {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

.p-interview-item__type {
  display: flex;
  z-index: 1;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-right: 2rem;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}

.p-interview-item__type::before {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(112, 112, 112, 0.3);
  border-radius: 50%;
  content: '';
}

.p-interview-item__type::after {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #efefef;
  content: '';
}

.p-interview-item__meta {
  position: relative;
  padding-left: 3.5rem;
}

.p-interview-item__meta::before {
  position: absolute;
  top: 14px;
  left: 0;
  width: 25px;
  height: 1px;
  background-color: #707070;
  content: '';
}

.p-interview-item__name {
  position: relative;
  /* padding-left: 3.5rem; */
  font-size: 1.6rem;
}

/* .p-interview-item__name::before {
  position: absolute;
  top: 14px;
  left: 0;
  width: 25px;
  height: 1px;
  background-color: #707070;
  content: '';
} */

.p-interview-item__name span.small {
  font-size: 0.8em;
}

.p-interview-item__department {
  order: -1;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}

.p-interview-item__department span.department {
  display: inline-block;
  margin-right: 1rem;
}

.p-interview-item__department span.small {
  display: inline-block;
  font-size: 0.63636364em;
}

.p-interview-item__grade {
  order: -1;
  font-size: 1.2rem;
}

.p-interview-item__button {
  display: inline-block;
  z-index: 1;
  position: relative;
  width: 200px;
  max-width: 100%;
  padding: 0.5em 1em;
  border: 1px solid currentColor;
  border-bottom: 4px solid currentColor;
  border-left: 4px solid currentColor;
  border-radius: 6px;
  outline: none;
  background-color: #fff;
  color: #41aee4;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

.p-interview-item__button:hover {
  background-color: #efefef;
}

.p-interview-item__button.-close {
  border: 1px solid currentColor;
}

.p-interview-item__button.-close:hover {
  background-color: #efefef;
}

.-og .p-interview-item__button {
  color: #45bc78;
}

.p-interview-item__content {
  order: 3;
  padding: 0 5% 5%;
  font-size: 1.4rem;
}

.p-interview-oic-navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-interview-oic-navi__item {
  display: flex;
  width: 100%;
  margin-bottom: 2%;
}

.p-interview-oic-navi__item span.course {
  margin-left: 1.4em;
  font-size: 0.75em;
}

.p-interview-oic-navi__item a {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 100px;
  padding: 0 2rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #585353;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.4;
}

.p-interview-oic-navi__item a:hover {
  opacity: 0.7;
}

.p-interview-oic-navi__item a::before {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 21px);
  height: calc(100% - 21px);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  content: '';
}

.p-interview-oic-navi__item a::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 50px;
  height: 40px;
  transform: translateY(-50%);
  background-image: url('../img/common/interview-oic-navi-button-arrow.svg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
}

.p-interview-oic-navi__item.-oic-child a {
  background-image: url('../img/common/interview-oic-navi-bg-child.png');
}

.p-interview-oic-navi__item.-oic-nutrition a {
  background-image: url('../img/common/interview-oic-navi-bg-nutrition.png');
}

.p-interview-oic-navi__item.-oic-ld-te a {
  background-image: url('../img/common/interview-oic-navi-bg-ld-te.png');
}

.p-interview-oic-navi__item.-oic-ld-cd a {
  background-image: url('../img/common/interview-oic-navi-bg-ld-cd.png');
}

/* =====================================================

  modal

===================================================== */
.p-modal {
  display: flex;
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  width: 100vw;
  height: 100vh;
  opacity: 0;
}

.p-modal-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.p-modal-inner {
  z-index: 1;
  width: 90vw;
  max-width: 800px;
  max-height: 70vh;
  margin: auto;
  overflow-y: auto;
  background: #fff;
}

.p-modal.is-open {
  -webkit-animation: modal_open 0.5s ease forwards;
  animation: modal_open 0.5s ease forwards;
}

.p-modal.is-open .p-modal-inner {
  -webkit-animation: modal_inner_open 0.5s ease forwards;
  animation: modal_inner_open 0.5s ease forwards;
}

.p-modal.is-close {
  -webkit-animation: modal_close 0.5s ease forwards;
  animation: modal_close 0.5s ease forwards;
}

.p-modal.is-close .p-modal-inner {
  -webkit-animation: modal_inner_close 0.5s ease forwards;
  animation: modal_inner_close 0.5s ease forwards;
}

@-webkit-keyframes modal_open {
  0% {
    opacity: 0;
  }
  100% {
    z-index: 10000;
    opacity: 1;
  }
}

@keyframes modal_open {
  0% {
    opacity: 0;
  }
  100% {
    z-index: 10000;
    opacity: 1;
  }
}

@-webkit-keyframes modal_inner_open {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes modal_inner_open {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes modal_close {
  0% {
    z-index: 10000;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes modal_close {
  0% {
    z-index: 10000;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes modal_inner_close {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0;
  }
}

@keyframes modal_inner_close {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0;
  }
}

.p-modal-close-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: flex;
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  background-color: #fff;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
  transition: 0.6s;
  transition-delay: 0.6s, 0.6s;
  transition-property: transform, opacity;
}

.p-modal-close-button__line,
.p-modal-close-button__line:before,
.p-modal-close-button__line:after {
  width: 30px;
  height: 1px;
  border-radius: 99rem;
  background-color: #666;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.p-modal-close-button__line {
  display: block;
  position: relative;
  background-color: transparent;
  transition: 0.6s;
}

.p-modal-close-button__line:before,
.p-modal-close-button__line:after {
  position: absolute;
  right: 0;
  content: '';
}

.p-modal-close-button__line::before {
  top: 0;
  transform: rotate(45deg);
}

.p-modal-close-button__line:after {
  bottom: 0;
  transform: rotate(-45deg);
}

/* =================================================================================


  utility.css


================================================================================= */
/*
  Positon
----------------------------------------------- */
.u-pos-s {
  position: static !important;
}

.u-pos-r {
  position: relative !important;
}

.u-pos-a {
  position: absolute !important;
}

.u-pos-sk {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.u-pos-f {
  position: fixed !important;
}

/* ツール
----------------------------------------------- */
.u-hidden {
  visibility: hidden;
}

.u-none {
  display: none;
}

.u-block {
  display: block;
}

.u-clear {
  clear: both;
}

/*
  Letter Spacing
----------------------------------------------- */
.u-lts-nm {
  letter-spacing: normal !important;
}

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

.u-lts1 {
  letter-spacing: 1px !important;
}

.u-lts2 {
  letter-spacing: 2px !important;
}

.u-lts3 {
  letter-spacing: 3px !important;
}

.u-lts4 {
  letter-spacing: 4px !important;
}

.u-lts5 {
  letter-spacing: 5px !important;
}

.u-lts6 {
  letter-spacing: 6px !important;
}

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

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

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

.u-lts03em {
  letter-spacing: 0.3em !important;
}

.u-lts--001em {
  letter-spacing: -0.01em !important;
}

.u-lts--002em {
  letter-spacing: -0.02em !important;
}

.u-lts--003em {
  letter-spacing: -0.03em !important;
}

.u-lts--004em {
  letter-spacing: -0.04em !important;
}

.u-lts--005em {
  letter-spacing: -0.05em !important;
}

.u-lts--01em {
  letter-spacing: -0.1em !important;
}

.u-lts--02em {
  letter-spacing: -0.2em !important;
}

.u-lts--03em {
  letter-spacing: -0.3em !important;
}

/* テキスト揃え
----------------------------------------------- */
.u-tal {
  text-align: left;
}

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

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

/*
  Alignment
--------------------------------- */

/* ディスプレイ
----------------------------------------------- */
/*
  Display
--------------------------------- */

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

.u-d-n {
  display: none !important;
}

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

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

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

.u-d-ifx {
  display: inline-flex !important;
}

.u-d-tb {
  display: table !important;
}

.u-d-itb {
  display: inline-table !important;
}

.u-d-tbhg {
  display: table-header-group !important;
}

.u-d-tbfg {
  display: table-footer-group !important;
}

.u-d-tbrg {
  display: table-row-group !important;
}

.u-d-tbr {
  display: table-row !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-li {
  display: list-item !important;
}

.u-d-ih {
  display: inherit !important;
}

/* オーバーフロー
----------------------------------------------- */
.u-ov-v {
  overflow: visible !important;
}

.u-ov-h {
  overflow: hidden !important;
}

.u-ov-s {
  overflow: scroll !important;
}

.u-ov-a {
  overflow: auto !important;
}

.u-ovx-v {
  overflow-x: visible !important;
}

.u-ovx-h {
  overflow-x: hidden !important;
}

.u-ovx-s {
  overflow-x: scroll !important;
}

.u-ovx-a {
  overflow-x: auto !important;
}

.u-ovy-v {
  overflow-y: visible !important;
}

.u-ovy-h {
  overflow-y: hidden !important;
}

.u-ovy-s {
  overflow-y: scroll !important;
}

.u-ovy-a {
  overflow-y: auto !important;
}

/* clearfix
----------------------------------------------- */
.u-clearfix:after {
  display: block;
  clear: both;
  content: '';
}

/* 画像置換
----------------------------------------------- */
.u-hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* アクセシビリティ スクリーンリーダーテキスト
----------------------------------------------- */
.u-screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

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

/* フォント
----------------------------------------------- */
/* フォントウエイト
----------------------------------------------- */
.u-fw-nm {
  font-weight: 400 !important;
}

.u-fw-b {
  font-weight: 700 !important;
}

.u-fw-l {
  font-weight: 300 !important;
}

.u-fw-br {
  font-weight: bolder !important;
}

.u-fw-lr {
  font-weight: lighter !important;
}

.u-fw-100 {
  font-weight: 100 !important;
}

.u-fw-200 {
  font-weight: 200 !important;
}

.u-fw-300 {
  font-weight: 300 !important;
}

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

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

.u-fw-600 {
  font-weight: 600 !important;
}

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

.u-fw-800 {
  font-weight: 800 !important;
}

.u-fw-900 {
  font-weight: 900 !important;
}

/* 文字サイズ
----------------------------------------------- */
.u-fz-10 {
  font-size: 1rem;
}

.u-fz-11 {
  font-size: 1.1rem;
}

.u-fz-12 {
  font-size: 1.2rem;
}

.u-fz-13 {
  font-size: 1.3rem;
}

.u-fz-14 {
  font-size: 1.4rem;
}

.u-fz-15 {
  font-size: 1.5rem;
}

.u-fz-16 {
  font-size: 1.6rem;
}

.u-fz-17 {
  font-size: 1.7rem;
}

.u-fz-18 {
  font-size: 1.8rem;
}

.u-fz-19 {
  font-size: 1.9rem;
}

.u-fz-20 {
  font-size: 2rem;
}

.u-fz-21 {
  font-size: 2.1rem;
}

.u-fz-22 {
  font-size: 2.2rem;
}

.u-fz-23 {
  font-size: 2.3rem;
}

.u-fz-24 {
  font-size: 2.4rem;
}

.u-fz-25 {
  font-size: 2.5rem;
}

.u-fz-26 {
  font-size: 2.6rem;
}

.u-fz-27 {
  font-size: 2.7rem;
}

.u-fz-28 {
  font-size: 2.8rem;
}

.u-fz-29 {
  font-size: 2.9rem;
}

.u-fz-30 {
  font-size: 3rem;
}

/* 文字サイズ em 拡大縮小
----------------------------------------------- */
.u-fz-zoom-xxxs {
  font-size: 0.6em;
}

.u-fz-zoom-xxs {
  font-size: 0.7em;
}

.u-fz-zoom-xs {
  font-size: 0.8em;
}

.u-fz-zoom-sm {
  font-size: 0.9em;
}

.u-fz-zoom-md {
  font-size: 1em;
}

.u-fz-zoom-lg {
  font-size: 1.1em;
}

.u-fz-zoom-xl {
  font-size: 1.2em;
}

.u-fz-zoom-xxl {
  font-size: 1.3em;
}

.u-fz-zoom-xxxl {
  font-size: 1.4em;
}

/* line-height
----------------------------------------------- */
.u-lh-xxs {
  line-height: 1.2;
}

.u-lh-xs {
  line-height: 1.4;
}

.u-lh-sm {
  line-height: 1.6;
}

.u-lh-md {
  line-height: 1.8;
}

.u-lh-lg {
  line-height: 2;
}

.u-lh-xl {
  line-height: 2.2;
}

.u-lh-xxl {
  line-height: 2.4;
}

/* vertical-align
----------------------------------------------- */
.u-va-sup {
  vertical-align: super !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-tt {
  vertical-align: text-top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-bl {
  vertical-align: baseline !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-sub {
  vertical-align: sub !important;
}

/* テキスト　上付・下付文字
----------------------------------------------- */
.u-text-super {
  vertical-align: super;
}

.u-text-sub {
  vertical-align: sub;
}

/* 注釈
----------------------------------------------- */
.u-indent {
  margin-left: 1em;
  text-indent: -1em;
}

/* =================================================================

  インデント

================================================================= */
.u-notes {
  margin-left: 1em;
  text-indent: -1em;
}

.u-notes.-number {
  margin-left: 1.8em;
  text-indent: -1.8em;
}

/* =================================================================

  カラー

================================================================= */
/*
  color
--------------------------------- */
.u-c-primary {
  color: #536587;
}

.u-c-secondary {
  color: #e8ff03;
}

.u-c-tertiary {
  color: #e6f0f5;
}

.u-c-ih {
  color: inherit !important;
}

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

.u-c-silver {
  color: #ddd !important;
}

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

.u-c-black {
  color: #000 !important;
}

.u-c-navy {
  color: #001f3f !important;
}

.u-c-blue {
  color: #0074d9 !important;
}

.u-c-aqua {
  color: #7fdbff !important;
}

.u-c-teal {
  color: #39cccc !important;
}

.u-c-olive {
  color: #3d9970 !important;
}

.u-c-green {
  color: #2ecc40 !important;
}

.u-c-lime {
  color: #01ff70 !important;
}

.u-c-yellow {
  color: #ffdc00 !important;
}

.u-c-orange {
  color: #ff851b !important;
}

.u-c-red {
  color: #ff4136 !important;
}

.u-c-maroon {
  color: #85144b !important;
}

.u-c-fuchsia {
  color: #f012be !important;
}

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

.u-c-primary {
  color: #0275d8 !important;
}

.u-c-success {
  color: #5cb85c !important;
}

.u-c-info {
  color: #5bc0de !important;
}

.u-c-warning {
  color: #f0ad4e !important;
}

.u-c-danger {
  color: #d9534f !important;
}

/*
  background-color
--------------------------------- */
.u-bgc-primary {
  background-color: #536587;
}

.u-bgc-secondary {
  background-color: #e8ff03;
}

.u-bgc-tertiary {
  background-color: #e6f0f5;
}

.u-bgc-t {
  background-color: transparent !important;
}

.u-bgc-cc {
  background-color: currentcolor !important;
}

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

.u-bgc-silver {
  background-color: #ddd !important;
}

.u-bgc-gray {
  background-color: #aaa !important;
}

.u-bgc-black {
  background-color: #000 !important;
}

.u-bgc-navy {
  background-color: #001f3f !important;
}

.u-bgc-blue {
  background-color: #0074d9 !important;
}

.u-bgc-aqua {
  background-color: #7fdbff !important;
}

.u-bgc-teal {
  background-color: #39cccc !important;
}

.u-bgc-olive {
  background-color: #3d9970 !important;
}

.u-bgc-green {
  background-color: #2ecc40 !important;
}

.u-bgc-lime {
  background-color: #01ff70 !important;
}

.u-bgc-yellow {
  background-color: #ffdc00 !important;
}

.u-bgc-orange {
  background-color: #ff851b !important;
}

.u-bgc-red {
  background-color: #ff4136 !important;
}

.u-bgc-maroon {
  background-color: #85144b !important;
}

.u-bgc-fuchsia {
  background-color: #f012be !important;
}

.u-bgc-purple {
  background-color: #b10dc9 !important;
}

.u-bgc-primary {
  background-color: #0275d8 !important;
}

.u-bgc-success {
  background-color: #5cb85c !important;
}

.u-bgc-info {
  background-color: #5bc0de !important;
}

.u-bgc-warning {
  background-color: #f0ad4e !important;
}

.u-bgc-danger {
  background-color: #d9534f !important;
}

/* =================================================================

  マージン

================================================================= */
/*
  Setting
--------------------------------- */
/*
  Margin Top
--------------------------------- */

.u-mt-xxxs {
  margin-top: calc(1rem * 0.5);
}

.u-mt-xxs {
  margin-top: calc(2rem * 0.5);
}

.u-mt-xs {
  margin-top: calc(4rem * 0.5);
}

.u-mt-sm {
  margin-top: calc(6rem * 0.5);
}

.u-mt-md {
  margin-top: calc(8rem * 0.5);
}

.u-mt-lg {
  margin-top: calc(10rem * 0.5);
}

.u-mt-xl {
  margin-top: calc(12rem * 0.5);
}

.u-mt-xxl {
  margin-top: calc(16rem * 0.5);
}

.u-mt-xxxl {
  margin-top: calc(20rem * 0.5);
}

/* マージン上余白 */
.u-mt-5 {
  margin-top: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mt-9em {
  margin-top: 9em !important;
}

.u-mt-10em {
  margin-top: 10em !important;
}

/* マージン右余白 */
.u-mr-5 {
  margin-right: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mr-9em {
  margin-right: 9em !important;
}

.u-mr-10em {
  margin-right: 10em !important;
}

/*
  Margin Bottom
--------------------------------- */
.u-mb-xxxs {
  margin-bottom: calc(1rem * 0.5);
}

.u-mb-xxs {
  margin-bottom: calc(2rem * 0.5);
}

.u-mb-xs {
  margin-bottom: calc(4rem * 0.5);
}

.u-mb-sm {
  margin-bottom: calc(6rem * 0.5);
}

.u-mb-md {
  margin-bottom: calc(8rem * 0.5);
}

.u-mb-lg {
  margin-bottom: calc(10rem * 0.5);
}

.u-mb-xl {
  margin-bottom: calc(12rem * 0.5);
}

.u-mb-xxl {
  margin-bottom: calc(16rem * 0.5);
}

.u-mb-xxxl {
  margin-bottom: calc(20rem * 0.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mb[data-mb-size~='xxxs'] {
  margin-bottom: 1rem;
}

.u-mb[data-mb-size~='xxs'] {
  margin-bottom: 2rem;
}

.u-mb[data-mb-size~='xs'] {
  margin-bottom: 4rem;
}

.u-mb[data-mb-size~='sm'] {
  margin-bottom: 6rem;
}

.u-mb[data-mb-size~='md'] {
  margin-bottom: 8rem;
}

.u-mb[data-mb-size~='lg'] {
  margin-bottom: 10rem;
}

.u-mb[data-mb-size~='xl'] {
  margin-bottom: 12rem;
}

.u-mb[data-mb-size~='xxl'] {
  margin-bottom: 16rem;
}

.u-mb[data-mb-size~='xxxl'] {
  margin-bottom: 20rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mb-9em {
  margin-bottom: 9em !important;
}

.u-mb-10em {
  margin-bottom: 10em !important;
}

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

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

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

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

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

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

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

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

.u-mb-9vh {
  margin-bottom: 9vh !important;
}

.u-mb-10vh {
  margin-bottom: 10vh !important;
}

/* マージン左余白 */
.u-ml-5 {
  margin-left: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-ml-9em {
  margin-left: 9em !important;
}

.u-ml-10em {
  margin-left: 10em !important;
}

/* =================================================================

  パディング

================================================================= */
/* パディング上余白 */
.u-pt-5 {
  padding-top: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* パディング右余白 */
.u-pr-5 {
  padding-right: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* パディング下余白 */
.u-pb-5 {
  padding-bottom: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* パディング左余白 */
.u-pl-5 {
  padding-left: 0.5rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-ptb-xxs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.u-ptb-xs {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.u-ptb-sm {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.u-ptb-md {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.u-ptb-lg {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.u-ptb-xl {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.u-ptb-xxl {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

/* =================================================================

  横幅

================================================================= */
/* width
----------------------------------------------- */
.u-w-5 {
  width: 5px !important;
}

.u-w-10 {
  width: 10px !important;
}

.u-w-15 {
  width: 15px !important;
}

.u-w-20 {
  width: 20px !important;
}

.u-w-25 {
  width: 25px !important;
}

.u-w-30 {
  width: 30px !important;
}

.u-w-35 {
  width: 35px !important;
}

.u-w-40 {
  width: 40px !important;
}

.u-w-45 {
  width: 45px !important;
}

.u-w-50 {
  width: 50px !important;
}

.u-w-55 {
  width: 55px !important;
}

.u-w-60 {
  width: 60px !important;
}

.u-w-65 {
  width: 65px !important;
}

.u-w-70 {
  width: 70px !important;
}

.u-w-75 {
  width: 75px !important;
}

.u-w-80 {
  width: 80px !important;
}

.u-w-85 {
  width: 85px !important;
}

.u-w-90 {
  width: 90px !important;
}

.u-w-95 {
  width: 95px !important;
}

.u-w-100 {
  width: 100px !important;
}

.u-w-105 {
  width: 105px !important;
}

.u-w-110 {
  width: 110px !important;
}

.u-w-115 {
  width: 115px !important;
}

.u-w-120 {
  width: 120px !important;
}

.u-w-125 {
  width: 125px !important;
}

.u-w-130 {
  width: 130px !important;
}

.u-w-135 {
  width: 135px !important;
}

.u-w-140 {
  width: 140px !important;
}

.u-w-145 {
  width: 145px !important;
}

.u-w-150 {
  width: 150px !important;
}

.u-w-155 {
  width: 155px !important;
}

.u-w-160 {
  width: 160px !important;
}

.u-w-165 {
  width: 165px !important;
}

.u-w-170 {
  width: 170px !important;
}

.u-w-175 {
  width: 175px !important;
}

.u-w-180 {
  width: 180px !important;
}

.u-w-185 {
  width: 185px !important;
}

.u-w-190 {
  width: 190px !important;
}

.u-w-195 {
  width: 195px !important;
}

.u-w-200 {
  width: 200px !important;
}

.u-w-205 {
  width: 205px !important;
}

.u-w-210 {
  width: 210px !important;
}

.u-w-215 {
  width: 215px !important;
}

.u-w-220 {
  width: 220px !important;
}

.u-w-225 {
  width: 225px !important;
}

.u-w-230 {
  width: 230px !important;
}

.u-w-235 {
  width: 235px !important;
}

.u-w-240 {
  width: 240px !important;
}

.u-w-245 {
  width: 245px !important;
}

.u-w-250 {
  width: 250px !important;
}

.u-w-255 {
  width: 255px !important;
}

.u-w-260 {
  width: 260px !important;
}

.u-w-265 {
  width: 265px !important;
}

.u-w-270 {
  width: 270px !important;
}

.u-w-275 {
  width: 275px !important;
}

.u-w-280 {
  width: 280px !important;
}

.u-w-285 {
  width: 285px !important;
}

.u-w-290 {
  width: 290px !important;
}

.u-w-295 {
  width: 295px !important;
}

.u-w-300 {
  width: 300px !important;
}

.u-w-305 {
  width: 305px !important;
}

.u-w-310 {
  width: 310px !important;
}

.u-w-315 {
  width: 315px !important;
}

.u-w-320 {
  width: 320px !important;
}

.u-w-325 {
  width: 325px !important;
}

.u-w-330 {
  width: 330px !important;
}

.u-w-335 {
  width: 335px !important;
}

.u-w-340 {
  width: 340px !important;
}

.u-w-345 {
  width: 345px !important;
}

.u-w-350 {
  width: 350px !important;
}

.u-w-355 {
  width: 355px !important;
}

.u-w-360 {
  width: 360px !important;
}

.u-w-365 {
  width: 365px !important;
}

.u-w-370 {
  width: 370px !important;
}

.u-w-375 {
  width: 375px !important;
}

.u-w-380 {
  width: 380px !important;
}

.u-w-385 {
  width: 385px !important;
}

.u-w-390 {
  width: 390px !important;
}

.u-w-395 {
  width: 395px !important;
}

.u-w-400 {
  width: 400px !important;
}

.u-w-405 {
  width: 405px !important;
}

.u-w-410 {
  width: 410px !important;
}

.u-w-415 {
  width: 415px !important;
}

.u-w-420 {
  width: 420px !important;
}

.u-w-425 {
  width: 425px !important;
}

.u-w-430 {
  width: 430px !important;
}

.u-w-435 {
  width: 435px !important;
}

.u-w-440 {
  width: 440px !important;
}

.u-w-445 {
  width: 445px !important;
}

.u-w-450 {
  width: 450px !important;
}

.u-w-455 {
  width: 455px !important;
}

.u-w-460 {
  width: 460px !important;
}

.u-w-465 {
  width: 465px !important;
}

.u-w-470 {
  width: 470px !important;
}

.u-w-475 {
  width: 475px !important;
}

.u-w-480 {
  width: 480px !important;
}

.u-w-485 {
  width: 485px !important;
}

.u-w-490 {
  width: 490px !important;
}

.u-w-495 {
  width: 495px !important;
}

.u-w-500 {
  width: 500px !important;
}

.u-w-505 {
  width: 505px !important;
}

.u-w-510 {
  width: 510px !important;
}

.u-w-515 {
  width: 515px !important;
}

.u-w-520 {
  width: 520px !important;
}

.u-w-525 {
  width: 525px !important;
}

.u-w-530 {
  width: 530px !important;
}

.u-w-535 {
  width: 535px !important;
}

.u-w-540 {
  width: 540px !important;
}

.u-w-545 {
  width: 545px !important;
}

.u-w-550 {
  width: 550px !important;
}

.u-w-555 {
  width: 555px !important;
}

.u-w-560 {
  width: 560px !important;
}

.u-w-565 {
  width: 565px !important;
}

.u-w-570 {
  width: 570px !important;
}

.u-w-575 {
  width: 575px !important;
}

.u-w-580 {
  width: 580px !important;
}

.u-w-585 {
  width: 585px !important;
}

.u-w-590 {
  width: 590px !important;
}

.u-w-595 {
  width: 595px !important;
}

.u-w-600 {
  width: 600px !important;
}

.u-w-605 {
  width: 605px !important;
}

.u-w-610 {
  width: 610px !important;
}

.u-w-615 {
  width: 615px !important;
}

.u-w-620 {
  width: 620px !important;
}

.u-w-625 {
  width: 625px !important;
}

.u-w-630 {
  width: 630px !important;
}

.u-w-635 {
  width: 635px !important;
}

.u-w-640 {
  width: 640px !important;
}

.u-w-645 {
  width: 645px !important;
}

.u-w-650 {
  width: 650px !important;
}

.u-w-655 {
  width: 655px !important;
}

.u-w-660 {
  width: 660px !important;
}

.u-w-665 {
  width: 665px !important;
}

.u-w-670 {
  width: 670px !important;
}

.u-w-675 {
  width: 675px !important;
}

.u-w-680 {
  width: 680px !important;
}

.u-w-685 {
  width: 685px !important;
}

.u-w-690 {
  width: 690px !important;
}

.u-w-695 {
  width: 695px !important;
}

.u-w-700 {
  width: 700px !important;
}

.u-w-705 {
  width: 705px !important;
}

.u-w-710 {
  width: 710px !important;
}

.u-w-715 {
  width: 715px !important;
}

.u-w-720 {
  width: 720px !important;
}

.u-w-725 {
  width: 725px !important;
}

.u-w-730 {
  width: 730px !important;
}

.u-w-735 {
  width: 735px !important;
}

.u-w-740 {
  width: 740px !important;
}

.u-w-745 {
  width: 745px !important;
}

.u-w-750 {
  width: 750px !important;
}

.u-w-755 {
  width: 755px !important;
}

.u-w-760 {
  width: 760px !important;
}

.u-w-765 {
  width: 765px !important;
}

.u-w-770 {
  width: 770px !important;
}

.u-w-775 {
  width: 775px !important;
}

.u-w-780 {
  width: 780px !important;
}

.u-w-785 {
  width: 785px !important;
}

.u-w-790 {
  width: 790px !important;
}

.u-w-795 {
  width: 795px !important;
}

.u-w-800 {
  width: 800px !important;
}

.u-w-805 {
  width: 805px !important;
}

.u-w-810 {
  width: 810px !important;
}

.u-w-815 {
  width: 815px !important;
}

.u-w-820 {
  width: 820px !important;
}

.u-w-825 {
  width: 825px !important;
}

.u-w-830 {
  width: 830px !important;
}

.u-w-835 {
  width: 835px !important;
}

.u-w-840 {
  width: 840px !important;
}

.u-w-845 {
  width: 845px !important;
}

.u-w-850 {
  width: 850px !important;
}

.u-w-855 {
  width: 855px !important;
}

.u-w-860 {
  width: 860px !important;
}

.u-w-865 {
  width: 865px !important;
}

.u-w-870 {
  width: 870px !important;
}

.u-w-875 {
  width: 875px !important;
}

.u-w-880 {
  width: 880px !important;
}

.u-w-885 {
  width: 885px !important;
}

.u-w-890 {
  width: 890px !important;
}

.u-w-895 {
  width: 895px !important;
}

.u-w-900 {
  width: 900px !important;
}

.u-w-905 {
  width: 905px !important;
}

.u-w-910 {
  width: 910px !important;
}

.u-w-915 {
  width: 915px !important;
}

.u-w-920 {
  width: 920px !important;
}

.u-w-925 {
  width: 925px !important;
}

.u-w-930 {
  width: 930px !important;
}

.u-w-935 {
  width: 935px !important;
}

.u-w-940 {
  width: 940px !important;
}

.u-w-945 {
  width: 945px !important;
}

.u-w-950 {
  width: 950px !important;
}

.u-w-955 {
  width: 955px !important;
}

.u-w-960 {
  width: 960px !important;
}

.u-w-965 {
  width: 965px !important;
}

.u-w-970 {
  width: 970px !important;
}

.u-w-975 {
  width: 975px !important;
}

.u-w-980 {
  width: 980px !important;
}

.u-w-985 {
  width: 985px !important;
}

.u-w-990 {
  width: 990px !important;
}

.u-w-995 {
  width: 995px !important;
}

.u-w-1000 {
  width: 1000px !important;
}

.u-w-1pct {
  width: 1% !important;
}

.u-w-2pct {
  width: 2% !important;
}

.u-w-3pct {
  width: 3% !important;
}

.u-w-4pct {
  width: 4% !important;
}

.u-w-5pct {
  width: 5% !important;
}

.u-w-6pct {
  width: 6% !important;
}

.u-w-7pct {
  width: 7% !important;
}

.u-w-8pct {
  width: 8% !important;
}

.u-w-9pct {
  width: 9% !important;
}

.u-w-10pct {
  width: 10% !important;
}

.u-w-11pct {
  width: 11% !important;
}

.u-w-12pct {
  width: 12% !important;
}

.u-w-13pct {
  width: 13% !important;
}

.u-w-14pct {
  width: 14% !important;
}

.u-w-15pct {
  width: 15% !important;
}

.u-w-16pct {
  width: 16% !important;
}

.u-w-17pct {
  width: 17% !important;
}

.u-w-18pct {
  width: 18% !important;
}

.u-w-19pct {
  width: 19% !important;
}

.u-w-20pct {
  width: 20% !important;
}

.u-w-21pct {
  width: 21% !important;
}

.u-w-22pct {
  width: 22% !important;
}

.u-w-23pct {
  width: 23% !important;
}

.u-w-24pct {
  width: 24% !important;
}

.u-w-25pct {
  width: 25% !important;
}

.u-w-26pct {
  width: 26% !important;
}

.u-w-27pct {
  width: 27% !important;
}

.u-w-28pct {
  width: 28% !important;
}

.u-w-29pct {
  width: 29% !important;
}

.u-w-30pct {
  width: 30% !important;
}

.u-w-31pct {
  width: 31% !important;
}

.u-w-32pct {
  width: 32% !important;
}

.u-w-33pct {
  width: 33% !important;
}

.u-w-34pct {
  width: 34% !important;
}

.u-w-35pct {
  width: 35% !important;
}

.u-w-36pct {
  width: 36% !important;
}

.u-w-37pct {
  width: 37% !important;
}

.u-w-38pct {
  width: 38% !important;
}

.u-w-39pct {
  width: 39% !important;
}

.u-w-40pct {
  width: 40% !important;
}

.u-w-41pct {
  width: 41% !important;
}

.u-w-42pct {
  width: 42% !important;
}

.u-w-43pct {
  width: 43% !important;
}

.u-w-44pct {
  width: 44% !important;
}

.u-w-45pct {
  width: 45% !important;
}

.u-w-46pct {
  width: 46% !important;
}

.u-w-47pct {
  width: 47% !important;
}

.u-w-48pct {
  width: 48% !important;
}

.u-w-49pct {
  width: 49% !important;
}

.u-w-50pct {
  width: 50% !important;
}

.u-w-51pct {
  width: 51% !important;
}

.u-w-52pct {
  width: 52% !important;
}

.u-w-53pct {
  width: 53% !important;
}

.u-w-54pct {
  width: 54% !important;
}

.u-w-55pct {
  width: 55% !important;
}

.u-w-56pct {
  width: 56% !important;
}

.u-w-57pct {
  width: 57% !important;
}

.u-w-58pct {
  width: 58% !important;
}

.u-w-59pct {
  width: 59% !important;
}

.u-w-60pct {
  width: 60% !important;
}

.u-w-61pct {
  width: 61% !important;
}

.u-w-62pct {
  width: 62% !important;
}

.u-w-63pct {
  width: 63% !important;
}

.u-w-64pct {
  width: 64% !important;
}

.u-w-65pct {
  width: 65% !important;
}

.u-w-66pct {
  width: 66% !important;
}

.u-w-67pct {
  width: 67% !important;
}

.u-w-68pct {
  width: 68% !important;
}

.u-w-69pct {
  width: 69% !important;
}

.u-w-70pct {
  width: 70% !important;
}

.u-w-71pct {
  width: 71% !important;
}

.u-w-72pct {
  width: 72% !important;
}

.u-w-73pct {
  width: 73% !important;
}

.u-w-74pct {
  width: 74% !important;
}

.u-w-75pct {
  width: 75% !important;
}

.u-w-76pct {
  width: 76% !important;
}

.u-w-77pct {
  width: 77% !important;
}

.u-w-78pct {
  width: 78% !important;
}

.u-w-79pct {
  width: 79% !important;
}

.u-w-80pct {
  width: 80% !important;
}

.u-w-81pct {
  width: 81% !important;
}

.u-w-82pct {
  width: 82% !important;
}

.u-w-83pct {
  width: 83% !important;
}

.u-w-84pct {
  width: 84% !important;
}

.u-w-85pct {
  width: 85% !important;
}

.u-w-86pct {
  width: 86% !important;
}

.u-w-87pct {
  width: 87% !important;
}

.u-w-88pct {
  width: 88% !important;
}

.u-w-89pct {
  width: 89% !important;
}

.u-w-90pct {
  width: 90% !important;
}

.u-w-91pct {
  width: 91% !important;
}

.u-w-92pct {
  width: 92% !important;
}

.u-w-93pct {
  width: 93% !important;
}

.u-w-94pct {
  width: 94% !important;
}

.u-w-95pct {
  width: 95% !important;
}

.u-w-96pct {
  width: 96% !important;
}

.u-w-97pct {
  width: 97% !important;
}

.u-w-98pct {
  width: 98% !important;
}

.u-w-99pct {
  width: 99% !important;
}

.u-w-100pct {
  width: 100% !important;
}

.u-w-1em {
  width: 1em !important;
}

.u-w-2em {
  width: 2em !important;
}

.u-w-3em {
  width: 3em !important;
}

.u-w-4em {
  width: 4em !important;
}

.u-w-5em {
  width: 5em !important;
}

.u-w-6em {
  width: 6em !important;
}

.u-w-7em {
  width: 7em !important;
}

.u-w-8em {
  width: 8em !important;
}

.u-w-9em {
  width: 9em !important;
}

.u-w-10em {
  width: 10em !important;
}

.u-w-11em {
  width: 11em !important;
}

.u-w-12em {
  width: 12em !important;
}

.u-w-13em {
  width: 13em !important;
}

.u-w-14em {
  width: 14em !important;
}

.u-w-15em {
  width: 15em !important;
}

.u-w-16em {
  width: 16em !important;
}

.u-w-17em {
  width: 17em !important;
}

.u-w-18em {
  width: 18em !important;
}

.u-w-19em {
  width: 19em !important;
}

.u-w-20em {
  width: 20em !important;
}

/* max-width
----------------------------------------------- */
.u-max-w-5 {
  max-width: 5px !important;
}

.u-max-w-10 {
  max-width: 10px !important;
}

.u-max-w-15 {
  max-width: 15px !important;
}

.u-max-w-20 {
  max-width: 20px !important;
}

.u-max-w-25 {
  max-width: 25px !important;
}

.u-max-w-30 {
  max-width: 30px !important;
}

.u-max-w-35 {
  max-width: 35px !important;
}

.u-max-w-40 {
  max-width: 40px !important;
}

.u-max-w-45 {
  max-width: 45px !important;
}

.u-max-w-50 {
  max-width: 50px !important;
}

.u-max-w-55 {
  max-width: 55px !important;
}

.u-max-w-60 {
  max-width: 60px !important;
}

.u-max-w-65 {
  max-width: 65px !important;
}

.u-max-w-70 {
  max-width: 70px !important;
}

.u-max-w-75 {
  max-width: 75px !important;
}

.u-max-w-80 {
  max-width: 80px !important;
}

.u-max-w-85 {
  max-width: 85px !important;
}

.u-max-w-90 {
  max-width: 90px !important;
}

.u-max-w-95 {
  max-width: 95px !important;
}

.u-max-w-100 {
  max-width: 100px !important;
}

.u-max-w-105 {
  max-width: 105px !important;
}

.u-max-w-110 {
  max-width: 110px !important;
}

.u-max-w-115 {
  max-width: 115px !important;
}

.u-max-w-120 {
  max-width: 120px !important;
}

.u-max-w-125 {
  max-width: 125px !important;
}

.u-max-w-130 {
  max-width: 130px !important;
}

.u-max-w-135 {
  max-width: 135px !important;
}

.u-max-w-140 {
  max-width: 140px !important;
}

.u-max-w-145 {
  max-width: 145px !important;
}

.u-max-w-150 {
  max-width: 150px !important;
}

.u-max-w-155 {
  max-width: 155px !important;
}

.u-max-w-160 {
  max-width: 160px !important;
}

.u-max-w-165 {
  max-width: 165px !important;
}

.u-max-w-170 {
  max-width: 170px !important;
}

.u-max-w-175 {
  max-width: 175px !important;
}

.u-max-w-180 {
  max-width: 180px !important;
}

.u-max-w-185 {
  max-width: 185px !important;
}

.u-max-w-190 {
  max-width: 190px !important;
}

.u-max-w-195 {
  max-width: 195px !important;
}

.u-max-w-200 {
  max-width: 200px !important;
}

.u-max-w-205 {
  max-width: 205px !important;
}

.u-max-w-210 {
  max-width: 210px !important;
}

.u-max-w-215 {
  max-width: 215px !important;
}

.u-max-w-220 {
  max-width: 220px !important;
}

.u-max-w-225 {
  max-width: 225px !important;
}

.u-max-w-230 {
  max-width: 230px !important;
}

.u-max-w-235 {
  max-width: 235px !important;
}

.u-max-w-240 {
  max-width: 240px !important;
}

.u-max-w-245 {
  max-width: 245px !important;
}

.u-max-w-250 {
  max-width: 250px !important;
}

.u-max-w-255 {
  max-width: 255px !important;
}

.u-max-w-260 {
  max-width: 260px !important;
}

.u-max-w-265 {
  max-width: 265px !important;
}

.u-max-w-270 {
  max-width: 270px !important;
}

.u-max-w-275 {
  max-width: 275px !important;
}

.u-max-w-280 {
  max-width: 280px !important;
}

.u-max-w-285 {
  max-width: 285px !important;
}

.u-max-w-290 {
  max-width: 290px !important;
}

.u-max-w-295 {
  max-width: 295px !important;
}

.u-max-w-300 {
  max-width: 300px !important;
}

.u-max-w-305 {
  max-width: 305px !important;
}

.u-max-w-310 {
  max-width: 310px !important;
}

.u-max-w-315 {
  max-width: 315px !important;
}

.u-max-w-320 {
  max-width: 320px !important;
}

.u-max-w-325 {
  max-width: 325px !important;
}

.u-max-w-330 {
  max-width: 330px !important;
}

.u-max-w-335 {
  max-width: 335px !important;
}

.u-max-w-340 {
  max-width: 340px !important;
}

.u-max-w-345 {
  max-width: 345px !important;
}

.u-max-w-350 {
  max-width: 350px !important;
}

.u-max-w-355 {
  max-width: 355px !important;
}

.u-max-w-360 {
  max-width: 360px !important;
}

.u-max-w-365 {
  max-width: 365px !important;
}

.u-max-w-370 {
  max-width: 370px !important;
}

.u-max-w-375 {
  max-width: 375px !important;
}

.u-max-w-380 {
  max-width: 380px !important;
}

.u-max-w-385 {
  max-width: 385px !important;
}

.u-max-w-390 {
  max-width: 390px !important;
}

.u-max-w-395 {
  max-width: 395px !important;
}

.u-max-w-400 {
  max-width: 400px !important;
}

.u-max-w-405 {
  max-width: 405px !important;
}

.u-max-w-410 {
  max-width: 410px !important;
}

.u-max-w-415 {
  max-width: 415px !important;
}

.u-max-w-420 {
  max-width: 420px !important;
}

.u-max-w-425 {
  max-width: 425px !important;
}

.u-max-w-430 {
  max-width: 430px !important;
}

.u-max-w-435 {
  max-width: 435px !important;
}

.u-max-w-440 {
  max-width: 440px !important;
}

.u-max-w-445 {
  max-width: 445px !important;
}

.u-max-w-450 {
  max-width: 450px !important;
}

.u-max-w-455 {
  max-width: 455px !important;
}

.u-max-w-460 {
  max-width: 460px !important;
}

.u-max-w-465 {
  max-width: 465px !important;
}

.u-max-w-470 {
  max-width: 470px !important;
}

.u-max-w-475 {
  max-width: 475px !important;
}

.u-max-w-480 {
  max-width: 480px !important;
}

.u-max-w-485 {
  max-width: 485px !important;
}

.u-max-w-490 {
  max-width: 490px !important;
}

.u-max-w-495 {
  max-width: 495px !important;
}

.u-max-w-500 {
  max-width: 500px !important;
}

.u-max-w-505 {
  max-width: 505px !important;
}

.u-max-w-510 {
  max-width: 510px !important;
}

.u-max-w-515 {
  max-width: 515px !important;
}

.u-max-w-520 {
  max-width: 520px !important;
}

.u-max-w-525 {
  max-width: 525px !important;
}

.u-max-w-530 {
  max-width: 530px !important;
}

.u-max-w-535 {
  max-width: 535px !important;
}

.u-max-w-540 {
  max-width: 540px !important;
}

.u-max-w-545 {
  max-width: 545px !important;
}

.u-max-w-550 {
  max-width: 550px !important;
}

.u-max-w-555 {
  max-width: 555px !important;
}

.u-max-w-560 {
  max-width: 560px !important;
}

.u-max-w-565 {
  max-width: 565px !important;
}

.u-max-w-570 {
  max-width: 570px !important;
}

.u-max-w-575 {
  max-width: 575px !important;
}

.u-max-w-580 {
  max-width: 580px !important;
}

.u-max-w-585 {
  max-width: 585px !important;
}

.u-max-w-590 {
  max-width: 590px !important;
}

.u-max-w-595 {
  max-width: 595px !important;
}

.u-max-w-600 {
  max-width: 600px !important;
}

.u-max-w-605 {
  max-width: 605px !important;
}

.u-max-w-610 {
  max-width: 610px !important;
}

.u-max-w-615 {
  max-width: 615px !important;
}

.u-max-w-620 {
  max-width: 620px !important;
}

.u-max-w-625 {
  max-width: 625px !important;
}

.u-max-w-630 {
  max-width: 630px !important;
}

.u-max-w-635 {
  max-width: 635px !important;
}

.u-max-w-640 {
  max-width: 640px !important;
}

.u-max-w-645 {
  max-width: 645px !important;
}

.u-max-w-650 {
  max-width: 650px !important;
}

.u-max-w-655 {
  max-width: 655px !important;
}

.u-max-w-660 {
  max-width: 660px !important;
}

.u-max-w-665 {
  max-width: 665px !important;
}

.u-max-w-670 {
  max-width: 670px !important;
}

.u-max-w-675 {
  max-width: 675px !important;
}

.u-max-w-680 {
  max-width: 680px !important;
}

.u-max-w-685 {
  max-width: 685px !important;
}

.u-max-w-690 {
  max-width: 690px !important;
}

.u-max-w-695 {
  max-width: 695px !important;
}

.u-max-w-700 {
  max-width: 700px !important;
}

.u-max-w-705 {
  max-width: 705px !important;
}

.u-max-w-710 {
  max-width: 710px !important;
}

.u-max-w-715 {
  max-width: 715px !important;
}

.u-max-w-720 {
  max-width: 720px !important;
}

.u-max-w-725 {
  max-width: 725px !important;
}

.u-max-w-730 {
  max-width: 730px !important;
}

.u-max-w-735 {
  max-width: 735px !important;
}

.u-max-w-740 {
  max-width: 740px !important;
}

.u-max-w-745 {
  max-width: 745px !important;
}

.u-max-w-750 {
  max-width: 750px !important;
}

.u-max-w-755 {
  max-width: 755px !important;
}

.u-max-w-760 {
  max-width: 760px !important;
}

.u-max-w-765 {
  max-width: 765px !important;
}

.u-max-w-770 {
  max-width: 770px !important;
}

.u-max-w-775 {
  max-width: 775px !important;
}

.u-max-w-780 {
  max-width: 780px !important;
}

.u-max-w-785 {
  max-width: 785px !important;
}

.u-max-w-790 {
  max-width: 790px !important;
}

.u-max-w-795 {
  max-width: 795px !important;
}

.u-max-w-800 {
  max-width: 800px !important;
}

.u-max-w-805 {
  max-width: 805px !important;
}

.u-max-w-810 {
  max-width: 810px !important;
}

.u-max-w-815 {
  max-width: 815px !important;
}

.u-max-w-820 {
  max-width: 820px !important;
}

.u-max-w-825 {
  max-width: 825px !important;
}

.u-max-w-830 {
  max-width: 830px !important;
}

.u-max-w-835 {
  max-width: 835px !important;
}

.u-max-w-840 {
  max-width: 840px !important;
}

.u-max-w-845 {
  max-width: 845px !important;
}

.u-max-w-850 {
  max-width: 850px !important;
}

.u-max-w-855 {
  max-width: 855px !important;
}

.u-max-w-860 {
  max-width: 860px !important;
}

.u-max-w-865 {
  max-width: 865px !important;
}

.u-max-w-870 {
  max-width: 870px !important;
}

.u-max-w-875 {
  max-width: 875px !important;
}

.u-max-w-880 {
  max-width: 880px !important;
}

.u-max-w-885 {
  max-width: 885px !important;
}

.u-max-w-890 {
  max-width: 890px !important;
}

.u-max-w-895 {
  max-width: 895px !important;
}

.u-max-w-900 {
  max-width: 900px !important;
}

.u-max-w-905 {
  max-width: 905px !important;
}

.u-max-w-910 {
  max-width: 910px !important;
}

.u-max-w-915 {
  max-width: 915px !important;
}

.u-max-w-920 {
  max-width: 920px !important;
}

.u-max-w-925 {
  max-width: 925px !important;
}

.u-max-w-930 {
  max-width: 930px !important;
}

.u-max-w-935 {
  max-width: 935px !important;
}

.u-max-w-940 {
  max-width: 940px !important;
}

.u-max-w-945 {
  max-width: 945px !important;
}

.u-max-w-950 {
  max-width: 950px !important;
}

.u-max-w-955 {
  max-width: 955px !important;
}

.u-max-w-960 {
  max-width: 960px !important;
}

.u-max-w-965 {
  max-width: 965px !important;
}

.u-max-w-970 {
  max-width: 970px !important;
}

.u-max-w-975 {
  max-width: 975px !important;
}

.u-max-w-980 {
  max-width: 980px !important;
}

.u-max-w-985 {
  max-width: 985px !important;
}

.u-max-w-990 {
  max-width: 990px !important;
}

.u-max-w-995 {
  max-width: 995px !important;
}

.u-max-w-1000 {
  max-width: 1000px !important;
}

/* max-height
----------------------------------------------- */
.u-max-h-5 {
  max-height: 5px !important;
}

.u-max-h-10 {
  max-height: 10px !important;
}

.u-max-h-15 {
  max-height: 15px !important;
}

.u-max-h-20 {
  max-height: 20px !important;
}

.u-max-h-25 {
  max-height: 25px !important;
}

.u-max-h-30 {
  max-height: 30px !important;
}

.u-max-h-35 {
  max-height: 35px !important;
}

.u-max-h-40 {
  max-height: 40px !important;
}

.u-max-h-45 {
  max-height: 45px !important;
}

.u-max-h-50 {
  max-height: 50px !important;
}

.u-max-h-55 {
  max-height: 55px !important;
}

.u-max-h-60 {
  max-height: 60px !important;
}

.u-max-h-65 {
  max-height: 65px !important;
}

.u-max-h-70 {
  max-height: 70px !important;
}

.u-max-h-75 {
  max-height: 75px !important;
}

.u-max-h-80 {
  max-height: 80px !important;
}

.u-max-h-85 {
  max-height: 85px !important;
}

.u-max-h-90 {
  max-height: 90px !important;
}

.u-max-h-95 {
  max-height: 95px !important;
}

.u-max-h-100 {
  max-height: 100px !important;
}

.u-max-h-105 {
  max-height: 105px !important;
}

.u-max-h-110 {
  max-height: 110px !important;
}

.u-max-h-115 {
  max-height: 115px !important;
}

.u-max-h-120 {
  max-height: 120px !important;
}

.u-max-h-125 {
  max-height: 125px !important;
}

.u-max-h-130 {
  max-height: 130px !important;
}

.u-max-h-135 {
  max-height: 135px !important;
}

.u-max-h-140 {
  max-height: 140px !important;
}

.u-max-h-145 {
  max-height: 145px !important;
}

.u-max-h-150 {
  max-height: 150px !important;
}

.u-max-h-155 {
  max-height: 155px !important;
}

.u-max-h-160 {
  max-height: 160px !important;
}

.u-max-h-165 {
  max-height: 165px !important;
}

.u-max-h-170 {
  max-height: 170px !important;
}

.u-max-h-175 {
  max-height: 175px !important;
}

.u-max-h-180 {
  max-height: 180px !important;
}

.u-max-h-185 {
  max-height: 185px !important;
}

.u-max-h-190 {
  max-height: 190px !important;
}

.u-max-h-195 {
  max-height: 195px !important;
}

.u-max-h-200 {
  max-height: 200px !important;
}

.u-max-h-205 {
  max-height: 205px !important;
}

.u-max-h-210 {
  max-height: 210px !important;
}

.u-max-h-215 {
  max-height: 215px !important;
}

.u-max-h-220 {
  max-height: 220px !important;
}

.u-max-h-225 {
  max-height: 225px !important;
}

.u-max-h-230 {
  max-height: 230px !important;
}

.u-max-h-235 {
  max-height: 235px !important;
}

.u-max-h-240 {
  max-height: 240px !important;
}

.u-max-h-245 {
  max-height: 245px !important;
}

.u-max-h-250 {
  max-height: 250px !important;
}

.u-max-h-255 {
  max-height: 255px !important;
}

.u-max-h-260 {
  max-height: 260px !important;
}

.u-max-h-265 {
  max-height: 265px !important;
}

.u-max-h-270 {
  max-height: 270px !important;
}

.u-max-h-275 {
  max-height: 275px !important;
}

.u-max-h-280 {
  max-height: 280px !important;
}

.u-max-h-285 {
  max-height: 285px !important;
}

.u-max-h-290 {
  max-height: 290px !important;
}

.u-max-h-295 {
  max-height: 295px !important;
}

.u-max-h-300 {
  max-height: 300px !important;
}

.u-max-h-305 {
  max-height: 305px !important;
}

.u-max-h-310 {
  max-height: 310px !important;
}

.u-max-h-315 {
  max-height: 315px !important;
}

.u-max-h-320 {
  max-height: 320px !important;
}

.u-max-h-325 {
  max-height: 325px !important;
}

.u-max-h-330 {
  max-height: 330px !important;
}

.u-max-h-335 {
  max-height: 335px !important;
}

.u-max-h-340 {
  max-height: 340px !important;
}

.u-max-h-345 {
  max-height: 345px !important;
}

.u-max-h-350 {
  max-height: 350px !important;
}

.u-max-h-355 {
  max-height: 355px !important;
}

.u-max-h-360 {
  max-height: 360px !important;
}

.u-max-h-365 {
  max-height: 365px !important;
}

.u-max-h-370 {
  max-height: 370px !important;
}

.u-max-h-375 {
  max-height: 375px !important;
}

.u-max-h-380 {
  max-height: 380px !important;
}

.u-max-h-385 {
  max-height: 385px !important;
}

.u-max-h-390 {
  max-height: 390px !important;
}

.u-max-h-395 {
  max-height: 395px !important;
}

.u-max-h-400 {
  max-height: 400px !important;
}

.u-max-h-405 {
  max-height: 405px !important;
}

.u-max-h-410 {
  max-height: 410px !important;
}

.u-max-h-415 {
  max-height: 415px !important;
}

.u-max-h-420 {
  max-height: 420px !important;
}

.u-max-h-425 {
  max-height: 425px !important;
}

.u-max-h-430 {
  max-height: 430px !important;
}

.u-max-h-435 {
  max-height: 435px !important;
}

.u-max-h-440 {
  max-height: 440px !important;
}

.u-max-h-445 {
  max-height: 445px !important;
}

.u-max-h-450 {
  max-height: 450px !important;
}

.u-max-h-455 {
  max-height: 455px !important;
}

.u-max-h-460 {
  max-height: 460px !important;
}

.u-max-h-465 {
  max-height: 465px !important;
}

.u-max-h-470 {
  max-height: 470px !important;
}

.u-max-h-475 {
  max-height: 475px !important;
}

.u-max-h-480 {
  max-height: 480px !important;
}

.u-max-h-485 {
  max-height: 485px !important;
}

.u-max-h-490 {
  max-height: 490px !important;
}

.u-max-h-495 {
  max-height: 495px !important;
}

.u-max-h-500 {
  max-height: 500px !important;
}

.u-max-h-505 {
  max-height: 505px !important;
}

.u-max-h-510 {
  max-height: 510px !important;
}

.u-max-h-515 {
  max-height: 515px !important;
}

.u-max-h-520 {
  max-height: 520px !important;
}

.u-max-h-525 {
  max-height: 525px !important;
}

.u-max-h-530 {
  max-height: 530px !important;
}

.u-max-h-535 {
  max-height: 535px !important;
}

.u-max-h-540 {
  max-height: 540px !important;
}

.u-max-h-545 {
  max-height: 545px !important;
}

.u-max-h-550 {
  max-height: 550px !important;
}

.u-max-h-555 {
  max-height: 555px !important;
}

.u-max-h-560 {
  max-height: 560px !important;
}

.u-max-h-565 {
  max-height: 565px !important;
}

.u-max-h-570 {
  max-height: 570px !important;
}

.u-max-h-575 {
  max-height: 575px !important;
}

.u-max-h-580 {
  max-height: 580px !important;
}

.u-max-h-585 {
  max-height: 585px !important;
}

.u-max-h-590 {
  max-height: 590px !important;
}

.u-max-h-595 {
  max-height: 595px !important;
}

.u-max-h-600 {
  max-height: 600px !important;
}

.u-max-h-605 {
  max-height: 605px !important;
}

.u-max-h-610 {
  max-height: 610px !important;
}

.u-max-h-615 {
  max-height: 615px !important;
}

.u-max-h-620 {
  max-height: 620px !important;
}

.u-max-h-625 {
  max-height: 625px !important;
}

.u-max-h-630 {
  max-height: 630px !important;
}

.u-max-h-635 {
  max-height: 635px !important;
}

.u-max-h-640 {
  max-height: 640px !important;
}

.u-max-h-645 {
  max-height: 645px !important;
}

.u-max-h-650 {
  max-height: 650px !important;
}

.u-max-h-655 {
  max-height: 655px !important;
}

.u-max-h-660 {
  max-height: 660px !important;
}

.u-max-h-665 {
  max-height: 665px !important;
}

.u-max-h-670 {
  max-height: 670px !important;
}

.u-max-h-675 {
  max-height: 675px !important;
}

.u-max-h-680 {
  max-height: 680px !important;
}

.u-max-h-685 {
  max-height: 685px !important;
}

.u-max-h-690 {
  max-height: 690px !important;
}

.u-max-h-695 {
  max-height: 695px !important;
}

.u-max-h-700 {
  max-height: 700px !important;
}

.u-max-h-705 {
  max-height: 705px !important;
}

.u-max-h-710 {
  max-height: 710px !important;
}

.u-max-h-715 {
  max-height: 715px !important;
}

.u-max-h-720 {
  max-height: 720px !important;
}

.u-max-h-725 {
  max-height: 725px !important;
}

.u-max-h-730 {
  max-height: 730px !important;
}

.u-max-h-735 {
  max-height: 735px !important;
}

.u-max-h-740 {
  max-height: 740px !important;
}

.u-max-h-745 {
  max-height: 745px !important;
}

.u-max-h-750 {
  max-height: 750px !important;
}

.u-max-h-755 {
  max-height: 755px !important;
}

.u-max-h-760 {
  max-height: 760px !important;
}

.u-max-h-765 {
  max-height: 765px !important;
}

.u-max-h-770 {
  max-height: 770px !important;
}

.u-max-h-775 {
  max-height: 775px !important;
}

.u-max-h-780 {
  max-height: 780px !important;
}

.u-max-h-785 {
  max-height: 785px !important;
}

.u-max-h-790 {
  max-height: 790px !important;
}

.u-max-h-795 {
  max-height: 795px !important;
}

.u-max-h-800 {
  max-height: 800px !important;
}

.u-max-h-805 {
  max-height: 805px !important;
}

.u-max-h-810 {
  max-height: 810px !important;
}

.u-max-h-815 {
  max-height: 815px !important;
}

.u-max-h-820 {
  max-height: 820px !important;
}

.u-max-h-825 {
  max-height: 825px !important;
}

.u-max-h-830 {
  max-height: 830px !important;
}

.u-max-h-835 {
  max-height: 835px !important;
}

.u-max-h-840 {
  max-height: 840px !important;
}

.u-max-h-845 {
  max-height: 845px !important;
}

.u-max-h-850 {
  max-height: 850px !important;
}

.u-max-h-855 {
  max-height: 855px !important;
}

.u-max-h-860 {
  max-height: 860px !important;
}

.u-max-h-865 {
  max-height: 865px !important;
}

.u-max-h-870 {
  max-height: 870px !important;
}

.u-max-h-875 {
  max-height: 875px !important;
}

.u-max-h-880 {
  max-height: 880px !important;
}

.u-max-h-885 {
  max-height: 885px !important;
}

.u-max-h-890 {
  max-height: 890px !important;
}

.u-max-h-895 {
  max-height: 895px !important;
}

.u-max-h-900 {
  max-height: 900px !important;
}

.u-max-h-905 {
  max-height: 905px !important;
}

.u-max-h-910 {
  max-height: 910px !important;
}

.u-max-h-915 {
  max-height: 915px !important;
}

.u-max-h-920 {
  max-height: 920px !important;
}

.u-max-h-925 {
  max-height: 925px !important;
}

.u-max-h-930 {
  max-height: 930px !important;
}

.u-max-h-935 {
  max-height: 935px !important;
}

.u-max-h-940 {
  max-height: 940px !important;
}

.u-max-h-945 {
  max-height: 945px !important;
}

.u-max-h-950 {
  max-height: 950px !important;
}

.u-max-h-955 {
  max-height: 955px !important;
}

.u-max-h-960 {
  max-height: 960px !important;
}

.u-max-h-965 {
  max-height: 965px !important;
}

.u-max-h-970 {
  max-height: 970px !important;
}

.u-max-h-975 {
  max-height: 975px !important;
}

.u-max-h-980 {
  max-height: 980px !important;
}

.u-max-h-985 {
  max-height: 985px !important;
}

.u-max-h-990 {
  max-height: 990px !important;
}

.u-max-h-995 {
  max-height: 995px !important;
}

.u-max-h-1000 {
  max-height: 1000px !important;
}

@media screen and (min-width: 0) {
  .l-grid[data-dir~='xxs:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='xxs:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='xxs:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='xxs:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='xxs:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='xxs:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='xxs:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='xxs:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='xxs:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='xxs:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='xxs:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='xxs:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='xxs:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='xxs:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='xxs:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xxs:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='xxs:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='xxs:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='xxs:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='xxs:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='xxs:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='xxs:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='xxs:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xxs:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='xxs:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxs:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xxs:xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='xxs:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxs:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxs:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='xxs:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='xxs:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='xxs:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='xxs:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='xxs:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='xxs:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='xxs:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='xxs:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='xxs:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='xxs:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='xxs:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxs:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='xxs:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='xxs:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='xxs:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='xxs:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='xxs:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='xxs:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='xxs:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='xxs-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxs-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxs-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='xxs:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxs:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxs:right'] {
    text-align: right;
  }
  .u-d[data-display~='xxs-none'] {
    display: none;
  }
  .u-d[data-display~='xxs-inline'] {
    display: inline;
  }
  .u-d[data-display~='xxs-block'] {
    display: block;
  }
  .u-d[data-display~='xxs-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='xxs:none'] {
    display: none;
  }
  .u-d[data-display~='xxs:inline'] {
    display: inline;
  }
  .u-d[data-display~='xxs:block'] {
    display: block;
  }
  .u-d[data-display~='xxs:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='xxs10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxs11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxs12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxs13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxs14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxs15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxs16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxs17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxs18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxs19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxs20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxs21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxs22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxs23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxs24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxs25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxs26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxs27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxs28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxs29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxs30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxs:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxs:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxs:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxs:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxs:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxs:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxs:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxs:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxs:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxs:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxs:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxs:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxs:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxs:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxs:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxs:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxs:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxs:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxs:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxs:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxs:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxs:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='xxs:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='xxs:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='xxs:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='xxs:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='xxs:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='xxs:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='xxs:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='xxs:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='xxs:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='xxs:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='xxs:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='xxs:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='xxs:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='xxs:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='xxs:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='xxs:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='xxs:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='xxs:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='xxs:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='xxs:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='xxs:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='xxs:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='xxs:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='xxs:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='xxs:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='xxs:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='xxs:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='xxs:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='xxs:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='xxs:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='xxs:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='xxs:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='xxs:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='xxs:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='xxs:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='xxs:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='xxs:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='xxs:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='xxs:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='xxs:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='xxs:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='xxs:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='xxs:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='xxs:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='xxs:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='xxs:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='xxs:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='xxs:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='xxs:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='xxs:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='xxs:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='xxs:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='xxs:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='xxs:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='xxs:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='xxs:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='xxs:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='xxs:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='xxs:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='xxs:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='xxs:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='xxs:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='xxs:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='xxs:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='xxs:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='xxs:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='xxs:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='xxs:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='xxs:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='xxs:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='xxs:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxs:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='xxs:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxs:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='xxs:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='xxs:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='xxs:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxs:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='xxs:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='xxs:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='xxs:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxs:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='xxs:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='xxs:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='xxs:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxs:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='xxs:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='xxs:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='xxs:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxs:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxs:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxs:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxs:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxs:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxs:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxs:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='xxs:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='xxs:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media screen and (min-width: 375px) {
  .l-grid[data-dir~='xs:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='xs:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='xs:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='xs:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='xs:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='xs:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='xs:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='xs:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='xs:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='xs:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='xs:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='xs:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='xs:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='xs:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xs:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='xs:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='xs:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='xs:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='xs:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='xs:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='xs:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='xs:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='xs:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xs:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='xs:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xs:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='xs:xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='xs:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xs:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xs:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='xs:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='xs:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='xs:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='xs:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='xs:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='xs:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='xs:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='xs:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='xs:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='xs:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='xs:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xs:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='xs:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='xs:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='xs:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='xs:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='xs:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='xs:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='xs:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='xs-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xs-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xs-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='xs:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xs:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xs:right'] {
    text-align: right;
  }
  .u-d[data-display~='xs-none'] {
    display: none;
  }
  .u-d[data-display~='xs-inline'] {
    display: inline;
  }
  .u-d[data-display~='xs-block'] {
    display: block;
  }
  .u-d[data-display~='xs-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='xs:none'] {
    display: none;
  }
  .u-d[data-display~='xs:inline'] {
    display: inline;
  }
  .u-d[data-display~='xs:block'] {
    display: block;
  }
  .u-d[data-display~='xs:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='xs10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xs11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xs12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xs13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xs14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xs15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xs16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xs17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xs18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xs19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xs20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xs21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xs22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xs23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xs24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xs25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xs26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xs27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xs28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xs29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xs30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xs:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xs:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xs:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xs:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xs:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xs:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xs:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xs:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xs:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xs:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xs:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xs:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xs:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xs:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xs:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xs:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xs:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xs:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xs:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xs:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xs:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xs:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='xs:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='xs:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='xs:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='xs:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='xs:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='xs:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='xs:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='xs:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='xs:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='xs:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='xs:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='xs:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='xs:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='xs:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='xs:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='xs:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='xs:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='xs:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='xs:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='xs:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='xs:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='xs:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='xs:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='xs:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='xs:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='xs:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='xs:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='xs:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='xs:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='xs:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='xs:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='xs:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='xs:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='xs:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='xs:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='xs:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='xs:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='xs:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='xs:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='xs:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='xs:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='xs:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='xs:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='xs:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='xs:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='xs:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='xs:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='xs:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='xs:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='xs:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='xs:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='xs:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='xs:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='xs:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='xs:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='xs:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='xs:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='xs:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='xs:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='xs:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='xs:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='xs:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='xs:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='xs:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='xs:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='xs:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='xs:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='xs:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='xs:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='xs:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='xs:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xs:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='xs:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xs:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='xs:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='xs:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='xs:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xs:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='xs:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='xs:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='xs:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xs:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='xs:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='xs:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='xs:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xs:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='xs:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='xs:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='xs:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xs:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xs:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xs:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xs:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xs:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xs:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xs:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='xs:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='xs:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media print, screen and (min-width: 480px) {
  .p-drawer-menu > li {
    width: 50%;
  }
  .p-menu-footer__item {
    width: 50%;
  }
  .p-cta__item {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .p-home-supports-section__title {
    line-height: 1;
  }
  .p-home-supports-section__title span.ruby {
    display: inline-block;
    vertical-align: 0.35em;
  }
  .u-mt-xxxs {
    margin-top: calc(1rem * 0.6);
  }
  .u-mt-xxs {
    margin-top: calc(2rem * 0.6);
  }
  .u-mt-xs {
    margin-top: calc(4rem * 0.6);
  }
  .u-mt-sm {
    margin-top: calc(6rem * 0.6);
  }
  .u-mt-md {
    margin-top: calc(8rem * 0.6);
  }
  .u-mt-lg {
    margin-top: calc(10rem * 0.6);
  }
  .u-mt-xl {
    margin-top: calc(12rem * 0.6);
  }
  .u-mt-xxl {
    margin-top: calc(16rem * 0.6);
  }
  .u-mt-xxxl {
    margin-top: calc(20rem * 0.6);
  }
  .u-mb-xxxs {
    margin-bottom: calc(1rem * 0.6);
  }
  .u-mb-xxs {
    margin-bottom: calc(2rem * 0.6);
  }
  .u-mb-xs {
    margin-bottom: calc(4rem * 0.6);
  }
  .u-mb-sm {
    margin-bottom: calc(6rem * 0.6);
  }
  .u-mb-md {
    margin-bottom: calc(8rem * 0.6);
  }
  .u-mb-lg {
    margin-bottom: calc(10rem * 0.6);
  }
  .u-mb-xl {
    margin-bottom: calc(12rem * 0.6);
  }
  .u-mb-xxl {
    margin-bottom: calc(16rem * 0.6);
  }
  .u-mb-xxxl {
    margin-bottom: calc(20rem * 0.6);
  }
}

@media screen and (min-width: 480px) {
  .l-grid[data-dir~='sm:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='sm:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='sm:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='sm:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='sm:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='sm:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='sm:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='sm:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='sm:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='sm:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='sm:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='sm:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='sm:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='sm:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='sm:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='sm:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='sm:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='sm:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='sm:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='sm:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='sm:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='sm:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='sm:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='sm:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='sm:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='sm:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='sm:xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='sm:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='sm:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='sm:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='sm:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='sm:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='sm:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='sm:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='sm:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='sm:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='sm:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='sm:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='sm:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='sm:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='sm:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='sm:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='sm:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='sm:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='sm:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='sm:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='sm:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='sm:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='sm:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='sm-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='sm-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='sm-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='sm:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='sm:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='sm:right'] {
    text-align: right;
  }
  .u-d[data-display~='sm-none'] {
    display: none;
  }
  .u-d[data-display~='sm-inline'] {
    display: inline;
  }
  .u-d[data-display~='sm-block'] {
    display: block;
  }
  .u-d[data-display~='sm-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='sm:none'] {
    display: none;
  }
  .u-d[data-display~='sm:inline'] {
    display: inline;
  }
  .u-d[data-display~='sm:block'] {
    display: block;
  }
  .u-d[data-display~='sm:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='sm10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='sm11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='sm12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='sm13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='sm14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='sm15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='sm16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='sm17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='sm18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='sm19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='sm20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='sm21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='sm22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='sm23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='sm24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='sm25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='sm26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='sm27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='sm28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='sm29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='sm30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='sm:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='sm:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='sm:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='sm:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='sm:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='sm:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='sm:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='sm:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='sm:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='sm:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='sm:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='sm:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='sm:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='sm:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='sm:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='sm:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='sm:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='sm:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='sm:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='sm:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='sm:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='sm:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='sm:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='sm:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='sm:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='sm:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='sm:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='sm:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='sm:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='sm:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='sm:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='sm:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='sm:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='sm:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='sm:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='sm:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='sm:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='sm:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='sm:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='sm:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='sm:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='sm:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='sm:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='sm:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='sm:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='sm:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='sm:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='sm:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='sm:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='sm:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='sm:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='sm:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='sm:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='sm:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='sm:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='sm:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='sm:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='sm:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='sm:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='sm:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='sm:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='sm:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='sm:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='sm:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='sm:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='sm:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='sm:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='sm:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='sm:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='sm:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='sm:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='sm:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='sm:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='sm:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='sm:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='sm:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='sm:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='sm:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='sm:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='sm:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='sm:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='sm:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='sm:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='sm:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='sm:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='sm:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='sm:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='sm:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='sm:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='sm:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='sm:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='sm:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='sm:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='sm:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='sm:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='sm:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='sm:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='sm:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='sm:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='sm:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='sm:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='sm:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='sm:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='sm:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='sm:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='sm:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='sm:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='sm:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='sm:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='sm:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='sm:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='sm:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='sm:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='sm:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='sm:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='sm:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='sm:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='sm:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='sm:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='sm:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media screen and (min-width: 744px) {
  .l-grid[data-dir~='md:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='md:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='md:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='md:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='md:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='md:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='md:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='md:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='md:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='md:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='md:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:none'] {
    margin: calc(0 * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:none'] > .l-grid__item {
    border-width: calc(0 * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='md:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='md:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:xxs'] {
    margin: calc(0.25vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='md:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='md:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:xs'] {
    margin: calc(0.5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='md:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='md:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:sm'] {
    margin: calc(1vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:sm'] > .l-grid__item {
    border-width: calc(1vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='md:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='md:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:md'] {
    margin: calc(2vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:md'] > .l-grid__item {
    border-width: calc(2vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='md:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:lg'] {
    margin: calc(3vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:lg'] > .l-grid__item {
    border-width: calc(3vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='md:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='md:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:xl'] {
    margin: calc(4vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:xl'] > .l-grid__item {
    border-width: calc(4vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='md:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='md:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:xxl'] {
    margin: calc(5vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:xxl'] > .l-grid__item {
    border-width: calc(5vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='md:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='md:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-gutter~='md:xxxl'] {
    margin: calc(6vw * 2.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 2.5 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='md:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='md:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='md:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='md:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='md:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='md:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='md:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='md:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='md:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='md:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='md:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='md:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='md:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='md:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='md:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='md:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='md:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='md:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='md:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='md:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='md:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='md:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='md-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='md-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='md-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='md:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='md:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='md:right'] {
    text-align: right;
  }
  .u-d[data-display~='md-none'] {
    display: none;
  }
  .u-d[data-display~='md-inline'] {
    display: inline;
  }
  .u-d[data-display~='md-block'] {
    display: block;
  }
  .u-d[data-display~='md-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='md:none'] {
    display: none;
  }
  .u-d[data-display~='md:inline'] {
    display: inline;
  }
  .u-d[data-display~='md:block'] {
    display: block;
  }
  .u-d[data-display~='md:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='md10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='md11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='md12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='md13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='md14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='md15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='md16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='md17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='md18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='md19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='md20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='md21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='md22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='md23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='md24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='md25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='md26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='md27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='md28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='md29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='md30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='md:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='md:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='md:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='md:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='md:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='md:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='md:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='md:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='md:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='md:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='md:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='md:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='md:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='md:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='md:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='md:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='md:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='md:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='md:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='md:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='md:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='md:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='md:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='md:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='md:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='md:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='md:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='md:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='md:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='md:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='md:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='md:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='md:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='md:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='md:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='md:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='md:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='md:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='md:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='md:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='md:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='md:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='md:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='md:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='md:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='md:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='md:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='md:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='md:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='md:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='md:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='md:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='md:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='md:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='md:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='md:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='md:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='md:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='md:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='md:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='md:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='md:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='md:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='md:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='md:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='md:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='md:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='md:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='md:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='md:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='md:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='md:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='md:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='md:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='md:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='md:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='md:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='md:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='md:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='md:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='md:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='md:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='md:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='md:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='md:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='md:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='md:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='md:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='md:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='md:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='md:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='md:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='md:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='md:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='md:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='md:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='md:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='md:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='md:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='md:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='md:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='md:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='md:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='md:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='md:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='md:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='md:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='md:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='md:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='md:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='md:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='md:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='md:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='md:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='md:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='md:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='md:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='md:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='md:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='md:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media print, screen and (min-width: 744px) {
  body,
  input,
  select,
  button,
  textarea {
    font-size: 1.6rem;
  }
  .l-spacer {
    padding: 7rem 0;
  }
  .l-spacer.-xs {
    padding: 4rem 0;
  }
  .l-spacer.-sm {
    padding: 6rem 0;
  }
  .l-spacer.-lg {
    padding: 8rem 0;
  }
  .l-spacer.-xl {
    padding: 10rem 0;
  }
  .l-spacer.-xxl {
    padding: 12rem 0;
  }
  .l-spacer.-dot {
    background-image: radial-gradient(#f0f0f0 14%, transparent 14%);
    background-size: 22px 22px;
  }
  .p-spacer {
    padding: 8rem 0;
  }
  .p-title.-primary {
    font-size: 2.6rem;
  }
  .p-title.-label {
    font-size: 2rem;
  }
  .p-title.-section span.label {
    width: 240px;
    font-size: 2rem;
  }
  .p-title.-section span.text {
    justify-content: center;
  }
  .p-title.-section span.en {
    margin: 0 2rem;
    font-size: 2.6rem;
  }
  .p-title.-section span.jp {
    font-size: 1.6rem;
  }
  .p-header {
    padding: 2rem 5%;
  }
  .p-header__inner {
    flex-direction: row;
    justify-content: space-between;
  }
  .p-header__title {
    width: auto;
  }
  .p-header__global-title {
    width: auto;
    margin-bottom: 0;
    margin-left: 5%;
  }
  .p-main {
    padding-top: 12rem;
  }
  .p-drawer__content {
    padding: 5%;
  }
  .p-drawer__title {
    margin-bottom: 40px;
  }
  .p-drawer-menu {
    font-size: 1.8rem;
  }
  .p-hero.-home {
    background-image: url('../img/home/hero@2x.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
  }
  .p-hero__catch {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
    clip-path: inset(50%);
  }
  .p-hero__title {
    font-size: 4rem;
  }
  .p-hero__description {
    font-size: 2rem;
  }
  .p-page-navi__item {
    width: auto;
    margin: 0 1em;
  }
  .p-menu-footer {
    padding: 2em 5%;
  }
  .p-cta__item {
    font-size: 1.8rem;
  }
  .p-cta__icon {
    padding-left: 70px;
    background-size: 58px;
  }
  .p-footer {
    padding: 40px 5%;
  }
  .p-footer__logo {
    width: auto;
    margin-right: 5%;
    margin-bottom: 0;
  }
  .p-footer__copy {
    width: auto;
    font-size: 1.6rem;
  }
  .p-home-menu {
    background-size: auto;
  }
  .p-home-power {
    padding-right: 0;
    padding-left: 0;
  }
  .p-home-power__text {
    font-size: 1.8rem;
  }
  .p-home-power__data {
    padding-right: 0;
    padding-left: 0;
  }
  .p-home-supports__title {
    font-size: 5rem;
  }
  .p-home-supports__subtitle {
    width: 348px;
    margin-bottom: 40px;
  }
  .p-home-supports__catch {
    font-size: 2.7rem;
  }
  .p-home-supports-section__title {
    font-size: 3.6rem;
  }
  .p-home-supports-section__point {
    margin: -15px 20px -15px -5px;
    padding: 10px 20px;
    font-size: 1.6rem;
  }
  .p-home-supports-section__point span.number {
    font-size: 4rem;
  }
  .p-home-support-content__item {
    width: auto;
    margin-right: 2rem;
    padding: 1em 40px 1em 96px;
    background-position: 30px center;
  }
  .p-home-support-content__item.-meeting {
    padding: 1em 40px 1em 146px;
  }
  .p-home-seminar__title {
    font-size: 2rem;
  }
  .p-home-company-organization__title {
    padding-left: 66px;
    background-size: auto;
    font-size: 2rem;
  }
  .p-program-pickup__subtitle {
    font-size: 2rem;
  }
  .p-program-pickup-item__title span.number {
    font-size: 2rem;
  }
  .p-program-pickup-item__description {
    font-size: 1.6rem;
  }
  .p-program-flow-item {
    flex-wrap: nowrap;
    margin-bottom: 8rem;
  }
  .p-program-flow-item::before {
    width: calc(95% - 120px);
  }
  .p-program-flow-item__head {
    flex: 1 0 auto;
    width: 240px;
  }
  .p-program-flow-item__title img {
    width: auto;
  }
  .p-program-flow-item__body {
    padding-left: 5%;
  }
  .p-program-flow-item__lead {
    font-size: 1.6rem;
  }
  .p-program-flow-item__term {
    font-size: 2rem;
  }
  .p-data-item {
    margin-bottom: 8rem;
  }
  .p-data-item__title {
    padding: 0.2em 1em 0.2em 4em;
    font-size: 3rem;
  }
  .p-data-item__employer-title {
    font-size: 2rem;
  }
  .p-data-item__employer-list {
    font-size: 1.6rem;
  }
  .p-data-item__employer-define {
    font-size: 1.6rem;
  }
  .p-data-graduates {
    padding: 8rem 5%;
  }
  .p-data-graduates__en-title {
    top: -6rem;
  }
  .p-data-graduates-item__title {
    font-size: 2.6rem;
  }
  .p-interview-item__title {
    font-size: 2rem;
  }
  .p-interview-item__company {
    font-size: 1.6rem;
  }
  .p-interview-item__meta::before {
    top: 18px;
  }
  .p-interview-item__name {
    font-size: 2rem;
  }
  .p-interview-item__name::before {
    top: 18px;
  }
  .p-interview-item__department {
    font-size: 2.2rem;
  }
  .p-interview-item__grade {
    font-size: 1.6rem;
  }
  .p-interview-item__button {
    font-size: 2rem;
  }
  .p-interview-item__content {
    font-size: 1.6rem;
  }
  .p-interview-oic-navi__item {
    width: 48%;
  }
  .p-interview-oic-navi__item a {
    min-height: 120px;
    font-size: 2rem;
  }
  .p-interview-oic-navi__item a::after {
    width: 72px;
    height: 56px;
  }
  .u-ptb-xxs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .u-ptb-xs {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .u-ptb-sm {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .u-ptb-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .u-ptb-lg {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .u-ptb-xl {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .u-ptb-xxl {
    padding-top: 10.5rem;
    padding-bottom: 10.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-grid[data-dir~='lg:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='lg:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='lg:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='lg:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='lg:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='lg:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='lg:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='lg:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='lg:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='lg:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='lg:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 1 / 2);
  }
  .l-grid[data-gutter~='lg:none'] {
    margin: calc(0 * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:none'] > .l-grid__item {
    border-width: calc(0 * 1 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='lg:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='lg:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:xxs'] {
    margin: calc(0.25vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='lg:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='lg:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:xs'] {
    margin: calc(0.5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='lg:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='lg:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:sm'] {
    margin: calc(1vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:sm'] > .l-grid__item {
    border-width: calc(1vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='lg:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='lg:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:md'] {
    margin: calc(2vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:md'] > .l-grid__item {
    border-width: calc(2vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='lg:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='lg:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:lg'] {
    margin: calc(3vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:lg'] > .l-grid__item {
    border-width: calc(3vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='lg:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:xl'] {
    margin: calc(4vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:xl'] > .l-grid__item {
    border-width: calc(4vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='lg:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='lg:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:xxl'] {
    margin: calc(5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:xxl'] > .l-grid__item {
    border-width: calc(5vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='lg:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='lg:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 1 / 2);
  }
  .l-grid[data-gutter~='lg:xxxl'] {
    margin: calc(6vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='lg:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='lg:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='lg:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='lg:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='lg:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='lg:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='lg:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='lg:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='lg:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='lg:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='lg:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='lg:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='lg:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='lg:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='lg:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='lg:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='lg:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='lg:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='lg:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='lg:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='lg:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='lg:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='lg-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='lg-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='lg-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='lg:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='lg:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='lg:right'] {
    text-align: right;
  }
  .u-d[data-display~='lg-none'] {
    display: none;
  }
  .u-d[data-display~='lg-inline'] {
    display: inline;
  }
  .u-d[data-display~='lg-block'] {
    display: block;
  }
  .u-d[data-display~='lg-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='lg:none'] {
    display: none;
  }
  .u-d[data-display~='lg:inline'] {
    display: inline;
  }
  .u-d[data-display~='lg:block'] {
    display: block;
  }
  .u-d[data-display~='lg:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='lg10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='lg11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='lg12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='lg13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='lg14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='lg15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='lg16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='lg17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='lg18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='lg19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='lg20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='lg21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='lg22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='lg23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='lg24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='lg25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='lg26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='lg27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='lg28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='lg29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='lg30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='lg:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='lg:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='lg:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='lg:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='lg:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='lg:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='lg:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='lg:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='lg:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='lg:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='lg:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='lg:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='lg:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='lg:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='lg:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='lg:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='lg:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='lg:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='lg:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='lg:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='lg:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='lg:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='lg:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='lg:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='lg:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='lg:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='lg:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='lg:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='lg:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='lg:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='lg:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='lg:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='lg:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='lg:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='lg:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='lg:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='lg:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='lg:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='lg:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='lg:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='lg:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='lg:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='lg:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='lg:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='lg:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='lg:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='lg:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='lg:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='lg:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='lg:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='lg:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='lg:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='lg:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='lg:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='lg:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='lg:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='lg:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='lg:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='lg:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='lg:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='lg:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='lg:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='lg:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='lg:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='lg:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='lg:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='lg:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='lg:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='lg:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='lg:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='lg:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='lg:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='lg:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='lg:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='lg:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='lg:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='lg:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='lg:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='lg:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='lg:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='lg:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='lg:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='lg:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='lg:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='lg:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='lg:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='lg:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='lg:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='lg:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='lg:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='lg:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='lg:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='lg:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='lg:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='lg:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='lg:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='lg:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='lg:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='lg:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='lg:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='lg:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='lg:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='lg:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='lg:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='lg:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='lg:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='lg:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='lg:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='lg:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='lg:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='lg:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='lg:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='lg:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='lg:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='lg:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='lg:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='lg:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='lg:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='lg:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='lg:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-spacer {
    padding: 8rem 0;
  }
  .l-spacer.-lg {
    padding: 10rem 0;
  }
  .l-spacer.-xl {
    padding: 14rem 0;
  }
  .l-spacer.-xxl {
    padding: 18rem 0;
  }
  .p-header__button {
    display: none;
  }
  .p-global-navi {
    display: block;
  }
  .p-menu-footer__item {
    width: auto;
    margin-right: 1em;
    margin-left: 1em;
    padding: 0 0 0 1em;
  }
  .p-cta__item {
    font-size: 2rem;
  }
  .p-home-supports-section__description {
    display: block;
    margin-left: 3%;
    font-weight: 500;
  }
  .p-program-flow-item__lead {
    font-size: 1.7rem;
  }
  .u-mt-xxxs {
    margin-top: calc(1rem * 0.8);
  }
  .u-mt-xxs {
    margin-top: calc(2rem * 0.8);
  }
  .u-mt-xs {
    margin-top: calc(4rem * 0.8);
  }
  .u-mt-sm {
    margin-top: calc(6rem * 0.8);
  }
  .u-mt-md {
    margin-top: calc(8rem * 0.8);
  }
  .u-mt-lg {
    margin-top: calc(10rem * 0.8);
  }
  .u-mt-xl {
    margin-top: calc(12rem * 0.8);
  }
  .u-mt-xxl {
    margin-top: calc(16rem * 0.8);
  }
  .u-mt-xxxl {
    margin-top: calc(20rem * 0.8);
  }
  .u-mb-xxxs {
    margin-bottom: calc(1rem * 0.8);
  }
  .u-mb-xxs {
    margin-bottom: calc(2rem * 0.8);
  }
  .u-mb-xs {
    margin-bottom: calc(4rem * 0.8);
  }
  .u-mb-sm {
    margin-bottom: calc(6rem * 0.8);
  }
  .u-mb-md {
    margin-bottom: calc(8rem * 0.8);
  }
  .u-mb-lg {
    margin-bottom: calc(10rem * 0.8);
  }
  .u-mb-xl {
    margin-bottom: calc(12rem * 0.8);
  }
  .u-mb-xxl {
    margin-bottom: calc(16rem * 0.8);
  }
  .u-mb-xxxl {
    margin-bottom: calc(20rem * 0.8);
  }
  .u-ptb-xxs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .u-ptb-xs {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .u-ptb-sm {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .u-ptb-md {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .u-ptb-lg {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .u-ptb-xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .u-ptb-xxl {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}

@media screen and (min-width: 1280px) {
  .l-grid[data-dir~='xl:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='xl:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='xl:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='xl:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='xl:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='xl:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='xl:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='xl:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='xl:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='xl:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='xl:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 1 / 2);
  }
  .l-grid[data-gutter~='xl:none'] {
    margin: calc(0 * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:none'] > .l-grid__item {
    border-width: calc(0 * 1 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='xl:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='xl:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:xxs'] {
    margin: calc(0.25vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='xl:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xl:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:xs'] {
    margin: calc(0.5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='xl:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xl:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:sm'] {
    margin: calc(1vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:sm'] > .l-grid__item {
    border-width: calc(1vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='xl:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='xl:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:md'] {
    margin: calc(2vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:md'] > .l-grid__item {
    border-width: calc(2vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='xl:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='xl:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:lg'] {
    margin: calc(3vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:lg'] > .l-grid__item {
    border-width: calc(3vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='xl:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='xl:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:xl'] {
    margin: calc(4vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:xl'] > .l-grid__item {
    border-width: calc(4vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='xl:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:xxl'] {
    margin: calc(5vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:xxl'] > .l-grid__item {
    border-width: calc(5vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='xl:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xl:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 1 / 2);
  }
  .l-grid[data-gutter~='xl:xxxl'] {
    margin: calc(6vw * 1 / 2 * -1);
  }
  .l-grid[data-gutter~='xl:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 1 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='xl:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xl:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xl:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='xl:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='xl:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='xl:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='xl:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='xl:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='xl:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='xl:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='xl:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='xl:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='xl:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='xl:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xl:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='xl:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='xl:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='xl:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='xl:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='xl:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='xl:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='xl:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='xl-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xl-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xl-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='xl:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xl:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xl:right'] {
    text-align: right;
  }
  .u-d[data-display~='xl-none'] {
    display: none;
  }
  .u-d[data-display~='xl-inline'] {
    display: inline;
  }
  .u-d[data-display~='xl-block'] {
    display: block;
  }
  .u-d[data-display~='xl-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='xl:none'] {
    display: none;
  }
  .u-d[data-display~='xl:inline'] {
    display: inline;
  }
  .u-d[data-display~='xl:block'] {
    display: block;
  }
  .u-d[data-display~='xl:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='xl10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xl11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xl12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xl13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xl14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xl15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xl16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xl17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xl18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xl19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xl20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xl21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xl22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xl23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xl24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xl25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xl26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xl27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xl28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xl29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xl30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xl:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xl:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xl:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xl:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xl:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xl:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xl:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xl:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xl:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xl:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xl:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xl:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xl:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xl:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xl:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xl:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xl:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xl:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xl:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xl:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xl:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xl:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='xl:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='xl:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='xl:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='xl:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='xl:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='xl:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='xl:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='xl:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='xl:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='xl:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='xl:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='xl:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='xl:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='xl:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='xl:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='xl:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='xl:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='xl:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='xl:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='xl:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='xl:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='xl:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='xl:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='xl:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='xl:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='xl:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='xl:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='xl:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='xl:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='xl:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='xl:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='xl:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='xl:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='xl:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='xl:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='xl:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='xl:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='xl:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='xl:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='xl:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='xl:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='xl:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='xl:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='xl:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='xl:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='xl:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='xl:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='xl:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='xl:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='xl:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='xl:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='xl:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='xl:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='xl:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='xl:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='xl:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='xl:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='xl:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='xl:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='xl:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='xl:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='xl:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='xl:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='xl:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='xl:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='xl:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='xl:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='xl:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='xl:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='xl:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='xl:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xl:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='xl:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xl:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='xl:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='xl:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='xl:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xl:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='xl:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='xl:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='xl:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xl:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='xl:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='xl:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='xl:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xl:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='xl:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='xl:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='xl:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xl:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xl:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xl:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xl:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xl:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xl:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xl:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='xl:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='xl:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media print, screen and (min-width: 1280px) {
  .p-title.-primary {
    font-size: 3rem;
  }
  .p-title.-label {
    font-size: 3rem;
  }
  .p-title.-section span.en {
    font-size: 3.5rem;
  }
  .p-drawer-menu {
    font-size: 2rem;
  }
  .p-home-power__text {
    font-size: 2.2rem;
  }
  .p-program-pickup__subtitle {
    font-size: 2.6rem;
  }
  .p-interview-item__title {
    font-size: 2.5rem;
  }
  .p-interview-item__company {
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
  .p-interview-oic-navi__item a {
    padding: 0 4rem;
    font-size: 2.4rem;
  }
  .u-mt-xxxs {
    margin-top: calc(1rem * 1);
  }
  .u-mt-xxs {
    margin-top: calc(2rem * 1);
  }
  .u-mt-xs {
    margin-top: calc(4rem * 1);
  }
  .u-mt-sm {
    margin-top: calc(6rem * 1);
  }
  .u-mt-md {
    margin-top: calc(8rem * 1);
  }
  .u-mt-lg {
    margin-top: calc(10rem * 1);
  }
  .u-mt-xl {
    margin-top: calc(12rem * 1);
  }
  .u-mt-xxl {
    margin-top: calc(16rem * 1);
  }
  .u-mt-xxxl {
    margin-top: calc(20rem * 1);
  }
  .u-mb-xxxs {
    margin-bottom: calc(1rem * 1);
  }
  .u-mb-xxs {
    margin-bottom: calc(2rem * 1);
  }
  .u-mb-xs {
    margin-bottom: calc(4rem * 1);
  }
  .u-mb-sm {
    margin-bottom: calc(6rem * 1);
  }
  .u-mb-md {
    margin-bottom: calc(8rem * 1);
  }
  .u-mb-lg {
    margin-bottom: calc(10rem * 1);
  }
  .u-mb-xl {
    margin-bottom: calc(12rem * 1);
  }
  .u-mb-xxl {
    margin-bottom: calc(16rem * 1);
  }
  .u-mb-xxxl {
    margin-bottom: calc(20rem * 1);
  }
}

@media screen and (min-width: 1680px) {
  .l-grid[data-dir~='xxl:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='xxl:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='xxl:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='xxl:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='xxl:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='xxl:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='xxl:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='xxl:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='xxl:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='xxl:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='xxl:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:none'] {
    margin: calc(0 * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:none'] > .l-grid__item {
    border-width: calc(0 * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='xxl:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='xxl:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:xxs'] {
    margin: calc(0.25vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='xxl:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxl:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:xs'] {
    margin: calc(0.5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='xxl:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xxl:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:sm'] {
    margin: calc(1vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:sm'] > .l-grid__item {
    border-width: calc(1vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='xxl:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='xxl:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:md'] {
    margin: calc(2vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:md'] > .l-grid__item {
    border-width: calc(2vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='xxl:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='xxl:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:lg'] {
    margin: calc(3vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:lg'] > .l-grid__item {
    border-width: calc(3vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='xxl:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='xxl:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:xl'] {
    margin: calc(4vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:xl'] > .l-grid__item {
    border-width: calc(4vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='xxl:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xxl:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:xxl'] {
    margin: calc(5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:xxl'] > .l-grid__item {
    border-width: calc(5vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='xxl:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxl:xxxl'] {
    margin: calc(6vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='xxl:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxl:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxl:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='xxl:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='xxl:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='xxl:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='xxl:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='xxl:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='xxl:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='xxl:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='xxl:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='xxl:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='xxl:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='xxl:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxl:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='xxl:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='xxl:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='xxl:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='xxl:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='xxl:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='xxl:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='xxl:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='xxl-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxl-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxl-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='xxl:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxl:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxl:right'] {
    text-align: right;
  }
  .u-d[data-display~='xxl-none'] {
    display: none;
  }
  .u-d[data-display~='xxl-inline'] {
    display: inline;
  }
  .u-d[data-display~='xxl-block'] {
    display: block;
  }
  .u-d[data-display~='xxl-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='xxl:none'] {
    display: none;
  }
  .u-d[data-display~='xxl:inline'] {
    display: inline;
  }
  .u-d[data-display~='xxl:block'] {
    display: block;
  }
  .u-d[data-display~='xxl:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='xxl10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxl11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxl12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxl13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxl14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxl15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxl16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxl17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxl18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxl19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxl20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxl21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxl22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxl23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxl24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxl25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxl26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxl27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxl28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxl29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxl30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxl:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxl:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxl:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxl:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxl:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxl:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxl:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxl:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxl:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxl:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxl:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxl:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxl:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxl:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxl:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxl:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxl:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxl:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxl:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxl:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxl:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxl:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='xxl:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='xxl:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='xxl:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='xxl:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='xxl:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='xxl:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='xxl:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='xxl:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='xxl:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='xxl:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='xxl:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='xxl:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='xxl:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='xxl:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='xxl:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='xxl:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='xxl:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='xxl:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='xxl:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='xxl:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='xxl:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='xxl:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='xxl:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='xxl:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='xxl:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='xxl:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='xxl:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='xxl:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='xxl:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='xxl:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='xxl:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='xxl:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='xxl:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='xxl:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='xxl:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='xxl:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='xxl:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='xxl:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='xxl:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='xxl:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='xxl:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='xxl:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='xxl:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='xxl:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='xxl:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='xxl:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='xxl:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='xxl:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='xxl:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='xxl:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='xxl:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='xxl:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='xxl:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='xxl:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='xxl:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='xxl:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='xxl:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='xxl:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='xxl:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='xxl:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='xxl:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='xxl:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='xxl:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='xxl:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='xxl:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='xxl:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='xxl:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='xxl:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='xxl:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='xxl:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='xxl:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxl:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='xxl:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxl:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='xxl:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='xxl:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='xxl:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxl:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='xxl:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='xxl:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='xxl:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxl:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='xxl:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='xxl:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='xxl:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxl:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='xxl:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='xxl:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='xxl:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxl:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxl:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxl:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxl:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxl:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxl:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxl:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='xxl:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='xxl:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media screen and (min-width: 1920px) {
  .l-grid[data-dir~='xxxl:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='xxxl:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='xxxl:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='xxxl:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='xxxl:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='xxxl:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='xxxl:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='xxxl:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='xxxl:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='xxxl:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='xxxl:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:none'] {
    margin: calc(0 * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:none'] > .l-grid__item {
    border-width: calc(0 * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='xxxl:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='xxxl:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:xxs'] {
    margin: calc(0.25vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='xxxl:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxxl:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:xs'] {
    margin: calc(0.5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='xxxl:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xxxl:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:sm'] {
    margin: calc(1vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:sm'] > .l-grid__item {
    border-width: calc(1vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='xxxl:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='xxxl:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:md'] {
    margin: calc(2vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:md'] > .l-grid__item {
    border-width: calc(2vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='xxxl:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='xxxl:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:lg'] {
    margin: calc(3vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:lg'] > .l-grid__item {
    border-width: calc(3vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='xxxl:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='xxxl:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:xl'] {
    margin: calc(4vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:xl'] > .l-grid__item {
    border-width: calc(4vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='xxxl:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xxxl:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:xxl'] {
    margin: calc(5vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:xxl'] > .l-grid__item {
    border-width: calc(5vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='xxxl:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxxl:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 0.8 / 2);
  }
  .l-grid[data-gutter~='xxxl:xxxl'] {
    margin: calc(6vw * 0.8 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 0.8 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='xxxl:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxxl:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='xxxl:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='xxxl:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='xxxl:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='xxxl:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='xxxl:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='xxxl:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='xxxl:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='xxxl:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='xxxl:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='xxxl:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='xxxl:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxxl:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='xxxl:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='xxxl:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='xxxl:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='xxxl:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='xxxl:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='xxxl:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='xxxl:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='xxxl-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxxl-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxxl-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='xxxl:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxxl:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxxl:right'] {
    text-align: right;
  }
  .u-d[data-display~='xxxl-none'] {
    display: none;
  }
  .u-d[data-display~='xxxl-inline'] {
    display: inline;
  }
  .u-d[data-display~='xxxl-block'] {
    display: block;
  }
  .u-d[data-display~='xxxl-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='xxxl:none'] {
    display: none;
  }
  .u-d[data-display~='xxxl:inline'] {
    display: inline;
  }
  .u-d[data-display~='xxxl:block'] {
    display: block;
  }
  .u-d[data-display~='xxxl:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='xxxl10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxxl11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxxl12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxxl13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxxl14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxxl15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxxl16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxxl17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxxl18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxxl19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxxl20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxxl21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxxl22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxxl23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxxl24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxxl25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxxl26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxxl27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxxl28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxxl29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxxl30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxxl:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxxl:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxxl:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxxl:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxxl:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxxl:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxxl:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxxl:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxxl:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxxl:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxxl:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxxl:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxxl:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxxl:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxxl:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxxl:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxxl:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxxl:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxxl:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxxl:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxxl:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxxl:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='xxxl:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='xxxl:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='xxxl:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='xxxl:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='xxxl:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='xxxl:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='xxxl:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='xxxl:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='xxxl:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='xxxl:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='xxxl:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='xxxl:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='xxxl:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='xxxl:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='xxxl:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='xxxl:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='xxxl:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='xxxl:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='xxxl:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='xxxl:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='xxxl:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='xxxl:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='xxxl:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='xxxl:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='xxxl:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='xxxl:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='xxxl:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='xxxl:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='xxxl:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='xxxl:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='xxxl:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='xxxl:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='xxxl:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='xxxl:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='xxxl:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='xxxl:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='xxxl:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='xxxl:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='xxxl:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='xxxl:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='xxxl:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='xxxl:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='xxxl:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='xxxl:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='xxxl:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='xxxl:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='xxxl:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='xxxl:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='xxxl:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='xxxl:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='xxxl:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='xxxl:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='xxxl:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='xxxl:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='xxxl:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='xxxl:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='xxxl:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='xxxl:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='xxxl:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='xxxl:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='xxxl:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='xxxl:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='xxxl:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='xxxl:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='xxxl:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='xxxl:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='xxxl:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='xxxl:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='xxxl:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='xxxl:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='xxxl:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxxl:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='xxxl:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxxl:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='xxxl:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='xxxl:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='xxxl:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxxl:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='xxxl:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='xxxl:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='xxxl:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxxl:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='xxxl:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='xxxl:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='xxxl:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxxl:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='xxxl:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='xxxl:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='xxxl:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxxl:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxxl:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxxl:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxxl:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxxl:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxxl:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxxl:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='xxxl:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='xxxl:xxxl'] {
    margin-bottom: 20rem;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-drawer__content {
    padding: 80px;
  }
}

@media screen and (min-width: 2560px) {
  .l-grid[data-dir~='xxxxl:row'] {
    flex-direction: row;
  }
  .l-grid[data-dir~='xxxxl:row-reverse'] {
    flex-direction: row-reverse;
  }
  .l-grid[data-dir~='xxxxl:column'] {
    flex-direction: column;
  }
  .l-grid[data-dir~='xxxxl:column-reverse'] {
    flex-direction: column-reverse;
  }
  .l-grid[data-justify-content~='xxxxl:start'] {
    justify-content: flex-start;
  }
  .l-grid[data-justify-content~='xxxxl:center'] {
    justify-content: center;
  }
  .l-grid[data-justify-content~='xxxxl:end'] {
    justify-content: flex-end;
  }
  .l-grid[data-justify-content~='xxxxl:justify'] {
    justify-content: space-between;
  }
  .l-grid[data-align-items~='xxxxl:top'] {
    align-items: flex-start;
  }
  .l-grid[data-align-items~='xxxxl:middle'] {
    align-items: center;
  }
  .l-grid[data-align-items~='xxxxl:bottom'] {
    align-items: flex-end;
  }
  .l-grid[data-gutter~='none'] {
    margin: calc(0 * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='none'] > .l-grid__item {
    border-width: calc(0 * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:none'] {
    margin: calc(0 * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:none'] > .l-grid__item {
    border-width: calc(0 * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-x-gutter~='xxxxl:none'] {
    margin-right: 0;
    margin-left: 0;
  }
  .l-grid[data-x-gutter~='xxxxl:none'] > .l-grid__item {
    border-width: 0;
  }
  .l-grid[data-gutter~='xxs'] {
    margin: calc(0.25vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:xxs'] {
    margin: calc(0.25vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:xxs'] > .l-grid__item {
    border-width: calc(0.25vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xxs'] {
    margin-right: -0.25vw;
    margin-left: -0.25vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xxs'] > .l-grid__item {
    border-width: 0.25vw;
  }
  .l-grid[data-gutter~='xs'] {
    margin: calc(0.5vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xs'] > .l-grid__item {
    border-width: calc(0.5vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:xs'] {
    margin: calc(0.5vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:xs'] > .l-grid__item {
    border-width: calc(0.5vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xs'] {
    margin-right: -0.5vw;
    margin-left: -0.5vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xs'] > .l-grid__item {
    border-width: 0.5vw;
  }
  .l-grid[data-gutter~='sm'] {
    margin: calc(1vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='sm'] > .l-grid__item {
    border-width: calc(1vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:sm'] {
    margin: calc(1vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:sm'] > .l-grid__item {
    border-width: calc(1vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-x-gutter~='xxxxl:sm'] {
    margin-right: -1vw;
    margin-left: -1vw;
  }
  .l-grid[data-x-gutter~='xxxxl:sm'] > .l-grid__item {
    border-width: 1vw;
  }
  .l-grid[data-gutter~='md'] {
    margin: calc(2vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='md'] > .l-grid__item {
    border-width: calc(2vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:md'] {
    margin: calc(2vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:md'] > .l-grid__item {
    border-width: calc(2vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-x-gutter~='xxxxl:md'] {
    margin-right: -2vw;
    margin-left: -2vw;
  }
  .l-grid[data-x-gutter~='xxxxl:md'] > .l-grid__item {
    border-width: 2vw;
  }
  .l-grid[data-gutter~='lg'] {
    margin: calc(3vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='lg'] > .l-grid__item {
    border-width: calc(3vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:lg'] {
    margin: calc(3vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:lg'] > .l-grid__item {
    border-width: calc(3vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-x-gutter~='xxxxl:lg'] {
    margin-right: -3vw;
    margin-left: -3vw;
  }
  .l-grid[data-x-gutter~='xxxxl:lg'] > .l-grid__item {
    border-width: 3vw;
  }
  .l-grid[data-gutter~='xl'] {
    margin: calc(4vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xl'] > .l-grid__item {
    border-width: calc(4vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:xl'] {
    margin: calc(4vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:xl'] > .l-grid__item {
    border-width: calc(4vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xl'] {
    margin-right: -4vw;
    margin-left: -4vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xl'] > .l-grid__item {
    border-width: 4vw;
  }
  .l-grid[data-gutter~='xxl'] {
    margin: calc(5vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxl'] > .l-grid__item {
    border-width: calc(5vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:xxl'] {
    margin: calc(5vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:xxl'] > .l-grid__item {
    border-width: calc(5vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xxl'] {
    margin-right: -5vw;
    margin-left: -5vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xxl'] > .l-grid__item {
    border-width: 5vw;
  }
  .l-grid[data-gutter~='xxxl'] {
    margin: calc(6vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxl'] > .l-grid__item {
    border-width: calc(6vw * 0.5 / 2);
  }
  .l-grid[data-gutter~='xxxxl:xxxl'] {
    margin: calc(6vw * 0.5 / 2 * -1);
  }
  .l-grid[data-gutter~='xxxxl:xxxl'] > .l-grid__item {
    border-width: calc(6vw * 0.5 / 2);
  }
  .l-grid[data-x-gutter~='xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xxxl'] {
    margin-right: -6vw;
    margin-left: -6vw;
  }
  .l-grid[data-x-gutter~='xxxxl:xxxl'] > .l-grid__item {
    border-width: 6vw;
  }
  .l-grid__item[data-cols~='1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxxxl:1'] {
    width: 8.33333%;
  }
  .l-grid__item[data-cols~='xxxxl:2'] {
    width: 16.66667%;
  }
  .l-grid__item[data-cols~='xxxxl:3'] {
    width: 25%;
  }
  .l-grid__item[data-cols~='xxxxl:4'] {
    width: 33.33333%;
  }
  .l-grid__item[data-cols~='xxxxl:5'] {
    width: 41.66667%;
  }
  .l-grid__item[data-cols~='xxxxl:6'] {
    width: 50%;
  }
  .l-grid__item[data-cols~='xxxxl:7'] {
    width: 58.33333%;
  }
  .l-grid__item[data-cols~='xxxxl:8'] {
    width: 66.66667%;
  }
  .l-grid__item[data-cols~='xxxxl:9'] {
    width: 75%;
  }
  .l-grid__item[data-cols~='xxxxl:10'] {
    width: 83.33333%;
  }
  .l-grid__item[data-cols~='xxxxl:11'] {
    width: 91.66667%;
  }
  .l-grid__item[data-cols~='xxxxl:12'] {
    width: 100%;
  }
  .l-grid__item[data-cols~='xxxxl:Five'] {
    width: 20%;
  }
  .l-grid__item[data-cols~='xxxxl:Auto'] {
    width: auto;
  }
  .l-grid__item[data-order~='xxxxl:0'] {
    order: 0;
  }
  .l-grid__item[data-order~='xxxxl:1'] {
    order: 1;
  }
  .l-grid__item[data-order~='xxxxl:2'] {
    order: 2;
  }
  .l-grid__item[data-order~='xxxxl:3'] {
    order: 3;
  }
  .l-grid__item[data-order~='xxxxl:4'] {
    order: 4;
  }
  .l-grid__item[data-order~='xxxxl:5'] {
    order: 5;
  }
  .grid-1 {
    width: 8.33333%;
  }
  .grid-2 {
    width: 16.66667%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333%;
  }
  .grid-5 {
    width: 41.66667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.33333%;
  }
  .grid-8 {
    width: 66.66667%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333%;
  }
  .grid-11 {
    width: 91.66667%;
  }
  .grid-12 {
    width: 100%;
  }
  .u-ta[data-text-align~='xxxxl-left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxxxl-center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxxxl-right'] {
    text-align: right;
  }
  .u-ta[data-text-align~='xxxxl:left'] {
    text-align: left;
  }
  .u-ta[data-text-align~='xxxxl:center'] {
    text-align: center;
  }
  .u-ta[data-text-align~='xxxxl:right'] {
    text-align: right;
  }
  .u-d[data-display~='xxxxl-none'] {
    display: none;
  }
  .u-d[data-display~='xxxxl-inline'] {
    display: inline;
  }
  .u-d[data-display~='xxxxl-block'] {
    display: block;
  }
  .u-d[data-display~='xxxxl-inline-block'] {
    display: inline-block;
  }
  .u-d[data-display~='xxxxl:none'] {
    display: none;
  }
  .u-d[data-display~='xxxxl:inline'] {
    display: inline;
  }
  .u-d[data-display~='xxxxl:block'] {
    display: block;
  }
  .u-d[data-display~='xxxxl:inline-block'] {
    display: inline-block;
  }
  .u-fz[data-font-size~='xxxxl10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxxxl11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxxxl12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxxxl13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxxxl14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxxxl15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxxxl16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxxxl17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxxxl18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxxxl19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxxxl20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxxxl21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxxxl22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxxxl23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxxxl24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxxxl25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxxxl26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxxxl27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxxxl28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxxxl29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxxxl30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxxxl:10'] {
    font-size: 1rem;
  }
  .u-fz[data-font-size~='xxxxl:11'] {
    font-size: 1.1rem;
  }
  .u-fz[data-font-size~='xxxxl:12'] {
    font-size: 1.2rem;
  }
  .u-fz[data-font-size~='xxxxl:13'] {
    font-size: 1.3rem;
  }
  .u-fz[data-font-size~='xxxxl:14'] {
    font-size: 1.4rem;
  }
  .u-fz[data-font-size~='xxxxl:15'] {
    font-size: 1.5rem;
  }
  .u-fz[data-font-size~='xxxxl:16'] {
    font-size: 1.6rem;
  }
  .u-fz[data-font-size~='xxxxl:17'] {
    font-size: 1.7rem;
  }
  .u-fz[data-font-size~='xxxxl:18'] {
    font-size: 1.8rem;
  }
  .u-fz[data-font-size~='xxxxl:19'] {
    font-size: 1.9rem;
  }
  .u-fz[data-font-size~='xxxxl:20'] {
    font-size: 2rem;
  }
  .u-fz[data-font-size~='xxxxl:21'] {
    font-size: 2.1rem;
  }
  .u-fz[data-font-size~='xxxxl:22'] {
    font-size: 2.2rem;
  }
  .u-fz[data-font-size~='xxxxl:23'] {
    font-size: 2.3rem;
  }
  .u-fz[data-font-size~='xxxxl:24'] {
    font-size: 2.4rem;
  }
  .u-fz[data-font-size~='xxxxl:25'] {
    font-size: 2.5rem;
  }
  .u-fz[data-font-size~='xxxxl:26'] {
    font-size: 2.6rem;
  }
  .u-fz[data-font-size~='xxxxl:27'] {
    font-size: 2.7rem;
  }
  .u-fz[data-font-size~='xxxxl:28'] {
    font-size: 2.8rem;
  }
  .u-fz[data-font-size~='xxxxl:29'] {
    font-size: 2.9rem;
  }
  .u-fz[data-font-size~='xxxxl:30'] {
    font-size: 3rem;
  }
  .u-fz[data-font-size~='xxxxl:31'] {
    font-size: 3.1rem;
  }
  .u-fz[data-font-size~='xxxxl:32'] {
    font-size: 3.2rem;
  }
  .u-fz[data-font-size~='xxxxl:33'] {
    font-size: 3.3rem;
  }
  .u-fz[data-font-size~='xxxxl:34'] {
    font-size: 3.4rem;
  }
  .u-fz[data-font-size~='xxxxl:35'] {
    font-size: 3.5rem;
  }
  .u-fz[data-font-size~='xxxxl:36'] {
    font-size: 3.6rem;
  }
  .u-fz[data-font-size~='xxxxl:37'] {
    font-size: 3.7rem;
  }
  .u-fz[data-font-size~='xxxxl:38'] {
    font-size: 3.8rem;
  }
  .u-fz[data-font-size~='xxxxl:39'] {
    font-size: 3.9rem;
  }
  .u-fz[data-font-size~='xxxxl:40'] {
    font-size: 4rem;
  }
  .u-fz[data-font-size~='xxxxl:41'] {
    font-size: 4.1rem;
  }
  .u-fz[data-font-size~='xxxxl:42'] {
    font-size: 4.2rem;
  }
  .u-fz[data-font-size~='xxxxl:43'] {
    font-size: 4.3rem;
  }
  .u-fz[data-font-size~='xxxxl:44'] {
    font-size: 4.4rem;
  }
  .u-fz[data-font-size~='xxxxl:45'] {
    font-size: 4.5rem;
  }
  .u-fz[data-font-size~='xxxxl:46'] {
    font-size: 4.6rem;
  }
  .u-fz[data-font-size~='xxxxl:47'] {
    font-size: 4.7rem;
  }
  .u-fz[data-font-size~='xxxxl:48'] {
    font-size: 4.8rem;
  }
  .u-fz[data-font-size~='xxxxl:49'] {
    font-size: 4.9rem;
  }
  .u-fz[data-font-size~='xxxxl:50'] {
    font-size: 5rem;
  }
  .u-fz[data-font-size~='xxxxl:51'] {
    font-size: 5.1rem;
  }
  .u-fz[data-font-size~='xxxxl:52'] {
    font-size: 5.2rem;
  }
  .u-fz[data-font-size~='xxxxl:53'] {
    font-size: 5.3rem;
  }
  .u-fz[data-font-size~='xxxxl:54'] {
    font-size: 5.4rem;
  }
  .u-fz[data-font-size~='xxxxl:55'] {
    font-size: 5.5rem;
  }
  .u-fz[data-font-size~='xxxxl:56'] {
    font-size: 5.6rem;
  }
  .u-fz[data-font-size~='xxxxl:57'] {
    font-size: 5.7rem;
  }
  .u-fz[data-font-size~='xxxxl:58'] {
    font-size: 5.8rem;
  }
  .u-fz[data-font-size~='xxxxl:59'] {
    font-size: 5.9rem;
  }
  .u-fz[data-font-size~='xxxxl:60'] {
    font-size: 6rem;
  }
  .u-fz[data-font-size~='xxxxl:61'] {
    font-size: 6.1rem;
  }
  .u-fz[data-font-size~='xxxxl:62'] {
    font-size: 6.2rem;
  }
  .u-fz[data-font-size~='xxxxl:63'] {
    font-size: 6.3rem;
  }
  .u-fz[data-font-size~='xxxxl:64'] {
    font-size: 6.4rem;
  }
  .u-fz[data-font-size~='xxxxl:65'] {
    font-size: 6.5rem;
  }
  .u-fz[data-font-size~='xxxxl:66'] {
    font-size: 6.6rem;
  }
  .u-fz[data-font-size~='xxxxl:67'] {
    font-size: 6.7rem;
  }
  .u-fz[data-font-size~='xxxxl:68'] {
    font-size: 6.8rem;
  }
  .u-fz[data-font-size~='xxxxl:69'] {
    font-size: 6.9rem;
  }
  .u-fz[data-font-size~='xxxxl:70'] {
    font-size: 7rem;
  }
  .u-fz[data-font-size~='xxxxl:71'] {
    font-size: 7.1rem;
  }
  .u-fz[data-font-size~='xxxxl:72'] {
    font-size: 7.2rem;
  }
  .u-fz[data-font-size~='xxxxl:73'] {
    font-size: 7.3rem;
  }
  .u-fz[data-font-size~='xxxxl:74'] {
    font-size: 7.4rem;
  }
  .u-fz[data-font-size~='xxxxl:75'] {
    font-size: 7.5rem;
  }
  .u-fz[data-font-size~='xxxxl:76'] {
    font-size: 7.6rem;
  }
  .u-fz[data-font-size~='xxxxl:77'] {
    font-size: 7.7rem;
  }
  .u-fz[data-font-size~='xxxxl:78'] {
    font-size: 7.8rem;
  }
  .u-fz[data-font-size~='xxxxl:79'] {
    font-size: 7.9rem;
  }
  .u-fz[data-font-size~='xxxxl:80'] {
    font-size: 8rem;
  }
  .u-mt[data-mt-size~='xxxxl:5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='5'] {
    margin-top: 0.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='10'] {
    margin-top: 1rem;
  }
  .u-mt[data-mt-size~='xxxxl:15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='15'] {
    margin-top: 1.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='20'] {
    margin-top: 2rem;
  }
  .u-mt[data-mt-size~='xxxxl:25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='25'] {
    margin-top: 2.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='30'] {
    margin-top: 3rem;
  }
  .u-mt[data-mt-size~='xxxxl:35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='35'] {
    margin-top: 3.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='40'] {
    margin-top: 4rem;
  }
  .u-mt[data-mt-size~='xxxxl:45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='45'] {
    margin-top: 4.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='50'] {
    margin-top: 5rem;
  }
  .u-mt[data-mt-size~='xxxxl:55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='55'] {
    margin-top: 5.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='60'] {
    margin-top: 6rem;
  }
  .u-mt[data-mt-size~='xxxxl:65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='65'] {
    margin-top: 6.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='70'] {
    margin-top: 7rem;
  }
  .u-mt[data-mt-size~='xxxxl:75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='75'] {
    margin-top: 7.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='80'] {
    margin-top: 8rem;
  }
  .u-mt[data-mt-size~='xxxxl:85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='85'] {
    margin-top: 8.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='90'] {
    margin-top: 9rem;
  }
  .u-mt[data-mt-size~='xxxxl:95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='95'] {
    margin-top: 9.5rem;
  }
  .u-mt[data-mt-size~='xxxxl:100'] {
    margin-top: 10rem;
  }
  .u-mt[data-mt-size~='100'] {
    margin-top: 10rem;
  }
  .u-mb[data-mb-size~='xxxxl:5'] {
    margin-bottom: 0.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:10'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxxxl:15'] {
    margin-bottom: 1.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:20'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxxxl:25'] {
    margin-bottom: 2.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:30'] {
    margin-bottom: 3rem;
  }
  .u-mb[data-mb-size~='xxxxl:35'] {
    margin-bottom: 3.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:40'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxxxl:45'] {
    margin-bottom: 4.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:50'] {
    margin-bottom: 5rem;
  }
  .u-mb[data-mb-size~='xxxxl:55'] {
    margin-bottom: 5.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:60'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxxxl:65'] {
    margin-bottom: 6.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:70'] {
    margin-bottom: 7rem;
  }
  .u-mb[data-mb-size~='xxxxl:75'] {
    margin-bottom: 7.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:80'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxxxl:85'] {
    margin-bottom: 8.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:90'] {
    margin-bottom: 9rem;
  }
  .u-mb[data-mb-size~='xxxxl:95'] {
    margin-bottom: 9.5rem;
  }
  .u-mb[data-mb-size~='xxxxl:100'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxxxl:xxxs'] {
    margin-bottom: 1rem;
  }
  .u-mb[data-mb-size~='xxxxl:xxs'] {
    margin-bottom: 2rem;
  }
  .u-mb[data-mb-size~='xxxxl:xs'] {
    margin-bottom: 4rem;
  }
  .u-mb[data-mb-size~='xxxxl:sm'] {
    margin-bottom: 6rem;
  }
  .u-mb[data-mb-size~='xxxxl:md'] {
    margin-bottom: 8rem;
  }
  .u-mb[data-mb-size~='xxxxl:lg'] {
    margin-bottom: 10rem;
  }
  .u-mb[data-mb-size~='xxxxl:xl'] {
    margin-bottom: 12rem;
  }
  .u-mb[data-mb-size~='xxxxl:xxl'] {
    margin-bottom: 16rem;
  }
  .u-mb[data-mb-size~='xxxxl:xxxl'] {
    margin-bottom: 20rem;
  }
}
/*# sourceMappingURL=style.css.map */