@charset "UTF-8";
/* Foundation
 ----------------------------------------------- */
/* 色変数
----------------------------------------------- */
/* 多色作成
----------------------------------------------- */
/* カラーマップ作成
----------------------------------------------- */
/* ブレイクポイント
----------------------------------------------- */
/* 見出し
----------------------------------------------- */
/* Transition
----------------------------------------------- */
/* 余白
----------------------------------------------- */
/* グリッド系変数
----------------------------------------------- */
/* Sizing
----------------------------------------------- */
/* Z-index Layer
----------------------------------------------- */
/* フォントファミリー
----------------------------------------------- */
/* 全プロパティにbox-sizing: border-box;を適用します。 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* デフォルトのpaddingを打ち消します。 */
ul[class],
ol[class] {
  padding: 0;
}

/* デフォルトのmarginを打ち消します。 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  border: none;
}

/* html要素のフォントサイズを10pxにします */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

/* body要素を指定します。 */
body {
  font-size: 1.6rem;
  letter-spacing: -0.01em;
  text-rendering: optimizeSpeed;
  line-height: 2;
  height: 100%;
  font-family: "Noto Sans CJK JP", sans-serif;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-variant-ligatures: no-common-ligatures;
}

/* HTML5から登場した登場した要素にdisplay: blockを適用します。(IE10以前のため) */
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/* classのついたリストのスタイルを打ち消します。 */
ul[class],
ol[class] {
  list-style: none;
}

/* a要素にclassが指定されていないときは、下線が文字を横切らないようにします */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* 画像をレスポンシブ対応にして、IE10以前に */
img {
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
  border-style: none;
}

/* Workaround for the SVG overflow bug in IE10/11 is still required. */
svg {
  overflow: hidden;
  vertical-align: middle;
}

/* articleの子要素間のmarginを指定します */
article > * + * {
  margin-top: 1em;
}

/* フォーム系 */
/* MacOS Chrome デフォルトの値を打ち消します。 */
button {
  border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

select {
  word-wrap: normal;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* hiddenと指定された要素を非表示にします */
[hidden] {
  display: none !important;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.js-overlay.-active {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.js-overlay.-active.-active {
  cursor: pointer;
  pointer-events: auto;
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}

.-scroll-lock {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
}

i[class^=icon-], i[class*=" icon-"] {
  line-height: 1;
}

@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.eot");
  src: url("../fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.otf") format("opentype");
}
img {
  image-rendering: -webkit-optimize-contrast;
}

/**

 ソース:
 @include responsive('.display-none') {
   display: none;
 }

 コンパイル後
 .display-none {
    display: none;
  }

  @media screen and (min-width: 400px) {
    .display-none-sm {
      display: none;
    }
  }

  @media screen and (min-width: 768px) {
    .display-none-md {
      display: none;
    }
  }

  .
  .
  .

  下記の記述でmax-width指定ができる
  @include responsive('.display-none', $breakpoint-down) {
    display: none;
  }

*/
/* 多色作成
----------------------------------------------- */
/* 親コンテナを突き抜けてブラウザ幅100%に
----------------------------------------------- */
/* Icon
----------------------------------------------- */
/* ----------------------------------------------- */
/* Layout
 ----------------------------------------------- */
/* container
   コンテンツ幅を指定のpxに固定したい場合に使用します。
   ----------------------------------------------------------------- */
.l-container {
  padding: 0 5vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 959.98px) {
  .l-container .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .l-container.-fixed {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .l-container.-fixed {
    max-width: 1160px;
  }
}
.l-container.-fluid {
  max-width: inherit;
}
.l-container.-broken {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  max-width: inherit;
}
@media (min-width: 960px) {
  .l-container.-shift-right {
    max-width: inherit;
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .l-container.-shift-left {
    max-width: inherit;
    margin-right: auto;
    margin-left: 0;
    padding-left: 0;
  }
}

/* inner
   コンテンツ幅をさらに狭めたい時に使用します。
   ----------------------------------------------------------------- */
.l-inner {
  padding: 0 6.4rem;
}
@media (max-width: 959.98px) {
  .l-inner {
    padding: 0 1.6rem;
  }
}

.l-breadcrumb {
  padding: 1.6rem 0;
  border-top: 1px solid #AAAADD;
}
.l-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.l-breadcrumb__item {
  position: relative;
  display: flex;
  align-items: center;
  color: #ADADAD;
}
.l-breadcrumb__item a {
  color: #2c2c2c;
  text-decoration: underline;
}
.l-breadcrumb__item:first-child {
  padding-left: 0;
}
.l-breadcrumb__item::after {
  content: "/";
  color: #ADADAD;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.l-breadcrumb__item:last-child::after {
  display: none;
}
.l-breadcrumb__item a:hover {
  color: #000099;
  text-decoration: underline;
}

.l-content {
  padding-top: 8rem;
}
@media (max-width: 959.98px) {
  .l-content {
    padding-top: 6rem;
  }
}

.l-section {
  padding: 4.8rem 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 959.98px) {
  .l-section {
    padding: 4.8rem 0;
  }
}
.l-section.-sm {
  padding: 4rem 0;
}

.l-copyright {
  position: relative;
  background-color: #e2e2f3;
  transform: translate3d(0, 0, 0);
  line-height: 1;
  padding: 1.6rem 0;
  z-index: 1;
}
@media (min-width: 960px) {
  .l-copyright {
    max-width: inherit;
  }
}
@media (max-width: 959.98px) {
  .l-copyright .l-container {
    display: block;
  }
}
@media (min-width: 960px) {
  .l-copyright .l-container {
    max-width: inherit;
  }
}
.l-copyright__txt {
  display: block;
  text-align: center;
  color: #000099;
  font-size: 1.2rem;
}
@media (min-width: 960px) {
  .l-copyright__txt {
    font-size: 1.6rem;
    max-width: inherit;
  }
}

.l-footer {
  position: relative;
  background-color: #000099;
  z-index: 1;
  background-image: url(../img/common/logo-only-mark.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (max-width: 959.98px) {
  .l-footer {
    line-height: 1.5;
  }
}
.l-footer .l-container {
  position: relative;
  padding-top: 1.6rem;
  padding-bottom: 6.4rem;
}
@media (max-width: 959.98px) {
  .l-footer .l-container {
    flex-direction: column;
    align-items: center;
    padding-top: 2.4rem;
  }
}
@media (min-width: 960px) {
  .l-footer .l-container {
    max-width: inherit;
  }
}
.l-footer__pagetop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 2.4rem;
  right: 5vw;
  z-index: 1000;
}
.l-footer__logo > a {
  display: inline-block;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (max-width: 959.98px) {
  .l-footer__logo > a {
    min-width: 26.2rem;
  }
  .l-footer__logo > a img {
    width: 100%;
    height: auto;
  }
}
.l-footer__logo > a:hover {
  opacity: 0.7;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.l-footer__company-info {
  display: flex;
  color: white;
  width: calc(100% - 60px);
}
@media (max-width: 959.98px) {
  .l-footer__company-info {
    align-items: start;
    flex-direction: column;
  }
}
.l-footer__company-info__text {
  margin-top: 2.4rem;
  margin-left: 4.8rem;
}
@media (max-width: 959.98px) {
  .l-footer__company-info__text {
    margin-top: 1.6rem;
    margin-left: 0;
    line-height: 2;
  }
}
.l-footer__links {
  display: flex;
  margin-top: 4rem;
  margin-bottom: 0;
  width: calc(100% - 40px);
}
@media (min-width: 750px) and (max-width: 960px) {
  .l-footer__links {
    width: calc(100% - 5vw);
  }
}
@media (max-width: 959.98px) {
  .l-footer__links {
    width: 100%;
    flex-wrap: wrap;
    padding-top: 3.2rem;
    margin-top: 3.2rem;
    border-top: 1px solid #AAAADD;
  }
}
@media (max-width: 959.98px) {
  .l-footer__link {
    flex: 1 1 100%;
  }
}
.l-footer__link a {
  display: inline-block;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  color: #E2E2F3;
  text-decoration: none;
}
.l-footer__link a:hover {
  opacity: 0.7;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.l-footer__link a.-bold {
  font-weight: bold;
  color: white;
}
.l-footer__link + .l-footer__link {
  border-left: 1px solid #5959C4;
  padding-left: 6.4rem;
}
@media (min-width: 960px) {
  .l-footer__link + .l-footer__link {
    margin-left: 3.2rem;
  }
}
@media (max-width: 959.98px) {
  .l-footer__link + .l-footer__link {
    margin-top: 2.4rem;
    padding-left: 0;
    padding-top: 2.4rem;
    border-left: none;
    border-top: 1px solid #5959C4;
  }
}
.l-footer__link {
  flex: 0 1 100%;
}
.l-footer__link__item + .l-footer__link__item {
  margin-top: 2.4rem;
}
.l-footer__link__lines {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 959.98px) {
  .l-footer__link__lines a {
    margin-top: 1.6rem;
  }
}
.l-footer__link__lines a + a {
  margin-left: 3.2rem;
}
@media (max-width: 959.98px) {
  .l-footer__link__lines a + a {
    margin-left: 0;
  }
}
@media (max-width: 959.98px) {
  .l-footer__link__lines {
    flex-direction: column;
  }
}
@media (max-width: 959.98px) {
  .l-footer__link__lines.-wrap-mobile {
    flex-direction: row;
  }
  .l-footer__link__lines.-wrap-mobile a {
    flex: 0 1 50%;
  }
}
@media (max-width: 959.98px) {
  .l-footer__link__lines.-children {
    padding-left: 1.6rem;
  }
}

.l {
  /**
   * Spacing variant:
   *
   * <div class="Stack -s{spacing}"></div>
   * <div class="Stack -{breakpoint}:s{spacing}"></div>
   */
}
.l-stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.l-stack > * {
  flex-shrink: 0;
}
.l-stack > * + * {
  position: relative;
  margin-top: 4rem;
}
.l-stack.-border > * + * {
  border-top: 1px solid #bfbfbf;
  padding-top: 4rem;
}
.l-stack.-border > * + *:last-child {
  border-bottom: 1px solid #bfbfbf;
}
.l-stack.-border-dashed > * + * {
  border-top: 1px dashed #bfbfbf;
  padding-top: 4rem;
}
.l-stack.-border-dashed > * + *:last-child {
  border-bottom: 1px dashed #bfbfbf;
  padding-bottom: 4rem;
}
.l-stack.-s0 > * + * {
  margin-top: 0;
}
.l-stack > .l-stack__child--s0 {
  margin-top: 0;
}
.l-stack.-s1 > * + * {
  margin-top: 0.8rem;
}
.l-stack > .l-stack__child--s1 {
  margin-top: 0.8rem;
}
.l-stack.-s2 > * + * {
  margin-top: 1.6rem;
}
.l-stack > .l-stack__child--s2 {
  margin-top: 1.6rem;
}
.l-stack.-s3 > * + * {
  margin-top: 2.4rem;
}
.l-stack > .l-stack__child--s3 {
  margin-top: 2.4rem;
}
.l-stack.-s4 > * + * {
  margin-top: 3.2rem;
}
.l-stack > .l-stack__child--s4 {
  margin-top: 3.2rem;
}
.l-stack.-s5 > * + * {
  margin-top: 4rem;
}
.l-stack > .l-stack__child--s5 {
  margin-top: 4rem;
}
.l-stack.-s6 > * + * {
  margin-top: 4.8rem;
}
.l-stack > .l-stack__child--s6 {
  margin-top: 4.8rem;
}
.l-stack.-s7 > * + * {
  margin-top: 5.6rem;
}
.l-stack > .l-stack__child--s7 {
  margin-top: 5.6rem;
}
.l-stack.-s8 > * + * {
  margin-top: 6.4rem;
}
.l-stack > .l-stack__child--s8 {
  margin-top: 6.4rem;
}
.l-stack.-s9 > * + * {
  margin-top: 7.2rem;
}
.l-stack > .l-stack__child--s9 {
  margin-top: 7.2rem;
}
.l-stack.-s10 > * + * {
  margin-top: 8rem;
}
.l-stack > .l-stack__child--s10 {
  margin-top: 8rem;
}
.l-stack.-s11 > * + * {
  margin-top: 8.8rem;
}
.l-stack > .l-stack__child--s11 {
  margin-top: 8.8rem;
}
.l-stack.-s12 > * + * {
  margin-top: 9.6rem;
}
.l-stack > .l-stack__child--s12 {
  margin-top: 9.6rem;
}
.l-stack.-s13 > * + * {
  margin-top: 10.4rem;
}
.l-stack > .l-stack__child--s13 {
  margin-top: 10.4rem;
}
.l-stack.-s14 > * + * {
  margin-top: 11.2rem;
}
.l-stack > .l-stack__child--s14 {
  margin-top: 11.2rem;
}
.l-stack.-s15 > * + * {
  margin-top: 12rem;
}
.l-stack > .l-stack__child--s15 {
  margin-top: 12rem;
}
.l-stack.-s0 > * + * {
  margin-top: 0;
}
.l-stack.-s1 > * + * {
  margin-top: 0.8rem;
}
.l-stack.-s2 > * + * {
  margin-top: 1.6rem;
}
.l-stack.-s3 > * + * {
  margin-top: 2.4rem;
}
.l-stack.-s4 > * + * {
  margin-top: 3.2rem;
}
.l-stack.-s5 > * + * {
  margin-top: 4rem;
}
.l-stack.-s6 > * + * {
  margin-top: 4.8rem;
}
.l-stack.-s7 > * + * {
  margin-top: 5.6rem;
}
.l-stack.-s8 > * + * {
  margin-top: 6.4rem;
}
.l-stack.-s9 > * + * {
  margin-top: 7.2rem;
}
.l-stack.-s10 > * + * {
  margin-top: 8rem;
}
.l-stack.-s11 > * + * {
  margin-top: 8.8rem;
}
.l-stack.-s12 > * + * {
  margin-top: 9.6rem;
}
.l-stack.-s13 > * + * {
  margin-top: 10.4rem;
}
.l-stack.-s14 > * + * {
  margin-top: 11.2rem;
}
.l-stack.-s15 > * + * {
  margin-top: 12rem;
}
@media (min-width: 960px) {
  .l-stack.-s0-pc > * + * {
    margin-top: 0;
  }
  .l-stack.-s1-pc > * + * {
    margin-top: 0.8rem;
  }
  .l-stack.-s2-pc > * + * {
    margin-top: 1.6rem;
  }
  .l-stack.-s3-pc > * + * {
    margin-top: 2.4rem;
  }
  .l-stack.-s4-pc > * + * {
    margin-top: 3.2rem;
  }
  .l-stack.-s5-pc > * + * {
    margin-top: 4rem;
  }
  .l-stack.-s6-pc > * + * {
    margin-top: 4.8rem;
  }
  .l-stack.-s7-pc > * + * {
    margin-top: 5.6rem;
  }
  .l-stack.-s8-pc > * + * {
    margin-top: 6.4rem;
  }
  .l-stack.-s9-pc > * + * {
    margin-top: 7.2rem;
  }
  .l-stack.-s10-pc > * + * {
    margin-top: 8rem;
  }
  .l-stack.-s11-pc > * + * {
    margin-top: 8.8rem;
  }
  .l-stack.-s12-pc > * + * {
    margin-top: 9.6rem;
  }
  .l-stack.-s13-pc > * + * {
    margin-top: 10.4rem;
  }
  .l-stack.-s14-pc > * + * {
    margin-top: 11.2rem;
  }
  .l-stack.-s15-pc > * + * {
    margin-top: 12rem;
  }
}

.l {
  /* モバイルデバイス限定で機能する開閉ボタンです。
    .-inactive: 閉じた状態
    .-active  : 開いた状態
  */
  /*
    メガメニュー
    大きめの画面のサイズのみ表示するいくつかのリンクを内包したコンポーネントです。
  */
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  background-color: white;
  transform: translateY(0%);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (min-width: 960px) {
  .l-header .l-container {
    max-width: inherit;
  }
}
.l-header.-hide {
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (max-width: 959.98px) {
  .l-header__localnav__nav > * {
    flex: 0 0 auto;
  }
}
.l-header__localnav__content {
  position: relative;
  display: flex;
  align-items: center;
  height: 80px;
}
@media (max-width: 959.98px) {
  .l-header__localnav__content {
    height: 60px;
  }
}
.l-header__localnav__nav {
  display: flex;
  align-items: center;
  height: 100%;
  flex: 0 0 auto;
  margin-left: auto;
  transition: none;
}
@media (max-width: 959.98px) {
  .l-header__localnav__nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    background-color: white;
    text-align: center;
    transform: translateY(-100px);
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index: 1200;
    flex: inherit;
    flex-direction: column;
  }
  .l-header__localnav__nav.-active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-overflow-scrolling: touch;
  }
}
.l-header__localnav__logo {
  pointer-events: auto;
  flex: 0 1 100%;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.l-header__localnav__logo:hover {
  opacity: 0.7;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (max-width: 959.98px) {
  .l-header__localnav__logo {
    flex: 0 1 20rem;
  }
}
.l-header__localnav__main {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 4rem;
}
@media (max-width: 959.98px) {
  .l-header__localnav__main {
    margin-left: 0;
    padding-bottom: 150px;
    height: auto;
    margin: 0 !important;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    flex-direction: column;
  }
}
.l-header__localnav__item {
  text-align: center;
  height: 100%;
  margin-left: 0.8rem;
}
@media (max-width: 959.98px) {
  .l-header__localnav__item {
    width: 100%;
    height: auto;
    font-weight: bold;
  }
}
@media screen and (min-width: 1200px) {
  .l-header__localnav__item {
    margin-left: 1.6rem;
  }
}
@media screen and (min-width: 1600px) {
  .l-header__localnav__item {
    margin-left: 3.2rem;
  }
}
@media (min-width: 960px) {
  .l-header__localnav__item {
    flex: 1 1 auto;
  }
}
.l-header__localnav__item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-decoration: none;
  font-weight: bold;
  color: #2c2c2c;
  transition: color 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (min-width: 960px) {
  .l-header__localnav__item a {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .l-header__localnav__item a {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1400px) {
  .l-header__localnav__item a {
    font-size: 1.6rem;
  }
}
@media (max-width: 959.98px) {
  .l-header__localnav__item a {
    display: flex;
    justify-content: flex-start;
    height: auto;
    padding: 1.6rem 2.4rem;
    position: relative;
  }
}
.l-header__localnav__item a.js-toggle-children::after {
  font-size: 1rem;
  font-family: icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: -0.25rem;
  font-size: 1rem;
  content: "";
  transform: translateY(5%) rotate(90deg);
  margin-left: 1rem;
}
@media (max-width: 959.98px) {
  .l-header__localnav__item a.js-toggle-children::after {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    transform: translateY(-50%) rotate(90deg);
    font-size: 1.4rem;
  }
}
@media (max-width: 959.98px) {
  .l-header__localnav__item a.js-toggle-children.-active::after {
    transform: translateY(-50%) rotate(270deg);
  }
}
.l-header__localnav__item.-child:last-child {
  border-bottom: none;
}
.l-header__localnav__item.-child a {
  background-color: rgba(0, 0, 153, 0.1);
}
.l-header__localnav__item.-child a::before {
  content: "";
}
@media (min-width: 960px) {
  .l-header__localnav__item > a.-active {
    color: #af9e00 !important;
  }
}
@media (min-width: 960px) {
  .l-header__localnav__item a:hover {
    color: #000099;
  }
}
.l-header__toggle {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  right: -5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1300;
  font-size: 1.2rem;
  pointer-events: auto;
  text-decoration: none;
  background: linear-gradient(to right, #01016e 0%, #0111ac 100%);
}
@media (min-width: 960px) {
  .l-header__toggle {
    display: none;
  }
}
.l-header__toggle > * {
  pointer-events: none;
  color: white;
}
.l-header__toggle__icon {
  font-size: 1.8rem;
}
.l-header__toggle__lines {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 14px;
}
.l-header__toggle__lines span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  background-color: white;
}
.l-header__toggle__lines span:nth-of-type(1) {
  top: 0;
}
.l-header__toggle__lines span:nth-of-type(2) {
  top: 6px;
}
.l-header__toggle__lines span:nth-of-type(3) {
  bottom: 0;
}
.l-header__toggle.-active .l-header__toggle__lines span:nth-of-type(1) {
  transform: translateY(6px) rotate(-45deg);
}
.l-header__toggle.-active .l-header__toggle__lines span:nth-of-type(2) {
  opacity: 0;
}
.l-header__toggle.-active .l-header__toggle__lines span:nth-of-type(3) {
  transform: translateY(-6px) rotate(45deg);
}
.l-header__toggle .-inactive {
  display: block;
}
.l-header__toggle .-active {
  display: none;
}
.l-header__toggle.-active .-inactive {
  display: none;
}
.l-header__toggle.-active .-active {
  display: block;
}
.l-header__localnav__chidrens__mobile {
  width: 100%;
  background-color: #E2E2F3;
  font-size: 1.4rem;
}
.l-header__localnav__chidrens__mobile .l-header__localnav__item a {
  display: flex;
  align-items: baseline;
  color: #000099;
  padding: 1.6rem 4rem;
  text-align: left;
}
.l-header__localnav__chidrens__mobile .l-header__localnav__item i {
  position: relative;
  top: 0.4rem;
  font-size: 2.2rem;
  line-height: 1;
}
.l-header__localnav__chidrens__mobile[data-drawer-children=company] .l-header__localnav__item i, .l-header__localnav__chidrens__mobile[data-drawer-children=pickup] .l-header__localnav__item i {
  color: #7171C6;
  font-size: 1.6rem;
}
.l-header__localnav__chidrens__mobile .l-header__localnav__item i + span {
  margin-left: 1.6rem;
}
@media (min-width: 960px) {
  .l-header__localnav__chidrens__mobile {
    display: none;
  }
}
.l-header__megamenu {
  position: fixed;
  top: 8rem;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateY(-50px);
  opacity: 0;
  pointer-events: none;
  z-index: 1400;
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (max-width: 959.98px) {
  .l-header__megamenu {
    display: none;
  }
}
.l-header__megamenu.-active {
  opacity: 1;
  transform: translateY(0%);
  pointer-events: auto;
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.l-header__megamenu[data-mega-menu=company] i, .l-header__megamenu[data-mega-menu=pickup] i {
  font-size: 2rem;
  color: #7171C6;
}
@media (min-width: 960px) {
  .l-header__megamenu[data-mega-menu=pickup] .l-header__megamenu__links li:nth-of-type(n+3) {
    flex: inherit;
    flex-grow: 1;
    flex-basis: 1px;
    max-width: 100%;
  }
  .l-header__megamenu[data-mega-menu=pickup] .l-header__megamenu__links a {
    padding-top: 4.2rem;
    padding-bottom: 4.2rem;
    line-height: 1.5;
  }
  .l-header__megamenu[data-mega-menu=pickup] .c-button {
    padding-right: 4.8rem;
  }
}
.l-header__megamenu__inner {
  display: flex;
  background-color: white;
}
.l-header__megamenu__about {
  background-color: #000099;
  color: white;
  padding: 4rem 3.2rem 4rem 6.4rem;
  flex: 0 0 48rem;
}
.l-header__megamenu__links {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 100%;
  margin: 0;
}
.l-header__megamenu__links li {
  flex: 0 0 50%;
}
.l-header__megamenu__links a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  padding: 2.4rem 3.2rem;
  transition: background-color 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  color: #000099;
  height: 100%;
}
.l-header__megamenu__links a:hover {
  background-color: #e2e2f3;
  transition: background-color 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.l-header__megamenu__links span {
  margin-left: 1.6rem;
}
.l-header__megamenu__links i {
  font-size: 4rem;
  line-height: 1;
}

.l-key-visual {
  position: relative;
  width: 100%;
  height: calc(100vh - 8rem);
}
@media (max-width: 959.98px) {
  .l-key-visual {
    height: calc(100vh - 6rem);
  }
}

.l-key-visual__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.l-key-visual__catch {
  position: absolute;
  left: 5vw;
  bottom: 5vw;
  color: white;
  line-height: 2;
}

.l-pagettl {
  position: relative;
  z-index: 2;
}

.l-pagettl__img {
  height: 30rem;
}
@media (max-width: 959.98px) {
  .l-pagettl__img {
    height: 20rem;
  }
}
.l-pagettl__img img {
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}

.l-pagettl__text {
  position: relative;
  background: linear-gradient(to right, #01016e 0%, #0111ac 100%);
  color: white;
  margin-top: -3.2rem;
  padding: 3.2rem 4.8rem 3.2rem 5vw;
  width: calc(100% - 20vw);
  z-index: 1;
}
@media (max-width: 959.98px) {
  .l-pagettl__text {
    width: calc(100% - 5vw);
  }
}
.l-pagettl__text.-full {
  width: 100%;
  margin-top: 0;
}

.l-pagettl__category {
  display: flex;
  flex-wrap: wrap;
}

.l-pagettl__category__item {
  font-size: 1.4rem;
  border-radius: 1.2rem;
  padding: 0.5rem 0.8rem;
  border: 1px solid white;
  line-height: 1;
}

.l {
  /**
  * Overflow variant:
  *
  * <div class="l-cluster -overflow"></div>
  */
  /**
  * Spacing variant:
  *
  * <div class="Cluster -s{spacing}"></div>
  * <div class="Cluster -sx{spacing}"></div>
  * <div class="Cluster -sy{spacing}"></div>
  */
  /**
  * Justify variant:
  *
  * <div class="l-cluster -justify-{justify}"></div>
  */
  /**
  * Align variant:
  *
  * <div class="l-cluster -align-{align}"></div>
  */
}
.l-cluster {
  display: block;
}
.l-cluster:not(.l-cluster__child--overflow) {
  overflow: hidden;
}
.l-cluster > * {
  display: flex;
  flex-wrap: wrap;
}
.l-cluster.-s0 > * {
  margin: 0;
}
.l-cluster.-s0 > * > * {
  margin: 0;
}
.l-cluster.-s1 > * {
  margin: -0.4rem;
}
.l-cluster.-s1 > * > * {
  margin: 0.4rem;
}
.l-cluster.-s2 > * {
  margin: -0.8rem;
}
.l-cluster.-s2 > * > * {
  margin: 0.8rem;
}
.l-cluster.-s3 > * {
  margin: -1.2rem;
}
.l-cluster.-s3 > * > * {
  margin: 1.2rem;
}
.l-cluster.-s4 > * {
  margin: -1.6rem;
}
.l-cluster.-s4 > * > * {
  margin: 1.6rem;
}
.l-cluster.-s5 > * {
  margin: -2rem;
}
.l-cluster.-s5 > * > * {
  margin: 2rem;
}
.l-cluster.-s6 > * {
  margin: -2.4rem;
}
.l-cluster.-s6 > * > * {
  margin: 2.4rem;
}
.l-cluster.-s7 > * {
  margin: -2.8rem;
}
.l-cluster.-s7 > * > * {
  margin: 2.8rem;
}
.l-cluster.-s8 > * {
  margin: -3.2rem;
}
.l-cluster.-s8 > * > * {
  margin: 3.2rem;
}
.l-cluster.-s9 > * {
  margin: -3.6rem;
}
.l-cluster.-s9 > * > * {
  margin: 3.6rem;
}
.l-cluster.-s10 > * {
  margin: -4rem;
}
.l-cluster.-s10 > * > * {
  margin: 4rem;
}
.l-cluster.-s11 > * {
  margin: -4.4rem;
}
.l-cluster.-s11 > * > * {
  margin: 4.4rem;
}
.l-cluster.-s12 > * {
  margin: -4.8rem;
}
.l-cluster.-s12 > * > * {
  margin: 4.8rem;
}
.l-cluster.-s13 > * {
  margin: -5.2rem;
}
.l-cluster.-s13 > * > * {
  margin: 5.2rem;
}
.l-cluster.-s14 > * {
  margin: -5.6rem;
}
.l-cluster.-s14 > * > * {
  margin: 5.6rem;
}
.l-cluster.-s15 > * {
  margin: -6rem;
}
.l-cluster.-s15 > * > * {
  margin: 6rem;
}
.l-cluster.-sx0 > * {
  margin-right: 0;
  margin-left: 0;
}
.l-cluster.-sx0 > * > * {
  margin-right: 0;
  margin-left: 0;
}
.l-cluster.-sy0 > * {
  margin-top: 0;
  margin-bottom: 0;
}
.l-cluster.-sy0 > * > * {
  margin-top: 0;
  margin-bottom: 0;
}
.l-cluster.-sx1 > * {
  margin-right: -0.4rem;
  margin-left: -0.4rem;
}
.l-cluster.-sx1 > * > * {
  margin-right: 0.4rem;
  margin-left: 0.4rem;
}
.l-cluster.-sy1 > * {
  margin-top: -0.4rem;
  margin-bottom: -0.4rem;
}
.l-cluster.-sy1 > * > * {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.l-cluster.-sx2 > * {
  margin-right: -0.8rem;
  margin-left: -0.8rem;
}
.l-cluster.-sx2 > * > * {
  margin-right: 0.8rem;
  margin-left: 0.8rem;
}
.l-cluster.-sy2 > * {
  margin-top: -0.8rem;
  margin-bottom: -0.8rem;
}
.l-cluster.-sy2 > * > * {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.l-cluster.-sx3 > * {
  margin-right: -1.2rem;
  margin-left: -1.2rem;
}
.l-cluster.-sx3 > * > * {
  margin-right: 1.2rem;
  margin-left: 1.2rem;
}
.l-cluster.-sy3 > * {
  margin-top: -1.2rem;
  margin-bottom: -1.2rem;
}
.l-cluster.-sy3 > * > * {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.l-cluster.-sx4 > * {
  margin-right: -1.6rem;
  margin-left: -1.6rem;
}
.l-cluster.-sx4 > * > * {
  margin-right: 1.6rem;
  margin-left: 1.6rem;
}
.l-cluster.-sy4 > * {
  margin-top: -1.6rem;
  margin-bottom: -1.6rem;
}
.l-cluster.-sy4 > * > * {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.l-cluster.-sx5 > * {
  margin-right: -2rem;
  margin-left: -2rem;
}
.l-cluster.-sx5 > * > * {
  margin-right: 2rem;
  margin-left: 2rem;
}
.l-cluster.-sy5 > * {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
.l-cluster.-sy5 > * > * {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.l-cluster.-sx6 > * {
  margin-right: -2.4rem;
  margin-left: -2.4rem;
}
.l-cluster.-sx6 > * > * {
  margin-right: 2.4rem;
  margin-left: 2.4rem;
}
.l-cluster.-sy6 > * {
  margin-top: -2.4rem;
  margin-bottom: -2.4rem;
}
.l-cluster.-sy6 > * > * {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.l-cluster.-sx7 > * {
  margin-right: -2.8rem;
  margin-left: -2.8rem;
}
.l-cluster.-sx7 > * > * {
  margin-right: 2.8rem;
  margin-left: 2.8rem;
}
.l-cluster.-sy7 > * {
  margin-top: -2.8rem;
  margin-bottom: -2.8rem;
}
.l-cluster.-sy7 > * > * {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
}
.l-cluster.-sx8 > * {
  margin-right: -3.2rem;
  margin-left: -3.2rem;
}
.l-cluster.-sx8 > * > * {
  margin-right: 3.2rem;
  margin-left: 3.2rem;
}
.l-cluster.-sy8 > * {
  margin-top: -3.2rem;
  margin-bottom: -3.2rem;
}
.l-cluster.-sy8 > * > * {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}
.l-cluster.-sx9 > * {
  margin-right: -3.6rem;
  margin-left: -3.6rem;
}
.l-cluster.-sx9 > * > * {
  margin-right: 3.6rem;
  margin-left: 3.6rem;
}
.l-cluster.-sy9 > * {
  margin-top: -3.6rem;
  margin-bottom: -3.6rem;
}
.l-cluster.-sy9 > * > * {
  margin-top: 3.6rem;
  margin-bottom: 3.6rem;
}
.l-cluster.-sx10 > * {
  margin-right: -4rem;
  margin-left: -4rem;
}
.l-cluster.-sx10 > * > * {
  margin-right: 4rem;
  margin-left: 4rem;
}
.l-cluster.-sy10 > * {
  margin-top: -4rem;
  margin-bottom: -4rem;
}
.l-cluster.-sy10 > * > * {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.l-cluster.-sx11 > * {
  margin-right: -4.4rem;
  margin-left: -4.4rem;
}
.l-cluster.-sx11 > * > * {
  margin-right: 4.4rem;
  margin-left: 4.4rem;
}
.l-cluster.-sy11 > * {
  margin-top: -4.4rem;
  margin-bottom: -4.4rem;
}
.l-cluster.-sy11 > * > * {
  margin-top: 4.4rem;
  margin-bottom: 4.4rem;
}
.l-cluster.-sx12 > * {
  margin-right: -4.8rem;
  margin-left: -4.8rem;
}
.l-cluster.-sx12 > * > * {
  margin-right: 4.8rem;
  margin-left: 4.8rem;
}
.l-cluster.-sy12 > * {
  margin-top: -4.8rem;
  margin-bottom: -4.8rem;
}
.l-cluster.-sy12 > * > * {
  margin-top: 4.8rem;
  margin-bottom: 4.8rem;
}
.l-cluster.-sx13 > * {
  margin-right: -5.2rem;
  margin-left: -5.2rem;
}
.l-cluster.-sx13 > * > * {
  margin-right: 5.2rem;
  margin-left: 5.2rem;
}
.l-cluster.-sy13 > * {
  margin-top: -5.2rem;
  margin-bottom: -5.2rem;
}
.l-cluster.-sy13 > * > * {
  margin-top: 5.2rem;
  margin-bottom: 5.2rem;
}
.l-cluster.-sx14 > * {
  margin-right: -5.6rem;
  margin-left: -5.6rem;
}
.l-cluster.-sx14 > * > * {
  margin-right: 5.6rem;
  margin-left: 5.6rem;
}
.l-cluster.-sy14 > * {
  margin-top: -5.6rem;
  margin-bottom: -5.6rem;
}
.l-cluster.-sy14 > * > * {
  margin-top: 5.6rem;
  margin-bottom: 5.6rem;
}
.l-cluster.-sx15 > * {
  margin-right: -6rem;
  margin-left: -6rem;
}
.l-cluster.-sx15 > * > * {
  margin-right: 6rem;
  margin-left: 6rem;
}
.l-cluster.-sy15 > * {
  margin-top: -6rem;
  margin-bottom: -6rem;
}
.l-cluster.-sy15 > * > * {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.l-cluster.-justify-start > * {
  justify-content: flex-start;
}
.l-cluster.-justify-end > * {
  justify-content: flex-end;
}
.l-cluster.-justify-center > * {
  justify-content: center;
}
.l-cluster.-justify-between > * {
  justify-content: space-between;
}
.l-cluster.-align-start > * {
  align-items: flex-start;
}
.l-cluster.-align-end > * {
  align-items: flex-end;
}
.l-cluster.-align-center > * {
  align-items: center;
}
.l-cluster.-align-stretch > * {
  align-items: stretch;
}

.l-main__content {
  background-color: white;
}

.l-wrapper {
  height: 100%;
}

.l-preloader {
  position: fixed;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.l-preloader.-can-operate {
  transition: all 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  left: auto;
  right: auto;
  bottom: auto;
  transform: translateY(-100%);
  pointer-events: none;
}
.l-preloader.-hidden {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
}
.l-preloader__img {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-delay: 0.7s;
  transition-duration: 1.1s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  transform-style: preserve-3d;
  transform: rotateX(-60deg) rotateZ(-15deg) translateY(7rem) scale(0.5);
}
.l-preloader__img.-done {
  transform: rotateX(0) rotateZ(0) translateY(0) scale(1);
  opacity: 1;
}
.l-preloader__img img {
  max-width: 320px;
  height: auto;
}

/* Object
----------------------------------------------- */
/* Component */
.c-accordion__target {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.c-accordion__target.is-active {
  height: auto;
  pointer-events: auto;
  opacity: 1;
}
@media (min-width: 960px) {
  .l-header .c-accordion__toggle {
    display: none;
  }
  .l-header .c-accordion__target {
    display: none;
  }
}
@media (max-width: 959.98px) {
  .l-header__localnav__item > .-parent {
    position: relative;
  }
  .l-header__localnav__item > .-parent::before {
    display: none;
  }
  .l-header__localnav__item > .-parent .c-accordion__toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    z-index: 1;
    background: none;
    text-align: center;
    color: #000099;
  }
  .l-header__localnav__item > .-parent .c-accordion__toggle .deactive {
    display: block;
  }
  .l-header__localnav__item > .-parent .c-accordion__toggle .active {
    display: none;
  }
  .l-header__localnav__item > .-parent .c-accordion__toggle.is-active .deactive {
    display: none;
  }
  .l-header__localnav__item > .-parent .c-accordion__toggle.is-active .active {
    display: block;
  }
  .l-header__localnav__item .c-accordion__target {
    pointer-events: none;
  }
  .l-header__localnav__nav.is-active .c-accordion__target {
    pointer-events: auto;
  }
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@keyframes zoomDown {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes paginationProgressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.c-carousel {
  position: relative;
}

.c-carousel__img {
  overflow: hidden;
}

.c-carousel__img img {
  height: 35rem;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
}
@media (min-width: 960px) {
  .c-carousel__img img {
    height: 70vh;
  }
}

.c-carousel__catch {
  color: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5vw;
  z-index: 1000;
}
@media (max-width: 959.98px) {
  .c-carousel__catch {
    top: 11.8rem;
    width: calc(100% - 10vw);
    transform: none;
  }
}

.c-carousel__catch__pickup {
  position: relative;
  text-indent: 5.6rem;
  font-weight: bold;
}
.c-carousel__catch__pickup::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 4.8rem;
  height: 1px;
  background-color: white;
}

.c-carousel__catch__heading .c-heading {
  margin-top: 0.8rem;
}

.c-carousel__catch__button {
  margin-top: 6.4rem;
}
@media (max-width: 959.98px) {
  .c-carousel__catch__button {
    text-align: center;
    margin-top: 2.4rem;
  }
}

@media (max-width: 959.98px) {
  .c-carousel__catch__message {
    color: #2c2c2c;
  }
}

.c-carousel__catch__body.-mobile {
  padding: 1.6rem;
}
@media (min-width: 960px) {
  .c-carousel__catch__body.-mobile {
    display: none;
  }
}

@media (max-width: 959.98px) {
  .c-carousel__catch__body.-pc {
    display: none;
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.c-carousel__thumb {
  animation: fadeUp 0.7s cubic-bezier(0.33, 1, 0.68, 1) 0.2s 1 normal both;
  position: absolute;
  right: 5vw;
  bottom: -4rem;
  width: 60%;
  max-width: 784px;
}
@media (max-width: 959.98px) {
  .c-carousel__thumb {
    display: none;
  }
}
.c-carousel__thumb .swiper-slide {
  display: block;
  position: relative;
}
.c-carousel__thumb .swiper-slide::before {
  position: absolute;
  content: "";
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  box-shadow: 0 0 0 1px #AAAADD inset;
  transition: box-shadow 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-carousel__thumb .swiper-slide-thumb-active::before {
  box-shadow: 0 0 0 4px #AAAADD inset;
  transition: box-shadow 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-carousel__thumb.-disable {
  pointer-events: none;
}

.c-carousel__main {
  animation: fadeUp 0.7s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal both;
}
.c-carousel__main .swiper-slide-active-prev .c-carousel__img img,
.c-carousel__main .swiper-slide-active .c-carousel__img img {
  animation: zoomDown 10s linear 0s 1 normal both;
}
.c-carousel__main .swiper-pagination {
  display: flex;
  width: 100%;
  bottom: -2.4rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.c-carousel__main .swiper-pagination.-disable {
  pointer-events: none;
}
@media (min-width: 960px) {
  .c-carousel__main .swiper-pagination {
    padding-left: 0;
    padding-right: 0;
    width: 30rem;
  }
}
.c-carousel__main .swiper-pagination-bullet {
  position: relative;
  flex: 0 1 100%;
  border-radius: 0;
  height: 4px;
  background-color: #E8E8E8;
  opacity: 1;
}
.c-carousel__main .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.8rem;
}
.c-carousel__main .swiper-pagination-bullet-active::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(to right, #01016e 0%, #0111ac 100%);
  animation: paginationProgressBar 6s linear 0s 1 normal both;
}
@media (max-width: 959.98px) {
  .c-carousel__main {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
  }
}
.c-carousel__main .swiper-slide .c-carousel__catch,
.c-carousel__main .swiper-slide .c-carousel__catch__body.-mobile {
  opacity: 0;
  transform: translateX(-50px);
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (min-width: 960px) {
  .c-carousel__main .swiper-slide .c-carousel__catch,
.c-carousel__main .swiper-slide .c-carousel__catch__body.-mobile {
    transform: translate(-50px, -50%);
  }
}
.c-carousel__main .swiper-slide-active .c-carousel__catch,
.c-carousel__main .swiper-slide-active .c-carousel__catch__body.-mobile {
  transform: translateX(0px);
  opacity: 1;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  transition-delay: 0.6s;
}
@media (min-width: 960px) {
  .c-carousel__main .swiper-slide-active .c-carousel__catch,
.c-carousel__main .swiper-slide-active .c-carousel__catch__body.-mobile {
    transform: translate(0px, -50%);
  }
}

.c-auto-break {
  max-width: 100%;
}
.c-auto-break span {
  display: inline-block;
}

.c-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: #212529;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 1rem 2rem;
  font-size: 1.6rem;
  min-width: 24rem;
  font-weight: bold !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  text-align: center;
  color: #fff;
  cursor: pointer;
  text-decoration: none !important;
}
@media (max-width: 959.98px) {
  .c-button {
    width: auto;
    margin-left: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.c-button * {
  pointer-events: none;
}
.c-button span {
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button:hover::before {
  width: 1.6rem;
  opacity: 1;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button:hover span {
  transform: translateX(-1rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button::after {
  font-size: 1rem;
  font-family: icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  color: white;
  font-size: 1.4rem;
  line-height: 1.4rem !important;
  right: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.c-button.-full {
  width: 100%;
}
.c-button.-round {
  border-radius: 100px;
}
.c-button.-primary {
  background-color: #000099;
}
.c-button.-primary:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-secondary {
  background-color: #af9e00;
}
.c-button.-secondary:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-secondary:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-base01 {
  background-color: #EAEAF7;
}
.c-button.-base01:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-base01:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-base02 {
  background-color: #e2e2f3;
}
.c-button.-base02:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-base02:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-base03 {
  background-color: #7171C6;
}
.c-button.-base03:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-base03:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-black {
  background-color: #2c2c2c;
}
.c-button.-black:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-black:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-white {
  background-color: white;
}
.c-button.-white:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-white:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-100 {
  background-color: #00000f;
}
.c-button.-primary-100:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-100:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-200 {
  background-color: #00001f;
}
.c-button.-primary-200:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-200:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-300 {
  background-color: #00002e;
}
.c-button.-primary-300:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-300:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-400 {
  background-color: #00003d;
}
.c-button.-primary-400:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-400:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-500 {
  background-color: #00004d;
}
.c-button.-primary-500:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-500:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-600 {
  background-color: #00005c;
}
.c-button.-primary-600:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-600:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-700 {
  background-color: #00006b;
}
.c-button.-primary-700:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-700:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-800 {
  background-color: #00007a;
}
.c-button.-primary-800:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-800:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-900 {
  background-color: #00008a;
}
.c-button.-primary-900:hover span {
  transform: translateX(-2rem);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-primary-900:hover span::after {
  opacity: 1;
  transform: translateX(4.5rem);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-button.-white {
  background-color: white;
  color: #000099;
}
.c-button.-white .c-button__icon, .c-button.-white svg {
  fill: #000099;
  color: #000099;
}
.c-button.-white:hover {
  color: white;
  background-color: #000099;
}
.c-button.-white:hover .c-button__icon, .c-button.-white:hover svg {
  fill: white;
  color: white !important;
}
.c-button.-primary-grad {
  background: linear-gradient(to right, #01016e 0%, #0111ac 100%);
}
.c-button.-secondary-grad {
  background: linear-gradient(to right, #6e6200 0%, #af9e00 100%);
}

.c {
  /* 変数定義 */
  /* スタイル指定 */
}
.c-bracket {
  position: relative;
}
.c-bracket__item {
  padding: 3.2rem;
  border: 1px solid #AAAADD;
}
@media (max-width: 959.98px) {
  .c-bracket__item {
    padding: 1.6rem;
  }
}

.c {
  /* 変数定義 */
  /* スタイル指定 */
  /* 下層インデックス用 */
  /* 下層事例用 */
}
.c-card {
  display: block;
  position: relative;
  width: 100%;
}
.c-card:hover .c-card__img::before {
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-card__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.c-card__item > * {
  flex-shrink: 0;
}
.c-card__img {
  flex: 0 0 auto;
}
.c-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.6rem 0;
}
.c-card__body > * {
  flex-shrink: 0;
}
.c-card__body > * + * {
  margin-top: 1.6rem;
}
.c-card__body > *:nth-last-child(2) {
  margin-bottom: 1.6rem;
}
.c-card__body > *:last-child {
  margin-top: auto;
}
@media (max-width: 959.98px) {
  .c-card__body {
    padding: 1.6rem 0;
  }
}
.c-card__body__txt {
  position: relative;
  color: white;
  z-index: 1;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
.c-card__body__btn {
  text-align: right;
}
.c-card.-list {
  background-color: #EAEAF7;
}
.c-card.-list .c-card__body {
  padding: 3.2rem;
  padding-right: calc(24rem + 32px);
}
@media (max-width: 959.98px) {
  .c-card.-list .c-card__body {
    padding: 2.4rem 1.6rem 0;
  }
}
.c-card.-list .c-card__body i {
  font-size: 2rem;
}
@media (max-width: 959.98px) {
  .c-card.-list .c-card__body p {
    margin-top: 0.8rem;
  }
}
@media (max-width: 959.98px) {
  .c-card.-list .c-card__body .c-card__body__btn {
    margin-top: auto;
  }
}
.c-card.-list .c-card__body__btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 959.98px) {
  .c-card.-list .c-card__body__btn {
    position: inherit;
    margin-top: 2.4rem;
    margin-right: -1.6rem;
  }
}
.c-card.-case {
  background-color: #EAEAF7;
}
.c-card.-case .c-card__header {
  background-color: #7171C6;
  padding: 1.6rem 2.4rem;
}
@media (max-width: 959.98px) {
  .c-card.-case .c-card__header {
    padding: 1.6rem;
  }
}
.c-card.-case .c-card__body {
  padding: 1.6rem 2.4rem;
}
@media (max-width: 959.98px) {
  .c-card.-case .c-card__body {
    padding: 1.6rem;
  }
}

.c-visual-link {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid white;
}

.c-visual-link__heading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 2.4rem;
  font-size: 2.4rem;
  color: white;
  font-weight: bold;
  z-index: 1;
}
@media (max-width: 959.98px) {
  .c-visual-link__heading {
    font-size: 2rem;
  }
}

.c-visual-link__img {
  overflow: hidden;
  width: 100%;
}
.c-visual-link__img::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.c-visual-link__img:hover img {
  transform: scale(1.1);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.c-visual-link__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  transform: scale(1);
}

.c-circle_txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 4rem;
  height: 4rem;
  flex: 0 0 auto;
  font-weight: bold;
  border-radius: 50%;
  font-size: 2rem;
  color: #FFF;
}
.c-circle_txt span {
  letter-spacing: normal;
  line-height: 1;
}
.c-circle_txt i[class^=icon-]:before, .c-circle_txt i[class*=" icon-"]:before {
  line-height: 2;
}

* + .c-circle_txt {
  margin-left: 1.6rem;
}

.c-circle_txt:last-of-type + * {
  margin-left: 1.6rem;
}

.c-circle_txt.-primary {
  background-color: #000099;
}

.c-circle_txt.-secondary {
  background-color: #af9e00;
}

.c-circle_txt.-base01 {
  background-color: #EAEAF7;
}

.c-circle_txt.-base02 {
  background-color: #e2e2f3;
}

.c-circle_txt.-base03 {
  background-color: #7171C6;
}

.c-circle_txt.-black {
  background-color: #2c2c2c;
}

.c-circle_txt.-white {
  background-color: white;
}

.c-circle_txt.-primary-100 {
  background-color: #00000f;
}

.c-circle_txt.-primary-200 {
  background-color: #00001f;
}

.c-circle_txt.-primary-300 {
  background-color: #00002e;
}

.c-circle_txt.-primary-400 {
  background-color: #00003d;
}

.c-circle_txt.-primary-500 {
  background-color: #00004d;
}

.c-circle_txt.-primary-600 {
  background-color: #00005c;
}

.c-circle_txt.-primary-700 {
  background-color: #00006b;
}

.c-circle_txt.-primary-800 {
  background-color: #00007a;
}

.c-circle_txt.-primary-900 {
  background-color: #00008a;
}

.c-circle_txt.-white {
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
}

.c-row {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem;
}

.-no-gutters {
  margin: 0;
}
.-no-gutters > .c-col,
.-no-gutters > [class*=c-col-] {
  padding: 0;
}

.-adjust-height > .c-col,
.-adjust-height > [class*=c-col-] {
  display: flex;
}

.c-col-pc,
.c-col-pc-auto, .c-col-pc-12, .c-col-pc-11, .c-col-pc-10, .c-col-pc-9, .c-col-pc-8, .c-col-pc-7, .c-col-pc-6, .c-col-pc-5, .c-col-pc-4, .c-col-pc-3, .c-col-pc-2, .c-col-pc-1, .c-col,
.c-col-auto, .c-col-12, .c-col-11, .c-col-10, .c-col-9, .c-col-8, .c-col-7, .c-col-6, .c-col-5, .c-col-4, .c-col-3, .c-col-2, .c-col-1 {
  position: relative;
  width: 100%;
  padding: 1.6rem;
}

.c-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.c-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.c-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.c-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.c-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.c-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.c-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.c-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.c-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.c-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.c-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.c-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.c-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.c-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.c-offset-1 {
  margin-left: 8.3333333333%;
}

.c-offset-2 {
  margin-left: 16.6666666667%;
}

.c-offset-3 {
  margin-left: 25%;
}

.c-offset-4 {
  margin-left: 33.3333333333%;
}

.c-offset-5 {
  margin-left: 41.6666666667%;
}

.c-offset-6 {
  margin-left: 50%;
}

.c-offset-7 {
  margin-left: 58.3333333333%;
}

.c-offset-8 {
  margin-left: 66.6666666667%;
}

.c-offset-9 {
  margin-left: 75%;
}

.c-offset-10 {
  margin-left: 83.3333333333%;
}

.c-offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 960px) {
  .c-col-pc {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-pc-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-pc-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-pc-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-pc-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-pc-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-pc-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .c-col-pc-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .c-col-pc-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .c-col-pc-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .c-col-pc-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .c-col-pc-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .c-col-pc-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .c-col-pc-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .c-col-pc-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .c-col-pc-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .c-col-pc-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .c-col-pc-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .c-col-pc-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .c-col-pc-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .c-offset-pc-0 {
    margin-left: 0;
  }

  .c-offset-pc-1 {
    margin-left: 8.3333333333%;
  }

  .c-offset-pc-2 {
    margin-left: 16.6666666667%;
  }

  .c-offset-pc-3 {
    margin-left: 25%;
  }

  .c-offset-pc-4 {
    margin-left: 33.3333333333%;
  }

  .c-offset-pc-5 {
    margin-left: 41.6666666667%;
  }

  .c-offset-pc-6 {
    margin-left: 50%;
  }

  .c-offset-pc-7 {
    margin-left: 58.3333333333%;
  }

  .c-offset-pc-8 {
    margin-left: 66.6666666667%;
  }

  .c-offset-pc-9 {
    margin-left: 75%;
  }

  .c-offset-pc-10 {
    margin-left: 83.3333333333%;
  }

  .c-offset-pc-11 {
    margin-left: 91.6666666667%;
  }
}
.c-contrast {
  display: flex;
  align-items: center;
}
@media (max-width: 959.98px) {
  .c-contrast {
    justify-content: center;
    flex-wrap: wrap;
  }
}

.c-contrast__img {
  flex: 1 1 100%;
}
@media (min-width: 960px) {
  .c-contrast__img {
    flex: 0 0 auto;
  }
}

.c-contrast__img img {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 960px) {
  .c-contrast__img img {
    width: auto;
  }
}

.c-contrast__img[data-trigger]::after {
  transform: scale(1, 1);
  z-index: 2;
}

.c-contrast__txt {
  flex: 0 1 100%;
}
.c-contrast__txt > * + * {
  margin-top: 2.4rem;
}
@media (max-width: 959.98px) {
  .c-contrast__txt {
    flex: 0 1 100%;
  }
}

.c-contrast.-left .c-contrast__img {
  order: 1;
}
.c-contrast.-left .c-contrast__txt {
  order: 2;
  margin-left: 4rem;
}
@media (max-width: 959.98px) {
  .c-contrast.-left .c-contrast__img {
    order: 1;
  }
  .c-contrast.-left .c-contrast__txt {
    order: 2;
    margin-top: 2.4rem;
    margin-left: 0;
  }
}

.c-contrast.-right .c-contrast__img {
  order: 2;
  margin-left: 4.8rem;
}
.c-contrast.-right .c-contrast__txt {
  order: 1;
}
@media (max-width: 959.98px) {
  .c-contrast.-right .c-contrast__txt {
    order: 1;
  }
  .c-contrast.-right .c-contrast__img {
    order: 2;
    margin-top: 2.4rem;
    margin-left: 0;
  }
}

@media (min-width: 960px) {
  .c-contrast.-img-force-half .c-contrast__img {
    flex: 0 0 50%;
  }
}

@media (min-width: 960px) {
  .c-contrast.-img-wide .c-contrast__img {
    flex: 0 0 60%;
  }
}

@media (max-width: 959.98px) {
  .c-contrast.-order-reverse-mobile {
    flex-direction: column;
  }
  .c-contrast.-order-reverse-mobile .c-contrast__txt {
    margin-top: 2.4rem;
  }
  .c-contrast.-order-reverse-mobile .c-contrast__img {
    margin-top: 0;
  }
}

.c-divider {
  margin: 2.4rem 0;
  border-top: 1px solid #bfbfbf;
}
.c-divider.-s0 {
  margin: 0 0;
}
.c-divider.-s0 {
  margin: 0 0;
}
.c-divider.-s0 {
  margin: 0 0;
}
@media (min-width: 960px) {
  .c-divider.-s0-pc {
    margin: 0 0;
  }
}
.c-divider.-s1 {
  margin: 0.8rem 0;
}
.c-divider.-s1 {
  margin: 0.8rem 0;
}
.c-divider.-s1 {
  margin: 0.8rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s1-pc {
    margin: 0.8rem 0;
  }
}
.c-divider.-s2 {
  margin: 1.6rem 0;
}
.c-divider.-s2 {
  margin: 1.6rem 0;
}
.c-divider.-s2 {
  margin: 1.6rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s2-pc {
    margin: 1.6rem 0;
  }
}
.c-divider.-s3 {
  margin: 2.4rem 0;
}
.c-divider.-s3 {
  margin: 2.4rem 0;
}
.c-divider.-s3 {
  margin: 2.4rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s3-pc {
    margin: 2.4rem 0;
  }
}
.c-divider.-s4 {
  margin: 3.2rem 0;
}
.c-divider.-s4 {
  margin: 3.2rem 0;
}
.c-divider.-s4 {
  margin: 3.2rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s4-pc {
    margin: 3.2rem 0;
  }
}
.c-divider.-s5 {
  margin: 4rem 0;
}
.c-divider.-s5 {
  margin: 4rem 0;
}
.c-divider.-s5 {
  margin: 4rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s5-pc {
    margin: 4rem 0;
  }
}
.c-divider.-s6 {
  margin: 4.8rem 0;
}
.c-divider.-s6 {
  margin: 4.8rem 0;
}
.c-divider.-s6 {
  margin: 4.8rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s6-pc {
    margin: 4.8rem 0;
  }
}
.c-divider.-s7 {
  margin: 5.6rem 0;
}
.c-divider.-s7 {
  margin: 5.6rem 0;
}
.c-divider.-s7 {
  margin: 5.6rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s7-pc {
    margin: 5.6rem 0;
  }
}
.c-divider.-s8 {
  margin: 6.4rem 0;
}
.c-divider.-s8 {
  margin: 6.4rem 0;
}
.c-divider.-s8 {
  margin: 6.4rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s8-pc {
    margin: 6.4rem 0;
  }
}
.c-divider.-s9 {
  margin: 7.2rem 0;
}
.c-divider.-s9 {
  margin: 7.2rem 0;
}
.c-divider.-s9 {
  margin: 7.2rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s9-pc {
    margin: 7.2rem 0;
  }
}
.c-divider.-s10 {
  margin: 8rem 0;
}
.c-divider.-s10 {
  margin: 8rem 0;
}
.c-divider.-s10 {
  margin: 8rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s10-pc {
    margin: 8rem 0;
  }
}
.c-divider.-s11 {
  margin: 8.8rem 0;
}
.c-divider.-s11 {
  margin: 8.8rem 0;
}
.c-divider.-s11 {
  margin: 8.8rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s11-pc {
    margin: 8.8rem 0;
  }
}
.c-divider.-s12 {
  margin: 9.6rem 0;
}
.c-divider.-s12 {
  margin: 9.6rem 0;
}
.c-divider.-s12 {
  margin: 9.6rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s12-pc {
    margin: 9.6rem 0;
  }
}
.c-divider.-s13 {
  margin: 10.4rem 0;
}
.c-divider.-s13 {
  margin: 10.4rem 0;
}
.c-divider.-s13 {
  margin: 10.4rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s13-pc {
    margin: 10.4rem 0;
  }
}
.c-divider.-s14 {
  margin: 11.2rem 0;
}
.c-divider.-s14 {
  margin: 11.2rem 0;
}
.c-divider.-s14 {
  margin: 11.2rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s14-pc {
    margin: 11.2rem 0;
  }
}
.c-divider.-s15 {
  margin: 12rem 0;
}
.c-divider.-s15 {
  margin: 12rem 0;
}
.c-divider.-s15 {
  margin: 12rem 0;
}
@media (min-width: 960px) {
  .c-divider.-s15-pc {
    margin: 12rem 0;
  }
}
.c-divider.-solid {
  border-top-style: solid;
}
.c-divider.-dashed {
  border-top-style: dashed;
}
.c-divider.-dotted {
  border-top-style: dotted;
}
.c-divider.-primary {
  border-color: #000099;
}
.c-divider.-secondary {
  border-color: #af9e00;
}
.c-divider.-base01 {
  border-color: #EAEAF7;
}
.c-divider.-base02 {
  border-color: #e2e2f3;
}
.c-divider.-base03 {
  border-color: #7171C6;
}
.c-divider.-black {
  border-color: #2c2c2c;
}
.c-divider.-white {
  border-color: white;
}
.c-divider.-primary-100 {
  border-color: #00000f;
}
.c-divider.-primary-200 {
  border-color: #00001f;
}
.c-divider.-primary-300 {
  border-color: #00002e;
}
.c-divider.-primary-400 {
  border-color: #00003d;
}
.c-divider.-primary-500 {
  border-color: #00004d;
}
.c-divider.-primary-600 {
  border-color: #00005c;
}
.c-divider.-primary-700 {
  border-color: #00006b;
}
.c-divider.-primary-800 {
  border-color: #00007a;
}
.c-divider.-primary-900 {
  border-color: #00008a;
}

.c-fixed-movie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
}

.c-fixed-movie__movie {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

/* checkbox, radio以外
----------------------------------------------- */
.c-form:not([type=radio]):not([type=checkbox]) {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #d0d7dd;
  border-radius: 0.25rem;
  transition: box-shadow 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-form:not([type=radio]):not([type=checkbox]):hover {
  border: 1px solid #adb0b4;
}
.c-form:not([type=radio]):not([type=checkbox]):focus {
  color: #495057;
  background-color: white;
  border-color: #000099;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 153, 0.15);
  transition: box-shadow 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}

/* textarea
----------------------------------------------- */
textarea.c-form {
  height: auto;
}

/* radiobox
----------------------------------------------- */
.c-form[type=radio] {
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.c-form[type=radio]::before {
  position: absolute;
  background: #000099;
  top: 50%;
  left: 3px;
  transform: translateY(-50%) scale(0, 0);
  width: 12px;
  height: 12px;
  content: "";
  transition: transform 0.2s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  border-radius: 50%;
  z-index: 1;
}
.c-form[type=radio]:checked::before {
  transform: translateY(-50%) scale(1, 1);
}
.c-form[type=radio]::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3px;
  width: 24px;
  height: 24px;
  content: "";
  border: 2px solid #f2f2f2;
  border-radius: 50%;
  background: white;
}

/* checkbox
----------------------------------------------- */
.c-form[type=checkbox] {
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.c-form[type=checkbox]::before {
  position: absolute;
  background: #000099;
  top: 50%;
  left: 3px;
  transform: translateY(-50%) scale(0, 0);
  width: 12px;
  height: 12px;
  content: "";
  transition: transform 0.2s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  z-index: 1;
}
.c-form[type=checkbox]:checked::before {
  transform: translateY(-50%) scale(1, 1);
}
.c-form[type=checkbox]::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3px;
  width: 24px;
  height: 24px;
  content: "";
  border: 2px solid #f2f2f2;
  background: white;
}

.c {
  /* 基本形
   ----------------------------------------------- */
}
h1.c-heading {
  font-size: 4.2rem;
  font-weight: bold !important;
}

h2.c-heading {
  font-size: 3.2rem;
  font-weight: bold !important;
}

h3.c-heading {
  font-size: 2.4rem;
  font-weight: bold !important;
}

h4.c-heading {
  font-size: 2rem;
  font-weight: bold !important;
}

h5.c-heading {
  font-size: 1.8rem;
  font-weight: bold !important;
}

h6.c-heading {
  font-size: 1.6rem;
  font-weight: bold !important;
}

@media (max-width: 959.98px) {
  h1.c-heading {
    font-size: 2.8rem;
    font-weight: bold !important;
  }

  h2.c-heading {
    font-size: 2.4rem;
    font-weight: bold !important;
  }

  h3.c-heading {
    font-size: 2rem;
    font-weight: bold !important;
  }

  h4.c-heading {
    font-size: 1.6rem;
    font-weight: bold !important;
  }

  h5.c-heading {
    font-size: 1.4rem;
    font-weight: bold !important;
  }

  h6.c-heading {
    font-size: 1.2rem;
    font-weight: bold !important;
  }
}
.c-heading {
  line-height: 1.6;
}

.c-heading-wrapper {
  display: flex;
  align-items: baseline;
}

.c-heading-wrapper.-icon-absolute {
  position: relative;
  padding-left: 5.6rem;
}
.c-heading-wrapper.-icon-absolute .c-heading-wrapper__icon {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 959.98px) {
  .c-heading-wrapper.-icon-absolute h3.c-heading {
    margin-top: 0.15em;
  }
}

/* 矢印アイコンサイズ 20px */
.c-heading-wrapper > .icon-arrow {
  position: relative;
  top: -0.2rem;
  font-size: 2rem;
  margin-right: 1.6rem;
}
@media (max-width: 959.98px) {
  .c-heading-wrapper > .icon-arrow {
    margin-right: 0.8rem;
    font-size: 1.4rem;
  }
}
@media all and (-ms-high-contrast: none\0 ) {
  .c-heading-wrapper > .icon-arrow {
    top: 0;
  }
}
@media all and (-ms-high-contrast: none\0 ) {
  .c-heading-wrapper > .icon-arrow {
    top: 0;
  }
}

/* デザイン適用
 ----------------------------------------------- */
/* 左線
----------------------------------------------- */
.c-heading.-primary.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #000099;
}

.c-heading.-secondary.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #af9e00;
}

.c-heading.-base01.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #EAEAF7;
}

.c-heading.-base02.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #e2e2f3;
}

.c-heading.-base03.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #7171C6;
}

.c-heading.-black.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #2c2c2c;
}

.c-heading.-white.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid white;
}

.c-heading.-primary-100.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00000f;
}

.c-heading.-primary-200.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00001f;
}

.c-heading.-primary-300.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00002e;
}

.c-heading.-primary-400.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00003d;
}

.c-heading.-primary-500.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00004d;
}

.c-heading.-primary-600.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00005c;
}

.c-heading.-primary-700.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00006b;
}

.c-heading.-primary-800.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00007a;
}

.c-heading.-primary-900.-leftLine {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 6px solid #00008a;
}

/* 下線(1色)
----------------------------------------------- */
.c-heading.-primary.-underLine_single {
  border-bottom: 1px solid #000099;
  padding-bottom: 1.6rem;
}

.c-heading.-secondary.-underLine_single {
  border-bottom: 1px solid #af9e00;
  padding-bottom: 1.6rem;
}

.c-heading.-base01.-underLine_single {
  border-bottom: 1px solid #EAEAF7;
  padding-bottom: 1.6rem;
}

.c-heading.-base02.-underLine_single {
  border-bottom: 1px solid #e2e2f3;
  padding-bottom: 1.6rem;
}

.c-heading.-base03.-underLine_single {
  border-bottom: 1px solid #7171C6;
  padding-bottom: 1.6rem;
}

.c-heading.-black.-underLine_single {
  border-bottom: 1px solid #2c2c2c;
  padding-bottom: 1.6rem;
}

.c-heading.-white.-underLine_single {
  border-bottom: 1px solid white;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-100.-underLine_single {
  border-bottom: 1px solid #00000f;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-200.-underLine_single {
  border-bottom: 1px solid #00001f;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-300.-underLine_single {
  border-bottom: 1px solid #00002e;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-400.-underLine_single {
  border-bottom: 1px solid #00003d;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-500.-underLine_single {
  border-bottom: 1px solid #00004d;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-600.-underLine_single {
  border-bottom: 1px solid #00005c;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-700.-underLine_single {
  border-bottom: 1px solid #00006b;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-800.-underLine_single {
  border-bottom: 1px solid #00007a;
  padding-bottom: 1.6rem;
}

.c-heading.-primary-900.-underLine_single {
  border-bottom: 1px solid #00008a;
  padding-bottom: 1.6rem;
}

/* 下線(2色)
----------------------------------------------- */
.c-heading.-primary.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #000099;
}

.c-heading.-secondary.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-secondary.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #af9e00;
}

.c-heading.-base01.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-base01.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #EAEAF7;
}

.c-heading.-base02.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-base02.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #e2e2f3;
}

.c-heading.-base03.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-base03.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #7171C6;
}

.c-heading.-black.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-black.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #2c2c2c;
}

.c-heading.-white.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-white.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: white;
}

.c-heading.-primary-100.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-100.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00000f;
}

.c-heading.-primary-200.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-200.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00001f;
}

.c-heading.-primary-300.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-300.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00002e;
}

.c-heading.-primary-400.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-400.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00003d;
}

.c-heading.-primary-500.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-500.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00004d;
}

.c-heading.-primary-600.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-600.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00005c;
}

.c-heading.-primary-700.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-700.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00006b;
}

.c-heading.-primary-800.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-800.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00007a;
}

.c-heading.-primary-900.-underLine_twin {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
}
.c-heading.-primary-900.-underLine_twin::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -4px;
  left: 0;
  z-index: 2;
  width: 20%;
  height: 4px;
  background-color: #00008a;
}

/* 左線+右線+中央寄せ
 * テキストは<span>で囲ってください。
----------------------------------------------- */
.c-heading.-primary.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary.-separateLine span::before,
.c-heading.-primary.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #000099;
}
.c-heading.-primary.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary.-separateLine span::after {
  left: 100%;
}

.c-heading.-secondary.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-secondary.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-secondary.-separateLine span::before,
.c-heading.-secondary.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #af9e00;
}
.c-heading.-secondary.-separateLine span::before {
  right: 100%;
}
.c-heading.-secondary.-separateLine span::after {
  left: 100%;
}

.c-heading.-base01.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-base01.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-base01.-separateLine span::before,
.c-heading.-base01.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #EAEAF7;
}
.c-heading.-base01.-separateLine span::before {
  right: 100%;
}
.c-heading.-base01.-separateLine span::after {
  left: 100%;
}

.c-heading.-base02.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-base02.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-base02.-separateLine span::before,
.c-heading.-base02.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #e2e2f3;
}
.c-heading.-base02.-separateLine span::before {
  right: 100%;
}
.c-heading.-base02.-separateLine span::after {
  left: 100%;
}

.c-heading.-base03.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-base03.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-base03.-separateLine span::before,
.c-heading.-base03.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #7171C6;
}
.c-heading.-base03.-separateLine span::before {
  right: 100%;
}
.c-heading.-base03.-separateLine span::after {
  left: 100%;
}

.c-heading.-black.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-black.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-black.-separateLine span::before,
.c-heading.-black.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #2c2c2c;
}
.c-heading.-black.-separateLine span::before {
  right: 100%;
}
.c-heading.-black.-separateLine span::after {
  left: 100%;
}

.c-heading.-white.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-white.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-white.-separateLine span::before,
.c-heading.-white.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: white;
}
.c-heading.-white.-separateLine span::before {
  right: 100%;
}
.c-heading.-white.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-100.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-100.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-100.-separateLine span::before,
.c-heading.-primary-100.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00000f;
}
.c-heading.-primary-100.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-100.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-200.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-200.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-200.-separateLine span::before,
.c-heading.-primary-200.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00001f;
}
.c-heading.-primary-200.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-200.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-300.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-300.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-300.-separateLine span::before,
.c-heading.-primary-300.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00002e;
}
.c-heading.-primary-300.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-300.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-400.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-400.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-400.-separateLine span::before,
.c-heading.-primary-400.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00003d;
}
.c-heading.-primary-400.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-400.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-500.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-500.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-500.-separateLine span::before,
.c-heading.-primary-500.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00004d;
}
.c-heading.-primary-500.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-500.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-600.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-600.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-600.-separateLine span::before,
.c-heading.-primary-600.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00005c;
}
.c-heading.-primary-600.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-600.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-700.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-700.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-700.-separateLine span::before,
.c-heading.-primary-700.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00006b;
}
.c-heading.-primary-700.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-700.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-800.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-800.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-800.-separateLine span::before,
.c-heading.-primary-800.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00007a;
}
.c-heading.-primary-800.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-800.-separateLine span::after {
  left: 100%;
}

.c-heading.-primary-900.-separateLine {
  overflow: hidden;
  text-align: center;
}
.c-heading.-primary-900.-separateLine span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.c-heading.-primary-900.-separateLine span::before,
.c-heading.-primary-900.-separateLine span::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 400%;
  height: 2px;
  background-color: #00008a;
}
.c-heading.-primary-900.-separateLine span::before {
  right: 100%;
}
.c-heading.-primary-900.-separateLine span::after {
  left: 100%;
}

/* 左線+背景
----------------------------------------------- */
.c-heading.-primary.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2fa;
  border-left: 6px solid #000099;
}

.c-heading.-secondary.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #fbfaf2;
  border-left: 6px solid #af9e00;
}

.c-heading.-base01.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #fefeff;
  border-left: 6px solid #EAEAF7;
}

.c-heading.-base02.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #fefefe;
  border-left: 6px solid #e2e2f3;
}

.c-heading.-base03.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f8f8fc;
  border-left: 6px solid #7171C6;
}

.c-heading.-black.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f4f4f4;
  border-left: 6px solid #2c2c2c;
}

.c-heading.-white.-tagLike {
  padding: 0.5em 0.75em;
  background-color: white;
  border-left: 6px solid white;
}

.c-heading.-primary-100.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f3;
  border-left: 6px solid #00000f;
}

.c-heading.-primary-200.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f4;
  border-left: 6px solid #00001f;
}

.c-heading.-primary-300.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f5;
  border-left: 6px solid #00002e;
}

.c-heading.-primary-400.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f5;
  border-left: 6px solid #00003d;
}

.c-heading.-primary-500.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f6;
  border-left: 6px solid #00004d;
}

.c-heading.-primary-600.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f7;
  border-left: 6px solid #00005c;
}

.c-heading.-primary-700.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f8;
  border-left: 6px solid #00006b;
}

.c-heading.-primary-800.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f8;
  border-left: 6px solid #00007a;
}

.c-heading.-primary-900.-tagLike {
  padding: 0.5em 0.75em;
  background-color: #f2f2f9;
  border-left: 6px solid #00008a;
}

.c-modal {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1200;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.c-modal.-open {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-modal.-open .c-modal__overlay {
  cursor: pointer;
  z-index: 1300;
}

.c-modal__overlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-modal__container {
  position: relative;
  background-color: white;
  z-index: 1400;
  padding: 1.6rem;
  cursor: inherit;
  width: 100%;
  max-height: 85%;
  overflow: auto;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
@media (min-width: 960px) {
  .c-modal__container {
    min-width: 60rem;
    width: auto;
    padding: 6.4rem 4.8rem;
  }
}

.c-modal__header {
  color: #000099;
  margin-top: 0.8rem;
}
@media (min-width: 960px) {
  .c-modal__header {
    margin-top: 0;
  }
}
.c-modal__header i {
  font-size: 2rem;
}
.c-modal__header span {
  margin-left: 1.6rem;
}

.c-modal__content {
  margin-top: 2.4rem;
}

.c-modal__close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  display: inline-block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  color: #000099;
  transition: color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-modal__close:hover {
  color: #af9e00;
  transition: color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c-modal__close * {
  pointer-events: none;
}
.c-modal__close i {
  display: block;
  font-size: 2.5rem;
}
.c-modal__close span {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
}

.c-list {
  margin: 0;
}
.c-list > * + * {
  margin-top: 0.8rem;
}
.c-list__item {
  display: flex;
  align-items: baseline;
}
.c-list__item::before {
  position: relative;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  flex: 0 0 auto;
  margin-right: 0.8rem;
  background-color: #000099;
  top: -0.2rem;
}
.c-list__item.-wrap {
  flex-wrap: wrap;
}
.c-list.-circle .c-list__item::before {
  background-color: #2c2c2c;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  top: -0.4rem;
  margin-left: 0.7rem;
  margin-right: 0.7rem;
}

.c-label {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 1em;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
  margin: 0 10px;
}
.c-label:first-child {
  margin-left: 0;
}
.c-label--full {
  width: 100%;
}
.c-label.-primary {
  background-color: #000099;
  color: white;
}
.c-label.-secondary {
  background-color: #af9e00;
  color: white;
}
.c-label.-base01 {
  background-color: #EAEAF7;
  color: white;
}
.c-label.-base02 {
  background-color: #e2e2f3;
  color: white;
}
.c-label.-base03 {
  background-color: #7171C6;
  color: white;
}
.c-label.-black {
  background-color: #2c2c2c;
  color: white;
}
.c-label.-white {
  background-color: white;
  color: white;
}
.c-label.-primary-100 {
  background-color: #00000f;
  color: white;
}
.c-label.-primary-200 {
  background-color: #00001f;
  color: white;
}
.c-label.-primary-300 {
  background-color: #00002e;
  color: white;
}
.c-label.-primary-400 {
  background-color: #00003d;
  color: white;
}
.c-label.-primary-500 {
  background-color: #00004d;
  color: white;
}
.c-label.-primary-600 {
  background-color: #00005c;
  color: white;
}
.c-label.-primary-700 {
  background-color: #00006b;
  color: white;
}
.c-label.-primary-800 {
  background-color: #00007a;
  color: white;
}
.c-label.-primary-900 {
  background-color: #00008a;
  color: white;
}
.c-label.-white {
  color: #2c2c2c;
}

.c {
  /**
  * IE10以下のフォールバック
  */
}
.c-tab__toggles {
  align-items: center;
  display: flex;
  justify-content: center;
}
.c-tab__toggle {
  flex: auto;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #bfbfbf;
}
.c-tab__toggle:not(:last-child) {
  margin-right: 10px;
}
.c-tab__toggle a {
  display: block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 2;
  text-decoration: none;
  padding: 10px;
  /**
  * Active
  */
  /**
  * focus
  */
}
.c-tab__toggle a[aria-selected=true] {
  background-color: #000099;
  color: white;
}
.c-tab__toggle a:focus {
  outline: none;
}
.c-tab__contents {
  background-color: white;
  padding: 20px;
  border: 1px solid #bfbfbf;
}
.c-tab__contents [hidden] {
  display: none;
}

.c-table {
  width: 100%;
  margin-bottom: 10px;
  color: #2c2c2c;
  border-collapse: collapse;
  background-color: white;
  border: 1px solid #AAAADD;
  table-layout: fixed;
}
.c-table th,
.c-table td {
  padding: 10px 20px;
  vertical-align: middle;
  border-top: 1px solid #AAAADD;
  text-align: left;
  white-space: pre-wrap;
}
.c-table th:not(:last-child),
.c-table td:not(:last-child) {
  border-right: 1px solid #AAAADD;
}
.c-table thead th {
  border-top: none;
  vertical-align: bottom;
  background-color: rgba(0, 0, 153, 0.2);
  color: #000099;
}
.c-table thead th:not(:last-child) {
  border-right: 1px solid #AAAADD;
}
.c-table tbody th {
  background-color: #e2e2f3;
  font-weight: bold;
  white-space: nowrap;
  width: 150px;
  color: #000099;
}
.c-table tfoot td {
  background-color: #000099;
  padding: 30px;
}
.c-table tbody .c-table__num {
  width: 32px;
  border-right: none;
  padding-left: 10px;
  padding-right: 0px;
}
.c-table tbody .c-table__num + * {
  padding-left: 10px;
}
.c-table th {
  font-weight: bold;
}

@media (max-width: 959.98px) {
  .c-shift-img-mobile-left {
    margin-left: -1.6rem;
  }
}
.c-shift-img-mobile-left > img {
  width: 100%;
}

@media (max-width: 959.98px) {
  .c-shift-img-mobile-right {
    margin-right: -1.6rem;
  }
}
.c-shift-img-mobile-right > img {
  width: 100%;
}

/* Project */
.p {
  /* 項目別スタイル
  ----------------------------------------------- */
  /**
  * Form-wrapping
  *
      <div class="p-contact__form-wrap">
          <input type="text" placeholder="千葉県浦安市鉄鋼通り1-4-10" class="c-form" name="address">
          <div class="p-contact__item__type">（全角）</div>
      </div>
  *
  */
  /* フロー図
  ----------------------------------------------- */
  /* 必須・任意タグ
  ----------------------------------------------- */
  /* エラー表示
  ----------------------------------------------- */
  /* プライバシーポリシー
  ----------------------------------------------- */
}
.p-contact__item {
  display: flex;
  width: 100%;
  border-right: 1px solid #000099;
}
.p-contact__item:first-of-type {
  border-top: 1px solid #000099;
}
.p-contact__name, .p-contact__input {
  flex: 1 1 auto;
  border-bottom: 1px solid #000099;
  border-left: 1px solid #000099;
}
.p-contact__name {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 153, 0.2);
  color: #333333;
  padding: 15px 30px;
  font-weight: bold;
  width: 15%;
}
@media (min-width: 992px) {
  .p-contact__name br {
    display: none;
  }
}
.p-contact__input {
  width: 60%;
  padding: 15px 30px;
}
@media (max-width: 991.98px) {
  .p-contact__item {
    display: block;
  }
  .p-contact__name {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
  }
  .p-contact__input {
    width: 100%;
  }
}
.p-contact__form-wrap {
  display: flex;
  align-items: center;
}
.p-contact__form-wrap > * + * {
  margin-left: 1rem;
}
.p-contact__form-wrap .p-contact__item__type {
  flex: 0 0 auto;
}
@media (max-width: 959.98px) {
  .p-contact__form-wrap {
    flex-wrap: nowrap;
  }
  .p-contact__form-wrap .p-contact__item__type {
    order: 1;
    margin-left: 1em;
  }
  .p-contact__form-wrap .c-form:not([type=radio]):not([type=checkbox]) {
    order: 0;
    flex: 1 1 100%;
  }
}
@media (min-width: 960px) {
  .p-contact__form-wrap .c-form:not([type=radio]):not([type=checkbox]) {
    flex: 0 0 50%;
  }
}
.p .c-form[type=radio] + span, .p .c-form[type=checkbox] + span {
  margin-left: 10px;
}
.p-contact__form-wrap + .p-contact__form-wrap {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .p-contact__form-wrap.-long .c-form:not([type=radio]):not([type=checkbox]) {
    flex: 0 0 80%;
  }
}
@media (min-width: 960px) {
  .p-contact__form-wrap.-full .c-form:not([type=radio]):not([type=checkbox]) {
    flex: 0 0 100%;
  }
}
.p-contact__flow {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.p-contact__flow * {
  font-family: YakuHanJP_Noto, Noto Sans Japanese;
  font-weight: 700;
}
.p-contact__flow #flow1 {
  fill: #000099;
}
.p-contact__flow #flow2, .p-contact__flow #flow3 {
  fill: #8080ff;
}
.p-contact__flow #input1 {
  fill: white;
}
.p-contact__flow #input2, .p-contact__flow #input3 {
  fill: #2c2c2c;
}
.p-contact__flow.-flow-check #flow1, .p-contact__flow.-flow-check #flow3 {
  fill: #8080ff;
}
.p-contact__flow.-flow-check #flow2 {
  fill: #000099;
}
.p-contact__flow.-flow-check #input1, .p-contact__flow.-flow-check #input3 {
  fill: #2c2c2c;
}
.p-contact__flow.-flow-check #input2 {
  fill: white;
}
.p-contact__flow.-flow-finish #flow1, .p-contact__flow.-flow-finish #flow2 {
  fill: #8080ff;
}
.p-contact__flow.-flow-finish #flow3 {
  fill: #000099;
}
.p-contact__flow.-flow-finish #input1, .p-contact__flow.-flow-finish #input2 {
  fill: #2c2c2c;
}
.p-contact__flow.-flow-finish #input3 {
  fill: white;
}
.p-contact__required {
  display: inline-block;
  padding: 0 10px;
  flex: 0 0 auto;
  color: white;
  margin-left: auto;
  background-color: #be290f;
  font-weight: bold;
}
.p-contact__any {
  display: inline-block;
  padding: 0 10px;
  color: #333;
  background: #D0D0D0;
  margin-left: auto;
  font-weight: bold;
}
.p-contact__item__error {
  margin-top: 5px;
  font-size: 1.3;
  color: #be290f;
}
.p-contact__privacy {
  max-height: 225px;
  overflow-y: scroll;
  border: 1px solid #eeeeee;
  background-color: #fff;
  padding: 20px;
}
.p-contact__privacy .heading {
  font-size: 1.375rem;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.p-contact__privacy > .heading:first-child {
  padding-top: 0;
  font-size: 1.5rem;
}
.p-contact__privacy dl {
  line-height: 1.8;
  padding-bottom: 1rem;
}
.p-contact__privacy dt {
  font-weight: bold;
  font-size: 18px;
}
.p-contact__privacy dd {
  font-size: 16px;
  margin-bottom: 20px;
}

.p-faq__block:first-of-type {
  margin-top: 50px;
}
.p-faq__block:not(:last-child) {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 153, 0.5);
  margin-bottom: 40px;
}
.p-faq__block__ttl {
  margin-bottom: 10px;
}
.p-faq__item__question {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgba(191, 191, 191, 0.5);
  padding: 20px 85px;
  font-weight: bold;
  border-bottom: 1px dashed #bfbfbf;
}
@media (max-width: 959.98px) {
  .p-faq__item__question {
    align-items: flex-start;
    padding: 20px 100px 20px 20px;
  }
}
.p-faq__item__question span {
  flex: 1;
}
.p-faq__item__question::before {
  content: "Q.";
  font-weight: bold;
  color: #bfbfbf;
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-right: 10px;
}
.p-faq__item__question::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 40px;
  transform: translate(0, -50%);
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2.4rem;
}
.p-faq__item__question.is-active::after {
  content: "";
}
.p-faq__item__answer {
  display: flex;
  align-items: flex-start;
  position: relative;
  background-color: white;
  z-index: 1;
}
.p-faq__item__answer span {
  flex: 1;
}
.p-faq__item__answer::before {
  flex: 0;
  content: "A.";
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-right: 10px;
}
.p-faq__item__answer.is-active {
  padding: 20px 85px;
}

.p-logo {
  display: inline-block;
  width: auto;
  height: 3.2rem;
}
@media (min-width: 960px) {
  .p-logo {
    width: 312px;
    height: 50px;
  }
}

.p-logo > img {
  width: 100%;
}

.p-newslist {
  position: relative;
}
.p-newslist__heading {
  display: flex;
  align-items: center;
}
.p-newslist__heading .p-newslist__more-btn {
  margin-left: auto;
}
.p-newslist__content {
  margin-top: 4rem;
}
@media (max-width: 959.98px) {
  .p-newslist__content {
    margin-top: 2.4rem;
  }
}
.p-newslist__ttl {
  font-weight: normal;
  position: absolute;
  top: -28px;
  left: 10px;
  border-radius: 8px 8px 0 0;
  line-height: 1;
  padding: 7px 10px;
}
.p-newslist__line {
  display: flex;
  align-items: center;
  position: relative;
  padding: 2.4rem 0.8rem;
  border-bottom: 1px solid #e2e2f3;
  text-decoration: none;
  color: #2c2c2c;
  transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.p-newslist__line:hover, .p-newslist__line:active {
  cursor: pointer;
  background-color: #e2e2f3;
  transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (max-width: 959.98px) {
  .p-newslist__line {
    flex-wrap: wrap;
    padding: 1.6rem 0.8rem;
  }
  .p-newslist__line:first-child {
    padding-top: 0;
  }
}
.p-newslist__info {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
@media (max-width: 959.98px) {
  .p-newslist__info {
    flex: 1 1 100%;
  }
}
.p-newslist__date {
  flex: 0 0 auto;
  margin-right: 1.6rem;
  font-weight: bold;
  font-size: 2.4rem;
  color: #000099;
}
@media (max-width: 959.98px) {
  .p-newslist__date {
    font-size: 2rem;
  }
}
.p-newslist__cats {
  display: flex;
  flex-wrap: wrap;
}
.p-newslist__cat {
  flex: 0 0 auto;
  line-height: 1;
  padding: 5px 7px;
  border: 2px solid #AAAADD;
  margin-right: 1.6rem;
  background-color: white;
}
.p-newslist__link {
  flex: 1 1 100%;
  transition: color 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  font-weight: bold;
}
@media (max-width: 959.98px) {
  .p-newslist__link {
    margin-top: 0.8rem;
  }
}
.p-newslist__link.-arrow {
  position: relative;
}
.p-newslist__link.-arrow::before {
  position: absolute;
  content: "";
  display: inline-block;
  right: 2.4rem;
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  height: 0.2rem;
  background-color: #7171C6;
  top: 50%;
  transform: translateY(-50%);
}
.p-newslist__link.-arrow::after {
  font-size: 1rem;
  font-family: icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  color: #7171C6;
  font-size: 1.4rem;
  right: 1.6rem;
}
@media (max-width: 959.98px) {
  .p-newslist__link.-arrow::after {
    right: -0.8rem;
  }
}
.p-newslist__more-btn {
  text-align: right;
}
.p-newslist__more-btn .c-button::before, .p-newslist__more-btn .c-button::after {
  display: none;
}
.p-newslist__more-btn .c-button:hover span {
  transform: none;
}
.p-newslist__more-btn .c-button i {
  margin-right: 0.8rem;
  color: #e2e2f3;
  font-size: 1.2rem;
}

.p-process-arrow {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem;
  margin-left: -20px;
  margin-right: -20px;
}
.p-process-arrow__item {
  position: relative;
  width: 100%;
  padding: 1.6rem;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 15px 20px;
  position: relative;
}
@media (max-width: 959.98px) {
  .p-process-arrow__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-process-arrow__item:not(:first-child)::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: -5px;
  transform: translate(0, -50%);
  width: 13px;
  height: 13px;
  border: 13px solid transparent;
  border-left: 13px solid rgba(0, 0, 153, 0.6);
}
@media (max-width: 959.98px) {
  .p-process-arrow__item:not(:first-child)::before {
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0%) rotate(90deg);
  }
}
.p-process-arrow__item .c-card {
  border: 1px solid rgba(0, 0, 153, 0.6);
}
.p-process-arrow__item .c-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: rgba(0, 0, 153, 0.6);
  color: white;
  letter-spacing: normal;
}
.p-process-arrow__item .c-card__img .step {
  font-size: 2.2rem;
}
.p-process-arrow__item .c-card__img .num {
  font-size: 4.3rem;
  margin-left: 15px;
}
.p-process-arrow.-vertical {
  flex-direction: column;
}
.p-process-arrow.-vertical .p-process-arrow__item {
  flex: 0 0 100%;
  max-width: 100%;
}
.p-process-arrow.-vertical .p-process-arrow__item:not(:first-child)::before {
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0%) rotate(90deg);
}
.p-process-arrow.-vertical .p-process-arrow__item .c-contrast-l, .p-process-arrow.-vertical .p-process-arrow__item .c-contrast-r {
  border: 1px solid rgba(0, 0, 153, 0.6);
}
.p-process-arrow.-vertical .p-process-arrow__item .c-contrast__img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 35px;
  background-color: rgba(0, 0, 153, 0.6);
  color: white;
  letter-spacing: normal;
}
.p-process-arrow.-vertical .p-process-arrow__item .c-contrast__img .step {
  font-size: 2.2rem;
  line-height: 1;
}
.p-process-arrow.-vertical .p-process-arrow__item .c-contrast__img .num {
  font-size: 4.3rem;
  line-height: 1;
}

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

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

@media (min-width: 960px) {
  .u-align-left-pc {
    text-align: left !important;
  }
}
.u-align-center {
  text-align: center !important;
}

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

@media (min-width: 960px) {
  .u-align-center-pc {
    text-align: center !important;
  }
}
.u-align-right {
  text-align: right !important;
}

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

@media (min-width: 960px) {
  .u-align-right-pc {
    text-align: right !important;
  }
}
.u-bg-primary {
  background-color: #000099;
}

.u-bg-secondary {
  background-color: #af9e00;
}

.u-bg-base01 {
  background-color: #EAEAF7;
}

.u-bg-base02 {
  background-color: #e2e2f3;
}

.u-bg-base03 {
  background-color: #7171C6;
}

.u-bg-black {
  background-color: #2c2c2c;
}

.u-bg-white {
  background-color: white;
}

.u-bg-primary-100 {
  background-color: #00000f;
}

.u-bg-primary-200 {
  background-color: #00001f;
}

.u-bg-primary-300 {
  background-color: #00002e;
}

.u-bg-primary-400 {
  background-color: #00003d;
}

.u-bg-primary-500 {
  background-color: #00004d;
}

.u-bg-primary-600 {
  background-color: #00005c;
}

.u-bg-primary-700 {
  background-color: #00006b;
}

.u-bg-primary-800 {
  background-color: #00007a;
}

.u-bg-primary-900 {
  background-color: #00008a;
}

.u-border {
  border: 1px solid #bfbfbf !important;
}
.u-border-top {
  border-top: 1px solid #bfbfbf !important;
}
.u-border-right {
  border-right: 1px solid #bfbfbf !important;
}
.u-border-bottom {
  border-bottom: 1px solid #bfbfbf !important;
}
.u-border-left {
  border-left: 1px solid #bfbfbf !important;
}
.u-border-0 {
  border: 0 !important;
}
.u-border-top-0 {
  border-top: 0 !important;
}
.u-border-right-0 {
  border-right: 0 !important;
}
.u-border-bottom-0 {
  border-bottom: 0 !important;
}
.u-border-left-0 {
  border-left: 0 !important;
}
.u-border-primary {
  border-color: #000099 !important;
}
.u-border-secondary {
  border-color: #af9e00 !important;
}
.u-border-base01 {
  border-color: #EAEAF7 !important;
}
.u-border-base02 {
  border-color: #e2e2f3 !important;
}
.u-border-base03 {
  border-color: #7171C6 !important;
}
.u-border-black {
  border-color: #2c2c2c !important;
}
.u-border-white {
  border-color: white !important;
}
.u-border-primary-100 {
  border-color: #00000f !important;
}
.u-border-primary-200 {
  border-color: #00001f !important;
}
.u-border-primary-300 {
  border-color: #00002e !important;
}
.u-border-primary-400 {
  border-color: #00003d !important;
}
.u-border-primary-500 {
  border-color: #00004d !important;
}
.u-border-primary-600 {
  border-color: #00005c !important;
}
.u-border-primary-700 {
  border-color: #00006b !important;
}
.u-border-primary-800 {
  border-color: #00007a !important;
}
.u-border-primary-900 {
  border-color: #00008a !important;
}

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

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

@media (min-width: 960px) {
  .u-display-block-pc {
    display: block !important;
  }
}
.u-display-inline {
  display: inline !important;
}

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

@media (min-width: 960px) {
  .u-display-inline-pc {
    display: inline !important;
  }
}
.u-display-inline-block {
  display: inline-block !important;
}

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

@media (min-width: 960px) {
  .u-display-inline-block-pc {
    display: inline-block !important;
  }
}
.u-display-flex {
  display: flex !important;
}

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

@media (min-width: 960px) {
  .u-display-flex-pc {
    display: flex !important;
  }
}
.u-display-none {
  display: none !important;
}

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

@media (min-width: 960px) {
  .u-display-none-pc {
    display: none !important;
  }
}
.u-embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.u-embed-responsive.-ratio-4by3::before {
  padding-top: 75%;
}
.u-embed-responsive.-ratio-16by9::before {
  padding-top: 56.25%;
}
.u-embed-responsive::before {
  display: block;
  content: "";
}
.u-embed-responsive .u-embed-responsive-item,
.u-embed-responsive iframe,
.u-embed-responsive embed,
.u-embed-responsive object,
.u-embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/**
* Direction
*/
.u-flex-d-row {
  flex-direction: row;
}

.u-flex-d-row {
  flex-direction: row;
}

@media (min-width: 960px) {
  .u-flex-d-row-pc {
    flex-direction: row;
  }
}
.u-flex-d-column {
  flex-direction: column;
}

.u-flex-d-column {
  flex-direction: column;
}

@media (min-width: 960px) {
  .u-flex-d-column-pc {
    flex-direction: column;
  }
}
/**
* Align-items
*/
.u-flex-ai-start {
  align-items: flex-start;
}

.u-flex-ai-start {
  align-items: flex-start;
}

@media (min-width: 960px) {
  .u-flex-ai-start-pc {
    align-items: flex-start;
  }
}
.u-flex-ai-center {
  align-items: center;
}

.u-flex-ai-center {
  align-items: center;
}

@media (min-width: 960px) {
  .u-flex-ai-center-pc {
    align-items: center;
  }
}
.u-flex-ai-end {
  align-items: flex-end;
}

.u-flex-ai-end {
  align-items: flex-end;
}

@media (min-width: 960px) {
  .u-flex-ai-end-pc {
    align-items: flex-end;
  }
}
.u-flex-ai-baseline {
  align-items: baseline;
}

.u-flex-ai-baseline {
  align-items: baseline;
}

@media (min-width: 960px) {
  .u-flex-ai-baseline-pc {
    align-items: baseline;
  }
}
/**
* Justify-content
*/
.u-flex-jc-start {
  justify-content: flex-start;
}

.u-flex-jc-start {
  justify-content: flex-start;
}

@media (min-width: 960px) {
  .u-flex-jc-start-pc {
    justify-content: flex-start;
  }
}
.u-flex-jc-center {
  justify-content: center;
}

.u-flex-jc-center {
  justify-content: center;
}

@media (min-width: 960px) {
  .u-flex-jc-center-pc {
    justify-content: center;
  }
}
.u-flex-jc-end {
  justify-content: flex-end;
}

.u-flex-jc-end {
  justify-content: flex-end;
}

@media (min-width: 960px) {
  .u-flex-jc-end-pc {
    justify-content: flex-end;
  }
}
/**
* Flex
*/
.u-flex-0 {
  flex: 0 0 auto;
}

.u-flex-0 {
  flex: 0 0 auto;
}

@media (min-width: 960px) {
  .u-flex-0-pc {
    flex: 0 0 auto;
  }
}
.u-flex-1 {
  flex: 1 1 auto;
}

.u-flex-1 {
  flex: 1 1 auto;
}

@media (min-width: 960px) {
  .u-flex-1-pc {
    flex: 1 1 auto;
  }
}
/* font-size
 ----------------------------------------------- */
.u-font-h1 {
  font-size: 4.2rem !important;
}

.u-font-h2 {
  font-size: 3.2rem !important;
}

.u-font-h3 {
  font-size: 2.4rem !important;
}

.u-font-h4 {
  font-size: 2rem !important;
}

.u-font-h5 {
  font-size: 1.8rem !important;
}

.u-font-h6 {
  font-size: 1.6rem !important;
}

.u-font-default {
  font-size: 1.6rem !important;
}

@media (max-width: 959.98px) {
  .u-font-h1 {
    font-size: 2.8rem !important;
  }

  .u-font-h2 {
    font-size: 2.4rem !important;
  }

  .u-font-h3 {
    font-size: 2rem !important;
  }

  .u-font-h4 {
    font-size: 1.6rem !important;
  }

  .u-font-h5 {
    font-size: 1.4rem !important;
  }

  .u-font-h6 {
    font-size: 1.2rem !important;
  }
}
/* font-weight
 ----------------------------------------------- */
.u-font-bold {
  font-weight: bold !important;
}

.u-font-normal {
  font-weight: normal !important;
}

/* color
 ----------------------------------------------- */
.u-font-primary {
  color: #000099 !important;
}

.u-font-secondary {
  color: #af9e00 !important;
}

.u-font-base01 {
  color: #EAEAF7 !important;
}

.u-font-base02 {
  color: #e2e2f3 !important;
}

.u-font-base03 {
  color: #7171C6 !important;
}

.u-font-black {
  color: #2c2c2c !important;
}

.u-font-white {
  color: white !important;
}

.u-font-primary-100 {
  color: #00000f !important;
}

.u-font-primary-200 {
  color: #00001f !important;
}

.u-font-primary-300 {
  color: #00002e !important;
}

.u-font-primary-400 {
  color: #00003d !important;
}

.u-font-primary-500 {
  color: #00004d !important;
}

.u-font-primary-600 {
  color: #00005c !important;
}

.u-font-primary-700 {
  color: #00006b !important;
}

.u-font-primary-800 {
  color: #00007a !important;
}

.u-font-primary-900 {
  color: #00008a !important;
}

/* font-style
 ----------------------------------------------- */
.u-font-italic {
  font-style: italic !important;
}

/* font-family
 ----------------------------------------------- */
.u-font-rajdhani {
  font-family: "Rajdhani", sans-serif;
}

.u-icon {
  width: 1rem;
  height: 1rem;
}

.u-icon-0x {
  width: 0rem !important;
  height: 0rem !important;
}

.u-icon-1x {
  width: 1rem !important;
  height: 1rem !important;
}

.u-icon-2x {
  width: 2rem !important;
  height: 2rem !important;
}

.u-icon-3x {
  width: 3rem !important;
  height: 3rem !important;
}

.u-icon-4x {
  width: 4rem !important;
  height: 4rem !important;
}

.u-icon-5x {
  width: 5rem !important;
  height: 5rem !important;
}

.u-icon-6x {
  width: 6rem !important;
  height: 6rem !important;
}

.u-icon-7x {
  width: 7rem !important;
  height: 7rem !important;
}

.u-icon-8x {
  width: 8rem !important;
  height: 8rem !important;
}

.u-icon-9x {
  width: 9rem !important;
  height: 9rem !important;
}

.u-icon-hauto {
  height: auto !important;
}

.u-icon-primary {
  fill: #000099;
}

.u-icon-secondary {
  fill: #af9e00;
}

.u-icon-base01 {
  fill: #EAEAF7;
}

.u-icon-base02 {
  fill: #e2e2f3;
}

.u-icon-base03 {
  fill: #7171C6;
}

.u-icon-black {
  fill: #2c2c2c;
}

.u-icon-white {
  fill: white;
}

.u-icon-primary-100 {
  fill: #00000f;
}

.u-icon-primary-200 {
  fill: #00001f;
}

.u-icon-primary-300 {
  fill: #00002e;
}

.u-icon-primary-400 {
  fill: #00003d;
}

.u-icon-primary-500 {
  fill: #00004d;
}

.u-icon-primary-600 {
  fill: #00005c;
}

.u-icon-primary-700 {
  fill: #00006b;
}

.u-icon-primary-800 {
  fill: #00007a;
}

.u-icon-primary-900 {
  fill: #00008a;
}

.u-icon-op0 {
  fill-opacity: 0;
}

.u-icon-op100 {
  fill-opacity: 0.1;
}

.u-icon-op200 {
  fill-opacity: 0.2;
}

.u-icon-op300 {
  fill-opacity: 0.3;
}

.u-icon-op400 {
  fill-opacity: 0.4;
}

.u-icon-op500 {
  fill-opacity: 0.5;
}

.u-icon-op600 {
  fill-opacity: 0.6;
}

.u-icon-op700 {
  fill-opacity: 0.7;
}

.u-icon-op800 {
  fill-opacity: 0.8;
}

.u-icon-op900 {
  fill-opacity: 0.9;
}

.u-list-reset, .u-list-reset li {
  list-style: none !important;
}

.u-list-icon li {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.u-list-icon__txt {
  flex: auto;
  margin-left: 0.25em;
}
.u-list-icon__icon {
  position: relative;
  flex: 0 0 auto;
}

.u-list-border-dotted li {
  padding: 12px 0 5px;
  border-bottom: 1px dashed #bfbfbf;
}
.u-list-border-dotted li:first-child {
  padding-top: 0;
}
.u-list-border-dotted li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

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

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

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

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

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

.u-lh-s0 {
  line-height: 0 !important;
}

.u-lh-s1 {
  line-height: 0.8rem !important;
}

.u-lh-s2 {
  line-height: 1.6rem !important;
}

.u-lh-s3 {
  line-height: 2.4rem !important;
}

.u-lh-s4 {
  line-height: 3.2rem !important;
}

.u-lh-s5 {
  line-height: 4rem !important;
}

.u-lh-s6 {
  line-height: 4.8rem !important;
}

.u-lh-s7 {
  line-height: 5.6rem !important;
}

.u-lh-s8 {
  line-height: 6.4rem !important;
}

.u-lh-s9 {
  line-height: 7.2rem !important;
}

.u-lh-s10 {
  line-height: 8rem !important;
}

.u-lh-s11 {
  line-height: 8.8rem !important;
}

.u-lh-s12 {
  line-height: 9.6rem !important;
}

.u-lh-s13 {
  line-height: 10.4rem !important;
}

.u-lh-s14 {
  line-height: 11.2rem !important;
}

.u-lh-s15 {
  line-height: 12rem !important;
}

.u-w-25 {
  width: 25% !important;
}
.u-w-50 {
  width: 50% !important;
}
.u-w-75 {
  width: 75% !important;
}
.u-w-100 {
  width: 100% !important;
}
.u-w-auto {
  width: auto !important;
}
.u-h-25 {
  height: 25% !important;
}
.u-h-50 {
  height: 50% !important;
}
.u-h-75 {
  height: 75% !important;
}
.u-h-100 {
  height: 100% !important;
}
.u-h-auto {
  height: auto !important;
}
.u-w-0 {
  width: 0 !important;
}
.u-w-0 {
  width: 0 !important;
}
.u-w-0 {
  width: 0 !important;
}
@media (min-width: 960px) {
  .u-w-0-pc {
    width: 0 !important;
  }
}
.u-h-0 {
  height: 0 !important;
}
.u-h-0 {
  height: 0 !important;
}
.u-h-0 {
  height: 0 !important;
}
@media (min-width: 960px) {
  .u-h-0-pc {
    height: 0 !important;
  }
}
.u-w-1 {
  width: 0.8rem !important;
}
.u-w-1 {
  width: 0.8rem !important;
}
.u-w-1 {
  width: 0.8rem !important;
}
@media (min-width: 960px) {
  .u-w-1-pc {
    width: 0.8rem !important;
  }
}
.u-h-1 {
  height: 0.8rem !important;
}
.u-h-1 {
  height: 0.8rem !important;
}
.u-h-1 {
  height: 0.8rem !important;
}
@media (min-width: 960px) {
  .u-h-1-pc {
    height: 0.8rem !important;
  }
}
.u-w-2 {
  width: 1.6rem !important;
}
.u-w-2 {
  width: 1.6rem !important;
}
.u-w-2 {
  width: 1.6rem !important;
}
@media (min-width: 960px) {
  .u-w-2-pc {
    width: 1.6rem !important;
  }
}
.u-h-2 {
  height: 1.6rem !important;
}
.u-h-2 {
  height: 1.6rem !important;
}
.u-h-2 {
  height: 1.6rem !important;
}
@media (min-width: 960px) {
  .u-h-2-pc {
    height: 1.6rem !important;
  }
}
.u-w-3 {
  width: 2.4rem !important;
}
.u-w-3 {
  width: 2.4rem !important;
}
.u-w-3 {
  width: 2.4rem !important;
}
@media (min-width: 960px) {
  .u-w-3-pc {
    width: 2.4rem !important;
  }
}
.u-h-3 {
  height: 2.4rem !important;
}
.u-h-3 {
  height: 2.4rem !important;
}
.u-h-3 {
  height: 2.4rem !important;
}
@media (min-width: 960px) {
  .u-h-3-pc {
    height: 2.4rem !important;
  }
}
.u-w-4 {
  width: 3.2rem !important;
}
.u-w-4 {
  width: 3.2rem !important;
}
.u-w-4 {
  width: 3.2rem !important;
}
@media (min-width: 960px) {
  .u-w-4-pc {
    width: 3.2rem !important;
  }
}
.u-h-4 {
  height: 3.2rem !important;
}
.u-h-4 {
  height: 3.2rem !important;
}
.u-h-4 {
  height: 3.2rem !important;
}
@media (min-width: 960px) {
  .u-h-4-pc {
    height: 3.2rem !important;
  }
}
.u-w-5 {
  width: 4rem !important;
}
.u-w-5 {
  width: 4rem !important;
}
.u-w-5 {
  width: 4rem !important;
}
@media (min-width: 960px) {
  .u-w-5-pc {
    width: 4rem !important;
  }
}
.u-h-5 {
  height: 4rem !important;
}
.u-h-5 {
  height: 4rem !important;
}
.u-h-5 {
  height: 4rem !important;
}
@media (min-width: 960px) {
  .u-h-5-pc {
    height: 4rem !important;
  }
}
.u-w-6 {
  width: 4.8rem !important;
}
.u-w-6 {
  width: 4.8rem !important;
}
.u-w-6 {
  width: 4.8rem !important;
}
@media (min-width: 960px) {
  .u-w-6-pc {
    width: 4.8rem !important;
  }
}
.u-h-6 {
  height: 4.8rem !important;
}
.u-h-6 {
  height: 4.8rem !important;
}
.u-h-6 {
  height: 4.8rem !important;
}
@media (min-width: 960px) {
  .u-h-6-pc {
    height: 4.8rem !important;
  }
}
.u-w-7 {
  width: 5.6rem !important;
}
.u-w-7 {
  width: 5.6rem !important;
}
.u-w-7 {
  width: 5.6rem !important;
}
@media (min-width: 960px) {
  .u-w-7-pc {
    width: 5.6rem !important;
  }
}
.u-h-7 {
  height: 5.6rem !important;
}
.u-h-7 {
  height: 5.6rem !important;
}
.u-h-7 {
  height: 5.6rem !important;
}
@media (min-width: 960px) {
  .u-h-7-pc {
    height: 5.6rem !important;
  }
}
.u-w-8 {
  width: 6.4rem !important;
}
.u-w-8 {
  width: 6.4rem !important;
}
.u-w-8 {
  width: 6.4rem !important;
}
@media (min-width: 960px) {
  .u-w-8-pc {
    width: 6.4rem !important;
  }
}
.u-h-8 {
  height: 6.4rem !important;
}
.u-h-8 {
  height: 6.4rem !important;
}
.u-h-8 {
  height: 6.4rem !important;
}
@media (min-width: 960px) {
  .u-h-8-pc {
    height: 6.4rem !important;
  }
}
.u-w-9 {
  width: 7.2rem !important;
}
.u-w-9 {
  width: 7.2rem !important;
}
.u-w-9 {
  width: 7.2rem !important;
}
@media (min-width: 960px) {
  .u-w-9-pc {
    width: 7.2rem !important;
  }
}
.u-h-9 {
  height: 7.2rem !important;
}
.u-h-9 {
  height: 7.2rem !important;
}
.u-h-9 {
  height: 7.2rem !important;
}
@media (min-width: 960px) {
  .u-h-9-pc {
    height: 7.2rem !important;
  }
}
.u-w-10 {
  width: 8rem !important;
}
.u-w-10 {
  width: 8rem !important;
}
.u-w-10 {
  width: 8rem !important;
}
@media (min-width: 960px) {
  .u-w-10-pc {
    width: 8rem !important;
  }
}
.u-h-10 {
  height: 8rem !important;
}
.u-h-10 {
  height: 8rem !important;
}
.u-h-10 {
  height: 8rem !important;
}
@media (min-width: 960px) {
  .u-h-10-pc {
    height: 8rem !important;
  }
}
.u-w-11 {
  width: 8.8rem !important;
}
.u-w-11 {
  width: 8.8rem !important;
}
.u-w-11 {
  width: 8.8rem !important;
}
@media (min-width: 960px) {
  .u-w-11-pc {
    width: 8.8rem !important;
  }
}
.u-h-11 {
  height: 8.8rem !important;
}
.u-h-11 {
  height: 8.8rem !important;
}
.u-h-11 {
  height: 8.8rem !important;
}
@media (min-width: 960px) {
  .u-h-11-pc {
    height: 8.8rem !important;
  }
}
.u-w-12 {
  width: 9.6rem !important;
}
.u-w-12 {
  width: 9.6rem !important;
}
.u-w-12 {
  width: 9.6rem !important;
}
@media (min-width: 960px) {
  .u-w-12-pc {
    width: 9.6rem !important;
  }
}
.u-h-12 {
  height: 9.6rem !important;
}
.u-h-12 {
  height: 9.6rem !important;
}
.u-h-12 {
  height: 9.6rem !important;
}
@media (min-width: 960px) {
  .u-h-12-pc {
    height: 9.6rem !important;
  }
}
.u-w-13 {
  width: 10.4rem !important;
}
.u-w-13 {
  width: 10.4rem !important;
}
.u-w-13 {
  width: 10.4rem !important;
}
@media (min-width: 960px) {
  .u-w-13-pc {
    width: 10.4rem !important;
  }
}
.u-h-13 {
  height: 10.4rem !important;
}
.u-h-13 {
  height: 10.4rem !important;
}
.u-h-13 {
  height: 10.4rem !important;
}
@media (min-width: 960px) {
  .u-h-13-pc {
    height: 10.4rem !important;
  }
}
.u-w-14 {
  width: 11.2rem !important;
}
.u-w-14 {
  width: 11.2rem !important;
}
.u-w-14 {
  width: 11.2rem !important;
}
@media (min-width: 960px) {
  .u-w-14-pc {
    width: 11.2rem !important;
  }
}
.u-h-14 {
  height: 11.2rem !important;
}
.u-h-14 {
  height: 11.2rem !important;
}
.u-h-14 {
  height: 11.2rem !important;
}
@media (min-width: 960px) {
  .u-h-14-pc {
    height: 11.2rem !important;
  }
}
.u-w-15 {
  width: 12rem !important;
}
.u-w-15 {
  width: 12rem !important;
}
.u-w-15 {
  width: 12rem !important;
}
@media (min-width: 960px) {
  .u-w-15-pc {
    width: 12rem !important;
  }
}
.u-h-15 {
  height: 12rem !important;
}
.u-h-15 {
  height: 12rem !important;
}
.u-h-15 {
  height: 12rem !important;
}
@media (min-width: 960px) {
  .u-h-15-pc {
    height: 12rem !important;
  }
}
.u-mw-100 {
  max-width: 100% !important;
}
.u-mh-100 {
  max-height: 100% !important;
}
.u-min-vw-100 {
  min-width: 100vw !important;
}
.u-min-vh-100 {
  min-height: 100vh !important;
}
.u-vw-100 {
  width: 100vw !important;
}
.u-vh-100 {
  height: 100vh !important;
}
.u-h100 {
  height: 100% !important;
}

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

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

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

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

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

.u-m-n0 {
  margin: 0 !important;
}

.u-mt-n0,
.u-my-n0 {
  margin-top: 0 !important;
}

.u-mr-n0,
.u-mx-n0 {
  margin-right: 0 !important;
}

.u-mb-n0,
.u-my-n0 {
  margin-bottom: 0 !important;
}

.u-ml-n0,
.u-mx-n0 {
  margin-left: 0 !important;
}

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

.u-mt-1,
.u-my-1 {
  margin-top: 0.8rem !important;
}

.u-mr-1,
.u-mx-1 {
  margin-right: 0.8rem !important;
}

.u-mb-1,
.u-my-1 {
  margin-bottom: 0.8rem !important;
}

.u-ml-1,
.u-mx-1 {
  margin-left: 0.8rem !important;
}

.u-m-n1 {
  margin: -0.8rem !important;
}

.u-mt-n1,
.u-my-n1 {
  margin-top: -0.8rem !important;
}

.u-mr-n1,
.u-mx-n1 {
  margin-right: -0.8rem !important;
}

.u-mb-n1,
.u-my-n1 {
  margin-bottom: -0.8rem !important;
}

.u-ml-n1,
.u-mx-n1 {
  margin-left: -0.8rem !important;
}

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

.u-mt-2,
.u-my-2 {
  margin-top: 1.6rem !important;
}

.u-mr-2,
.u-mx-2 {
  margin-right: 1.6rem !important;
}

.u-mb-2,
.u-my-2 {
  margin-bottom: 1.6rem !important;
}

.u-ml-2,
.u-mx-2 {
  margin-left: 1.6rem !important;
}

.u-m-n2 {
  margin: -1.6rem !important;
}

.u-mt-n2,
.u-my-n2 {
  margin-top: -1.6rem !important;
}

.u-mr-n2,
.u-mx-n2 {
  margin-right: -1.6rem !important;
}

.u-mb-n2,
.u-my-n2 {
  margin-bottom: -1.6rem !important;
}

.u-ml-n2,
.u-mx-n2 {
  margin-left: -1.6rem !important;
}

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

.u-mt-3,
.u-my-3 {
  margin-top: 2.4rem !important;
}

.u-mr-3,
.u-mx-3 {
  margin-right: 2.4rem !important;
}

.u-mb-3,
.u-my-3 {
  margin-bottom: 2.4rem !important;
}

.u-ml-3,
.u-mx-3 {
  margin-left: 2.4rem !important;
}

.u-m-n3 {
  margin: -2.4rem !important;
}

.u-mt-n3,
.u-my-n3 {
  margin-top: -2.4rem !important;
}

.u-mr-n3,
.u-mx-n3 {
  margin-right: -2.4rem !important;
}

.u-mb-n3,
.u-my-n3 {
  margin-bottom: -2.4rem !important;
}

.u-ml-n3,
.u-mx-n3 {
  margin-left: -2.4rem !important;
}

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

.u-mt-4,
.u-my-4 {
  margin-top: 3.2rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 3.2rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 3.2rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 3.2rem !important;
}

.u-m-n4 {
  margin: -3.2rem !important;
}

.u-mt-n4,
.u-my-n4 {
  margin-top: -3.2rem !important;
}

.u-mr-n4,
.u-mx-n4 {
  margin-right: -3.2rem !important;
}

.u-mb-n4,
.u-my-n4 {
  margin-bottom: -3.2rem !important;
}

.u-ml-n4,
.u-mx-n4 {
  margin-left: -3.2rem !important;
}

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

.u-mt-5,
.u-my-5 {
  margin-top: 4rem !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 4rem !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 4rem !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 4rem !important;
}

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

.u-mt-n5,
.u-my-n5 {
  margin-top: -4rem !important;
}

.u-mr-n5,
.u-mx-n5 {
  margin-right: -4rem !important;
}

.u-mb-n5,
.u-my-n5 {
  margin-bottom: -4rem !important;
}

.u-ml-n5,
.u-mx-n5 {
  margin-left: -4rem !important;
}

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

.u-mt-6,
.u-my-6 {
  margin-top: 4.8rem !important;
}

.u-mr-6,
.u-mx-6 {
  margin-right: 4.8rem !important;
}

.u-mb-6,
.u-my-6 {
  margin-bottom: 4.8rem !important;
}

.u-ml-6,
.u-mx-6 {
  margin-left: 4.8rem !important;
}

.u-m-n6 {
  margin: -4.8rem !important;
}

.u-mt-n6,
.u-my-n6 {
  margin-top: -4.8rem !important;
}

.u-mr-n6,
.u-mx-n6 {
  margin-right: -4.8rem !important;
}

.u-mb-n6,
.u-my-n6 {
  margin-bottom: -4.8rem !important;
}

.u-ml-n6,
.u-mx-n6 {
  margin-left: -4.8rem !important;
}

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

.u-mt-7,
.u-my-7 {
  margin-top: 5.6rem !important;
}

.u-mr-7,
.u-mx-7 {
  margin-right: 5.6rem !important;
}

.u-mb-7,
.u-my-7 {
  margin-bottom: 5.6rem !important;
}

.u-ml-7,
.u-mx-7 {
  margin-left: 5.6rem !important;
}

.u-m-n7 {
  margin: -5.6rem !important;
}

.u-mt-n7,
.u-my-n7 {
  margin-top: -5.6rem !important;
}

.u-mr-n7,
.u-mx-n7 {
  margin-right: -5.6rem !important;
}

.u-mb-n7,
.u-my-n7 {
  margin-bottom: -5.6rem !important;
}

.u-ml-n7,
.u-mx-n7 {
  margin-left: -5.6rem !important;
}

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

.u-mt-8,
.u-my-8 {
  margin-top: 6.4rem !important;
}

.u-mr-8,
.u-mx-8 {
  margin-right: 6.4rem !important;
}

.u-mb-8,
.u-my-8 {
  margin-bottom: 6.4rem !important;
}

.u-ml-8,
.u-mx-8 {
  margin-left: 6.4rem !important;
}

.u-m-n8 {
  margin: -6.4rem !important;
}

.u-mt-n8,
.u-my-n8 {
  margin-top: -6.4rem !important;
}

.u-mr-n8,
.u-mx-n8 {
  margin-right: -6.4rem !important;
}

.u-mb-n8,
.u-my-n8 {
  margin-bottom: -6.4rem !important;
}

.u-ml-n8,
.u-mx-n8 {
  margin-left: -6.4rem !important;
}

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

.u-mt-9,
.u-my-9 {
  margin-top: 7.2rem !important;
}

.u-mr-9,
.u-mx-9 {
  margin-right: 7.2rem !important;
}

.u-mb-9,
.u-my-9 {
  margin-bottom: 7.2rem !important;
}

.u-ml-9,
.u-mx-9 {
  margin-left: 7.2rem !important;
}

.u-m-n9 {
  margin: -7.2rem !important;
}

.u-mt-n9,
.u-my-n9 {
  margin-top: -7.2rem !important;
}

.u-mr-n9,
.u-mx-n9 {
  margin-right: -7.2rem !important;
}

.u-mb-n9,
.u-my-n9 {
  margin-bottom: -7.2rem !important;
}

.u-ml-n9,
.u-mx-n9 {
  margin-left: -7.2rem !important;
}

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

.u-mt-10,
.u-my-10 {
  margin-top: 8rem !important;
}

.u-mr-10,
.u-mx-10 {
  margin-right: 8rem !important;
}

.u-mb-10,
.u-my-10 {
  margin-bottom: 8rem !important;
}

.u-ml-10,
.u-mx-10 {
  margin-left: 8rem !important;
}

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

.u-mt-n10,
.u-my-n10 {
  margin-top: -8rem !important;
}

.u-mr-n10,
.u-mx-n10 {
  margin-right: -8rem !important;
}

.u-mb-n10,
.u-my-n10 {
  margin-bottom: -8rem !important;
}

.u-ml-n10,
.u-mx-n10 {
  margin-left: -8rem !important;
}

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

.u-mt-11,
.u-my-11 {
  margin-top: 8.8rem !important;
}

.u-mr-11,
.u-mx-11 {
  margin-right: 8.8rem !important;
}

.u-mb-11,
.u-my-11 {
  margin-bottom: 8.8rem !important;
}

.u-ml-11,
.u-mx-11 {
  margin-left: 8.8rem !important;
}

.u-m-n11 {
  margin: -8.8rem !important;
}

.u-mt-n11,
.u-my-n11 {
  margin-top: -8.8rem !important;
}

.u-mr-n11,
.u-mx-n11 {
  margin-right: -8.8rem !important;
}

.u-mb-n11,
.u-my-n11 {
  margin-bottom: -8.8rem !important;
}

.u-ml-n11,
.u-mx-n11 {
  margin-left: -8.8rem !important;
}

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

.u-mt-12,
.u-my-12 {
  margin-top: 9.6rem !important;
}

.u-mr-12,
.u-mx-12 {
  margin-right: 9.6rem !important;
}

.u-mb-12,
.u-my-12 {
  margin-bottom: 9.6rem !important;
}

.u-ml-12,
.u-mx-12 {
  margin-left: 9.6rem !important;
}

.u-m-n12 {
  margin: -9.6rem !important;
}

.u-mt-n12,
.u-my-n12 {
  margin-top: -9.6rem !important;
}

.u-mr-n12,
.u-mx-n12 {
  margin-right: -9.6rem !important;
}

.u-mb-n12,
.u-my-n12 {
  margin-bottom: -9.6rem !important;
}

.u-ml-n12,
.u-mx-n12 {
  margin-left: -9.6rem !important;
}

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

.u-mt-13,
.u-my-13 {
  margin-top: 10.4rem !important;
}

.u-mr-13,
.u-mx-13 {
  margin-right: 10.4rem !important;
}

.u-mb-13,
.u-my-13 {
  margin-bottom: 10.4rem !important;
}

.u-ml-13,
.u-mx-13 {
  margin-left: 10.4rem !important;
}

.u-m-n13 {
  margin: -10.4rem !important;
}

.u-mt-n13,
.u-my-n13 {
  margin-top: -10.4rem !important;
}

.u-mr-n13,
.u-mx-n13 {
  margin-right: -10.4rem !important;
}

.u-mb-n13,
.u-my-n13 {
  margin-bottom: -10.4rem !important;
}

.u-ml-n13,
.u-mx-n13 {
  margin-left: -10.4rem !important;
}

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

.u-mt-14,
.u-my-14 {
  margin-top: 11.2rem !important;
}

.u-mr-14,
.u-mx-14 {
  margin-right: 11.2rem !important;
}

.u-mb-14,
.u-my-14 {
  margin-bottom: 11.2rem !important;
}

.u-ml-14,
.u-mx-14 {
  margin-left: 11.2rem !important;
}

.u-m-n14 {
  margin: -11.2rem !important;
}

.u-mt-n14,
.u-my-n14 {
  margin-top: -11.2rem !important;
}

.u-mr-n14,
.u-mx-n14 {
  margin-right: -11.2rem !important;
}

.u-mb-n14,
.u-my-n14 {
  margin-bottom: -11.2rem !important;
}

.u-ml-n14,
.u-mx-n14 {
  margin-left: -11.2rem !important;
}

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

.u-mt-15,
.u-my-15 {
  margin-top: 12rem !important;
}

.u-mr-15,
.u-mx-15 {
  margin-right: 12rem !important;
}

.u-mb-15,
.u-my-15 {
  margin-bottom: 12rem !important;
}

.u-ml-15,
.u-mx-15 {
  margin-left: 12rem !important;
}

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

.u-mt-n15,
.u-my-n15 {
  margin-top: -12rem !important;
}

.u-mr-n15,
.u-mx-n15 {
  margin-right: -12rem !important;
}

.u-mb-n15,
.u-my-n15 {
  margin-bottom: -12rem !important;
}

.u-ml-n15,
.u-mx-n15 {
  margin-left: -12rem !important;
}

.u-p-0 {
  padding: 0 !important;
}

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

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

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

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

.u-p-n0 {
  margin: 0 !important;
}

.u-pt-n0,
.u-py-n0 {
  margin-top: 0 !important;
}

.u-pr-n0,
.u-px-n0 {
  margin-right: 0 !important;
}

.u-pb-n0,
.u-py-n0 {
  margin-bottom: 0 !important;
}

.u-pl-n0,
.u-px-n0 {
  margin-left: 0 !important;
}

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

.u-pt-1,
.u-py-1 {
  padding-top: 0.8rem !important;
}

.u-pr-1,
.u-px-1 {
  padding-right: 0.8rem !important;
}

.u-pb-1,
.u-py-1 {
  padding-bottom: 0.8rem !important;
}

.u-pl-1,
.u-px-1 {
  padding-left: 0.8rem !important;
}

.u-p-n1 {
  margin: -0.8rem !important;
}

.u-pt-n1,
.u-py-n1 {
  margin-top: -0.8rem !important;
}

.u-pr-n1,
.u-px-n1 {
  margin-right: -0.8rem !important;
}

.u-pb-n1,
.u-py-n1 {
  margin-bottom: -0.8rem !important;
}

.u-pl-n1,
.u-px-n1 {
  margin-left: -0.8rem !important;
}

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

.u-pt-2,
.u-py-2 {
  padding-top: 1.6rem !important;
}

.u-pr-2,
.u-px-2 {
  padding-right: 1.6rem !important;
}

.u-pb-2,
.u-py-2 {
  padding-bottom: 1.6rem !important;
}

.u-pl-2,
.u-px-2 {
  padding-left: 1.6rem !important;
}

.u-p-n2 {
  margin: -1.6rem !important;
}

.u-pt-n2,
.u-py-n2 {
  margin-top: -1.6rem !important;
}

.u-pr-n2,
.u-px-n2 {
  margin-right: -1.6rem !important;
}

.u-pb-n2,
.u-py-n2 {
  margin-bottom: -1.6rem !important;
}

.u-pl-n2,
.u-px-n2 {
  margin-left: -1.6rem !important;
}

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

.u-pt-3,
.u-py-3 {
  padding-top: 2.4rem !important;
}

.u-pr-3,
.u-px-3 {
  padding-right: 2.4rem !important;
}

.u-pb-3,
.u-py-3 {
  padding-bottom: 2.4rem !important;
}

.u-pl-3,
.u-px-3 {
  padding-left: 2.4rem !important;
}

.u-p-n3 {
  margin: -2.4rem !important;
}

.u-pt-n3,
.u-py-n3 {
  margin-top: -2.4rem !important;
}

.u-pr-n3,
.u-px-n3 {
  margin-right: -2.4rem !important;
}

.u-pb-n3,
.u-py-n3 {
  margin-bottom: -2.4rem !important;
}

.u-pl-n3,
.u-px-n3 {
  margin-left: -2.4rem !important;
}

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

.u-pt-4,
.u-py-4 {
  padding-top: 3.2rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 3.2rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 3.2rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 3.2rem !important;
}

.u-p-n4 {
  margin: -3.2rem !important;
}

.u-pt-n4,
.u-py-n4 {
  margin-top: -3.2rem !important;
}

.u-pr-n4,
.u-px-n4 {
  margin-right: -3.2rem !important;
}

.u-pb-n4,
.u-py-n4 {
  margin-bottom: -3.2rem !important;
}

.u-pl-n4,
.u-px-n4 {
  margin-left: -3.2rem !important;
}

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

.u-pt-5,
.u-py-5 {
  padding-top: 4rem !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 4rem !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 4rem !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 4rem !important;
}

.u-p-n5 {
  margin: -4rem !important;
}

.u-pt-n5,
.u-py-n5 {
  margin-top: -4rem !important;
}

.u-pr-n5,
.u-px-n5 {
  margin-right: -4rem !important;
}

.u-pb-n5,
.u-py-n5 {
  margin-bottom: -4rem !important;
}

.u-pl-n5,
.u-px-n5 {
  margin-left: -4rem !important;
}

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

.u-pt-6,
.u-py-6 {
  padding-top: 4.8rem !important;
}

.u-pr-6,
.u-px-6 {
  padding-right: 4.8rem !important;
}

.u-pb-6,
.u-py-6 {
  padding-bottom: 4.8rem !important;
}

.u-pl-6,
.u-px-6 {
  padding-left: 4.8rem !important;
}

.u-p-n6 {
  margin: -4.8rem !important;
}

.u-pt-n6,
.u-py-n6 {
  margin-top: -4.8rem !important;
}

.u-pr-n6,
.u-px-n6 {
  margin-right: -4.8rem !important;
}

.u-pb-n6,
.u-py-n6 {
  margin-bottom: -4.8rem !important;
}

.u-pl-n6,
.u-px-n6 {
  margin-left: -4.8rem !important;
}

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

.u-pt-7,
.u-py-7 {
  padding-top: 5.6rem !important;
}

.u-pr-7,
.u-px-7 {
  padding-right: 5.6rem !important;
}

.u-pb-7,
.u-py-7 {
  padding-bottom: 5.6rem !important;
}

.u-pl-7,
.u-px-7 {
  padding-left: 5.6rem !important;
}

.u-p-n7 {
  margin: -5.6rem !important;
}

.u-pt-n7,
.u-py-n7 {
  margin-top: -5.6rem !important;
}

.u-pr-n7,
.u-px-n7 {
  margin-right: -5.6rem !important;
}

.u-pb-n7,
.u-py-n7 {
  margin-bottom: -5.6rem !important;
}

.u-pl-n7,
.u-px-n7 {
  margin-left: -5.6rem !important;
}

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

.u-pt-8,
.u-py-8 {
  padding-top: 6.4rem !important;
}

.u-pr-8,
.u-px-8 {
  padding-right: 6.4rem !important;
}

.u-pb-8,
.u-py-8 {
  padding-bottom: 6.4rem !important;
}

.u-pl-8,
.u-px-8 {
  padding-left: 6.4rem !important;
}

.u-p-n8 {
  margin: -6.4rem !important;
}

.u-pt-n8,
.u-py-n8 {
  margin-top: -6.4rem !important;
}

.u-pr-n8,
.u-px-n8 {
  margin-right: -6.4rem !important;
}

.u-pb-n8,
.u-py-n8 {
  margin-bottom: -6.4rem !important;
}

.u-pl-n8,
.u-px-n8 {
  margin-left: -6.4rem !important;
}

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

.u-pt-9,
.u-py-9 {
  padding-top: 7.2rem !important;
}

.u-pr-9,
.u-px-9 {
  padding-right: 7.2rem !important;
}

.u-pb-9,
.u-py-9 {
  padding-bottom: 7.2rem !important;
}

.u-pl-9,
.u-px-9 {
  padding-left: 7.2rem !important;
}

.u-p-n9 {
  margin: -7.2rem !important;
}

.u-pt-n9,
.u-py-n9 {
  margin-top: -7.2rem !important;
}

.u-pr-n9,
.u-px-n9 {
  margin-right: -7.2rem !important;
}

.u-pb-n9,
.u-py-n9 {
  margin-bottom: -7.2rem !important;
}

.u-pl-n9,
.u-px-n9 {
  margin-left: -7.2rem !important;
}

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

.u-pt-10,
.u-py-10 {
  padding-top: 8rem !important;
}

.u-pr-10,
.u-px-10 {
  padding-right: 8rem !important;
}

.u-pb-10,
.u-py-10 {
  padding-bottom: 8rem !important;
}

.u-pl-10,
.u-px-10 {
  padding-left: 8rem !important;
}

.u-p-n10 {
  margin: -8rem !important;
}

.u-pt-n10,
.u-py-n10 {
  margin-top: -8rem !important;
}

.u-pr-n10,
.u-px-n10 {
  margin-right: -8rem !important;
}

.u-pb-n10,
.u-py-n10 {
  margin-bottom: -8rem !important;
}

.u-pl-n10,
.u-px-n10 {
  margin-left: -8rem !important;
}

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

.u-pt-11,
.u-py-11 {
  padding-top: 8.8rem !important;
}

.u-pr-11,
.u-px-11 {
  padding-right: 8.8rem !important;
}

.u-pb-11,
.u-py-11 {
  padding-bottom: 8.8rem !important;
}

.u-pl-11,
.u-px-11 {
  padding-left: 8.8rem !important;
}

.u-p-n11 {
  margin: -8.8rem !important;
}

.u-pt-n11,
.u-py-n11 {
  margin-top: -8.8rem !important;
}

.u-pr-n11,
.u-px-n11 {
  margin-right: -8.8rem !important;
}

.u-pb-n11,
.u-py-n11 {
  margin-bottom: -8.8rem !important;
}

.u-pl-n11,
.u-px-n11 {
  margin-left: -8.8rem !important;
}

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

.u-pt-12,
.u-py-12 {
  padding-top: 9.6rem !important;
}

.u-pr-12,
.u-px-12 {
  padding-right: 9.6rem !important;
}

.u-pb-12,
.u-py-12 {
  padding-bottom: 9.6rem !important;
}

.u-pl-12,
.u-px-12 {
  padding-left: 9.6rem !important;
}

.u-p-n12 {
  margin: -9.6rem !important;
}

.u-pt-n12,
.u-py-n12 {
  margin-top: -9.6rem !important;
}

.u-pr-n12,
.u-px-n12 {
  margin-right: -9.6rem !important;
}

.u-pb-n12,
.u-py-n12 {
  margin-bottom: -9.6rem !important;
}

.u-pl-n12,
.u-px-n12 {
  margin-left: -9.6rem !important;
}

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

.u-pt-13,
.u-py-13 {
  padding-top: 10.4rem !important;
}

.u-pr-13,
.u-px-13 {
  padding-right: 10.4rem !important;
}

.u-pb-13,
.u-py-13 {
  padding-bottom: 10.4rem !important;
}

.u-pl-13,
.u-px-13 {
  padding-left: 10.4rem !important;
}

.u-p-n13 {
  margin: -10.4rem !important;
}

.u-pt-n13,
.u-py-n13 {
  margin-top: -10.4rem !important;
}

.u-pr-n13,
.u-px-n13 {
  margin-right: -10.4rem !important;
}

.u-pb-n13,
.u-py-n13 {
  margin-bottom: -10.4rem !important;
}

.u-pl-n13,
.u-px-n13 {
  margin-left: -10.4rem !important;
}

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

.u-pt-14,
.u-py-14 {
  padding-top: 11.2rem !important;
}

.u-pr-14,
.u-px-14 {
  padding-right: 11.2rem !important;
}

.u-pb-14,
.u-py-14 {
  padding-bottom: 11.2rem !important;
}

.u-pl-14,
.u-px-14 {
  padding-left: 11.2rem !important;
}

.u-p-n14 {
  margin: -11.2rem !important;
}

.u-pt-n14,
.u-py-n14 {
  margin-top: -11.2rem !important;
}

.u-pr-n14,
.u-px-n14 {
  margin-right: -11.2rem !important;
}

.u-pb-n14,
.u-py-n14 {
  margin-bottom: -11.2rem !important;
}

.u-pl-n14,
.u-px-n14 {
  margin-left: -11.2rem !important;
}

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

.u-pt-15,
.u-py-15 {
  padding-top: 12rem !important;
}

.u-pr-15,
.u-px-15 {
  padding-right: 12rem !important;
}

.u-pb-15,
.u-py-15 {
  padding-bottom: 12rem !important;
}

.u-pl-15,
.u-px-15 {
  padding-left: 12rem !important;
}

.u-p-n15 {
  margin: -12rem !important;
}

.u-pt-n15,
.u-py-n15 {
  margin-top: -12rem !important;
}

.u-pr-n15,
.u-px-n15 {
  margin-right: -12rem !important;
}

.u-pb-n15,
.u-py-n15 {
  margin-bottom: -12rem !important;
}

.u-pl-n15,
.u-px-n15 {
  margin-left: -12rem !important;
}

.u-m-0 {
  margin: 0;
}

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

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

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

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

.u-m-1 {
  margin: 0.8rem;
}

.u-mt-1,
.u-my-1 {
  margin-top: 0.8rem !important;
}

.u-mr-1,
.u-mx-1 {
  margin-right: 0.8rem !important;
}

.u-mb-1,
.u-my-1 {
  margin-bottom: 0.8rem !important;
}

.u-ml-1,
.u-mx-1 {
  margin-left: 0.8rem !important;
}

.u-m-2 {
  margin: 1.6rem;
}

.u-mt-2,
.u-my-2 {
  margin-top: 1.6rem !important;
}

.u-mr-2,
.u-mx-2 {
  margin-right: 1.6rem !important;
}

.u-mb-2,
.u-my-2 {
  margin-bottom: 1.6rem !important;
}

.u-ml-2,
.u-mx-2 {
  margin-left: 1.6rem !important;
}

.u-m-3 {
  margin: 2.4rem;
}

.u-mt-3,
.u-my-3 {
  margin-top: 2.4rem !important;
}

.u-mr-3,
.u-mx-3 {
  margin-right: 2.4rem !important;
}

.u-mb-3,
.u-my-3 {
  margin-bottom: 2.4rem !important;
}

.u-ml-3,
.u-mx-3 {
  margin-left: 2.4rem !important;
}

.u-m-4 {
  margin: 3.2rem;
}

.u-mt-4,
.u-my-4 {
  margin-top: 3.2rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 3.2rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 3.2rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 3.2rem !important;
}

.u-m-5 {
  margin: 4rem;
}

.u-mt-5,
.u-my-5 {
  margin-top: 4rem !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 4rem !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 4rem !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 4rem !important;
}

.u-m-6 {
  margin: 4.8rem;
}

.u-mt-6,
.u-my-6 {
  margin-top: 4.8rem !important;
}

.u-mr-6,
.u-mx-6 {
  margin-right: 4.8rem !important;
}

.u-mb-6,
.u-my-6 {
  margin-bottom: 4.8rem !important;
}

.u-ml-6,
.u-mx-6 {
  margin-left: 4.8rem !important;
}

.u-m-7 {
  margin: 5.6rem;
}

.u-mt-7,
.u-my-7 {
  margin-top: 5.6rem !important;
}

.u-mr-7,
.u-mx-7 {
  margin-right: 5.6rem !important;
}

.u-mb-7,
.u-my-7 {
  margin-bottom: 5.6rem !important;
}

.u-ml-7,
.u-mx-7 {
  margin-left: 5.6rem !important;
}

.u-m-8 {
  margin: 6.4rem;
}

.u-mt-8,
.u-my-8 {
  margin-top: 6.4rem !important;
}

.u-mr-8,
.u-mx-8 {
  margin-right: 6.4rem !important;
}

.u-mb-8,
.u-my-8 {
  margin-bottom: 6.4rem !important;
}

.u-ml-8,
.u-mx-8 {
  margin-left: 6.4rem !important;
}

.u-m-9 {
  margin: 7.2rem;
}

.u-mt-9,
.u-my-9 {
  margin-top: 7.2rem !important;
}

.u-mr-9,
.u-mx-9 {
  margin-right: 7.2rem !important;
}

.u-mb-9,
.u-my-9 {
  margin-bottom: 7.2rem !important;
}

.u-ml-9,
.u-mx-9 {
  margin-left: 7.2rem !important;
}

.u-m-10 {
  margin: 8rem;
}

.u-mt-10,
.u-my-10 {
  margin-top: 8rem !important;
}

.u-mr-10,
.u-mx-10 {
  margin-right: 8rem !important;
}

.u-mb-10,
.u-my-10 {
  margin-bottom: 8rem !important;
}

.u-ml-10,
.u-mx-10 {
  margin-left: 8rem !important;
}

.u-m-11 {
  margin: 8.8rem;
}

.u-mt-11,
.u-my-11 {
  margin-top: 8.8rem !important;
}

.u-mr-11,
.u-mx-11 {
  margin-right: 8.8rem !important;
}

.u-mb-11,
.u-my-11 {
  margin-bottom: 8.8rem !important;
}

.u-ml-11,
.u-mx-11 {
  margin-left: 8.8rem !important;
}

.u-m-12 {
  margin: 9.6rem;
}

.u-mt-12,
.u-my-12 {
  margin-top: 9.6rem !important;
}

.u-mr-12,
.u-mx-12 {
  margin-right: 9.6rem !important;
}

.u-mb-12,
.u-my-12 {
  margin-bottom: 9.6rem !important;
}

.u-ml-12,
.u-mx-12 {
  margin-left: 9.6rem !important;
}

.u-m-13 {
  margin: 10.4rem;
}

.u-mt-13,
.u-my-13 {
  margin-top: 10.4rem !important;
}

.u-mr-13,
.u-mx-13 {
  margin-right: 10.4rem !important;
}

.u-mb-13,
.u-my-13 {
  margin-bottom: 10.4rem !important;
}

.u-ml-13,
.u-mx-13 {
  margin-left: 10.4rem !important;
}

.u-m-14 {
  margin: 11.2rem;
}

.u-mt-14,
.u-my-14 {
  margin-top: 11.2rem !important;
}

.u-mr-14,
.u-mx-14 {
  margin-right: 11.2rem !important;
}

.u-mb-14,
.u-my-14 {
  margin-bottom: 11.2rem !important;
}

.u-ml-14,
.u-mx-14 {
  margin-left: 11.2rem !important;
}

.u-m-15 {
  margin: 12rem;
}

.u-mt-15,
.u-my-15 {
  margin-top: 12rem !important;
}

.u-mr-15,
.u-mx-15 {
  margin-right: 12rem !important;
}

.u-mb-15,
.u-my-15 {
  margin-bottom: 12rem !important;
}

.u-ml-15,
.u-mx-15 {
  margin-left: 12rem !important;
}

.u-p-0 {
  padding: 0;
}

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

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

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

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

.u-p-1 {
  padding: 0.8rem;
}

.u-pt-1,
.u-py-1 {
  padding-top: 0.8rem !important;
}

.u-pr-1,
.u-px-1 {
  padding-right: 0.8rem !important;
}

.u-pb-1,
.u-py-1 {
  padding-bottom: 0.8rem !important;
}

.u-pl-1,
.u-px-1 {
  padding-left: 0.8rem !important;
}

.u-p-2 {
  padding: 1.6rem;
}

.u-pt-2,
.u-py-2 {
  padding-top: 1.6rem !important;
}

.u-pr-2,
.u-px-2 {
  padding-right: 1.6rem !important;
}

.u-pb-2,
.u-py-2 {
  padding-bottom: 1.6rem !important;
}

.u-pl-2,
.u-px-2 {
  padding-left: 1.6rem !important;
}

.u-p-3 {
  padding: 2.4rem;
}

.u-pt-3,
.u-py-3 {
  padding-top: 2.4rem !important;
}

.u-pr-3,
.u-px-3 {
  padding-right: 2.4rem !important;
}

.u-pb-3,
.u-py-3 {
  padding-bottom: 2.4rem !important;
}

.u-pl-3,
.u-px-3 {
  padding-left: 2.4rem !important;
}

.u-p-4 {
  padding: 3.2rem;
}

.u-pt-4,
.u-py-4 {
  padding-top: 3.2rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 3.2rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 3.2rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 3.2rem !important;
}

.u-p-5 {
  padding: 4rem;
}

.u-pt-5,
.u-py-5 {
  padding-top: 4rem !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 4rem !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 4rem !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 4rem !important;
}

.u-p-6 {
  padding: 4.8rem;
}

.u-pt-6,
.u-py-6 {
  padding-top: 4.8rem !important;
}

.u-pr-6,
.u-px-6 {
  padding-right: 4.8rem !important;
}

.u-pb-6,
.u-py-6 {
  padding-bottom: 4.8rem !important;
}

.u-pl-6,
.u-px-6 {
  padding-left: 4.8rem !important;
}

.u-p-7 {
  padding: 5.6rem;
}

.u-pt-7,
.u-py-7 {
  padding-top: 5.6rem !important;
}

.u-pr-7,
.u-px-7 {
  padding-right: 5.6rem !important;
}

.u-pb-7,
.u-py-7 {
  padding-bottom: 5.6rem !important;
}

.u-pl-7,
.u-px-7 {
  padding-left: 5.6rem !important;
}

.u-p-8 {
  padding: 6.4rem;
}

.u-pt-8,
.u-py-8 {
  padding-top: 6.4rem !important;
}

.u-pr-8,
.u-px-8 {
  padding-right: 6.4rem !important;
}

.u-pb-8,
.u-py-8 {
  padding-bottom: 6.4rem !important;
}

.u-pl-8,
.u-px-8 {
  padding-left: 6.4rem !important;
}

.u-p-9 {
  padding: 7.2rem;
}

.u-pt-9,
.u-py-9 {
  padding-top: 7.2rem !important;
}

.u-pr-9,
.u-px-9 {
  padding-right: 7.2rem !important;
}

.u-pb-9,
.u-py-9 {
  padding-bottom: 7.2rem !important;
}

.u-pl-9,
.u-px-9 {
  padding-left: 7.2rem !important;
}

.u-p-10 {
  padding: 8rem;
}

.u-pt-10,
.u-py-10 {
  padding-top: 8rem !important;
}

.u-pr-10,
.u-px-10 {
  padding-right: 8rem !important;
}

.u-pb-10,
.u-py-10 {
  padding-bottom: 8rem !important;
}

.u-pl-10,
.u-px-10 {
  padding-left: 8rem !important;
}

.u-p-11 {
  padding: 8.8rem;
}

.u-pt-11,
.u-py-11 {
  padding-top: 8.8rem !important;
}

.u-pr-11,
.u-px-11 {
  padding-right: 8.8rem !important;
}

.u-pb-11,
.u-py-11 {
  padding-bottom: 8.8rem !important;
}

.u-pl-11,
.u-px-11 {
  padding-left: 8.8rem !important;
}

.u-p-12 {
  padding: 9.6rem;
}

.u-pt-12,
.u-py-12 {
  padding-top: 9.6rem !important;
}

.u-pr-12,
.u-px-12 {
  padding-right: 9.6rem !important;
}

.u-pb-12,
.u-py-12 {
  padding-bottom: 9.6rem !important;
}

.u-pl-12,
.u-px-12 {
  padding-left: 9.6rem !important;
}

.u-p-13 {
  padding: 10.4rem;
}

.u-pt-13,
.u-py-13 {
  padding-top: 10.4rem !important;
}

.u-pr-13,
.u-px-13 {
  padding-right: 10.4rem !important;
}

.u-pb-13,
.u-py-13 {
  padding-bottom: 10.4rem !important;
}

.u-pl-13,
.u-px-13 {
  padding-left: 10.4rem !important;
}

.u-p-14 {
  padding: 11.2rem;
}

.u-pt-14,
.u-py-14 {
  padding-top: 11.2rem !important;
}

.u-pr-14,
.u-px-14 {
  padding-right: 11.2rem !important;
}

.u-pb-14,
.u-py-14 {
  padding-bottom: 11.2rem !important;
}

.u-pl-14,
.u-px-14 {
  padding-left: 11.2rem !important;
}

.u-p-15 {
  padding: 12rem;
}

.u-pt-15,
.u-py-15 {
  padding-top: 12rem !important;
}

.u-pr-15,
.u-px-15 {
  padding-right: 12rem !important;
}

.u-pb-15,
.u-py-15 {
  padding-bottom: 12rem !important;
}

.u-pl-15,
.u-px-15 {
  padding-left: 12rem !important;
}

.u-m-n1 {
  margin: -0.8rem !important;
}

.u-mt-n1,
.u-my-n1 {
  margin-top: -0.8rem !important;
}

.u-mr-n1,
.u-mx-n1 {
  margin-right: -0.8rem !important;
}

.u-mb-n1,
.u-my-n1 {
  margin-bottom: -0.8rem !important;
}

.u-ml-n1,
.u-mx-n1 {
  margin-left: -0.8rem !important;
}

.u-m-n2 {
  margin: -1.6rem !important;
}

.u-mt-n2,
.u-my-n2 {
  margin-top: -1.6rem !important;
}

.u-mr-n2,
.u-mx-n2 {
  margin-right: -1.6rem !important;
}

.u-mb-n2,
.u-my-n2 {
  margin-bottom: -1.6rem !important;
}

.u-ml-n2,
.u-mx-n2 {
  margin-left: -1.6rem !important;
}

.u-m-n3 {
  margin: -2.4rem !important;
}

.u-mt-n3,
.u-my-n3 {
  margin-top: -2.4rem !important;
}

.u-mr-n3,
.u-mx-n3 {
  margin-right: -2.4rem !important;
}

.u-mb-n3,
.u-my-n3 {
  margin-bottom: -2.4rem !important;
}

.u-ml-n3,
.u-mx-n3 {
  margin-left: -2.4rem !important;
}

.u-m-n4 {
  margin: -3.2rem !important;
}

.u-mt-n4,
.u-my-n4 {
  margin-top: -3.2rem !important;
}

.u-mr-n4,
.u-mx-n4 {
  margin-right: -3.2rem !important;
}

.u-mb-n4,
.u-my-n4 {
  margin-bottom: -3.2rem !important;
}

.u-ml-n4,
.u-mx-n4 {
  margin-left: -3.2rem !important;
}

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

.u-mt-n5,
.u-my-n5 {
  margin-top: -4rem !important;
}

.u-mr-n5,
.u-mx-n5 {
  margin-right: -4rem !important;
}

.u-mb-n5,
.u-my-n5 {
  margin-bottom: -4rem !important;
}

.u-ml-n5,
.u-mx-n5 {
  margin-left: -4rem !important;
}

.u-m-n6 {
  margin: -4.8rem !important;
}

.u-mt-n6,
.u-my-n6 {
  margin-top: -4.8rem !important;
}

.u-mr-n6,
.u-mx-n6 {
  margin-right: -4.8rem !important;
}

.u-mb-n6,
.u-my-n6 {
  margin-bottom: -4.8rem !important;
}

.u-ml-n6,
.u-mx-n6 {
  margin-left: -4.8rem !important;
}

.u-m-n7 {
  margin: -5.6rem !important;
}

.u-mt-n7,
.u-my-n7 {
  margin-top: -5.6rem !important;
}

.u-mr-n7,
.u-mx-n7 {
  margin-right: -5.6rem !important;
}

.u-mb-n7,
.u-my-n7 {
  margin-bottom: -5.6rem !important;
}

.u-ml-n7,
.u-mx-n7 {
  margin-left: -5.6rem !important;
}

.u-m-n8 {
  margin: -6.4rem !important;
}

.u-mt-n8,
.u-my-n8 {
  margin-top: -6.4rem !important;
}

.u-mr-n8,
.u-mx-n8 {
  margin-right: -6.4rem !important;
}

.u-mb-n8,
.u-my-n8 {
  margin-bottom: -6.4rem !important;
}

.u-ml-n8,
.u-mx-n8 {
  margin-left: -6.4rem !important;
}

.u-m-n9 {
  margin: -7.2rem !important;
}

.u-mt-n9,
.u-my-n9 {
  margin-top: -7.2rem !important;
}

.u-mr-n9,
.u-mx-n9 {
  margin-right: -7.2rem !important;
}

.u-mb-n9,
.u-my-n9 {
  margin-bottom: -7.2rem !important;
}

.u-ml-n9,
.u-mx-n9 {
  margin-left: -7.2rem !important;
}

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

.u-mt-n10,
.u-my-n10 {
  margin-top: -8rem !important;
}

.u-mr-n10,
.u-mx-n10 {
  margin-right: -8rem !important;
}

.u-mb-n10,
.u-my-n10 {
  margin-bottom: -8rem !important;
}

.u-ml-n10,
.u-mx-n10 {
  margin-left: -8rem !important;
}

.u-m-n11 {
  margin: -8.8rem !important;
}

.u-mt-n11,
.u-my-n11 {
  margin-top: -8.8rem !important;
}

.u-mr-n11,
.u-mx-n11 {
  margin-right: -8.8rem !important;
}

.u-mb-n11,
.u-my-n11 {
  margin-bottom: -8.8rem !important;
}

.u-ml-n11,
.u-mx-n11 {
  margin-left: -8.8rem !important;
}

.u-m-n12 {
  margin: -9.6rem !important;
}

.u-mt-n12,
.u-my-n12 {
  margin-top: -9.6rem !important;
}

.u-mr-n12,
.u-mx-n12 {
  margin-right: -9.6rem !important;
}

.u-mb-n12,
.u-my-n12 {
  margin-bottom: -9.6rem !important;
}

.u-ml-n12,
.u-mx-n12 {
  margin-left: -9.6rem !important;
}

.u-m-n13 {
  margin: -10.4rem !important;
}

.u-mt-n13,
.u-my-n13 {
  margin-top: -10.4rem !important;
}

.u-mr-n13,
.u-mx-n13 {
  margin-right: -10.4rem !important;
}

.u-mb-n13,
.u-my-n13 {
  margin-bottom: -10.4rem !important;
}

.u-ml-n13,
.u-mx-n13 {
  margin-left: -10.4rem !important;
}

.u-m-n14 {
  margin: -11.2rem !important;
}

.u-mt-n14,
.u-my-n14 {
  margin-top: -11.2rem !important;
}

.u-mr-n14,
.u-mx-n14 {
  margin-right: -11.2rem !important;
}

.u-mb-n14,
.u-my-n14 {
  margin-bottom: -11.2rem !important;
}

.u-ml-n14,
.u-mx-n14 {
  margin-left: -11.2rem !important;
}

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

.u-mt-n15,
.u-my-n15 {
  margin-top: -12rem !important;
}

.u-mr-n15,
.u-mx-n15 {
  margin-right: -12rem !important;
}

.u-mb-n15,
.u-my-n15 {
  margin-bottom: -12rem !important;
}

.u-ml-n15,
.u-mx-n15 {
  margin-left: -12rem !important;
}

@media (min-width: 960px) {
  .u-m-pc-0 {
    margin: 0;
  }

  .u-mt-pc-0,
.u-my-pc-0 {
    margin-top: 0 !important;
  }

  .u-mr-pc-0,
.u-mx-pc-0 {
    margin-right: 0 !important;
  }

  .u-mb-pc-0,
.u-my-pc-0 {
    margin-bottom: 0 !important;
  }

  .u-ml-pc-0,
.u-mx-pc-0 {
    margin-left: 0 !important;
  }

  .u-m-pc-1 {
    margin: 0.8rem;
  }

  .u-mt-pc-1,
.u-my-pc-1 {
    margin-top: 0.8rem !important;
  }

  .u-mr-pc-1,
.u-mx-pc-1 {
    margin-right: 0.8rem !important;
  }

  .u-mb-pc-1,
.u-my-pc-1 {
    margin-bottom: 0.8rem !important;
  }

  .u-ml-pc-1,
.u-mx-pc-1 {
    margin-left: 0.8rem !important;
  }

  .u-m-pc-2 {
    margin: 1.6rem;
  }

  .u-mt-pc-2,
.u-my-pc-2 {
    margin-top: 1.6rem !important;
  }

  .u-mr-pc-2,
.u-mx-pc-2 {
    margin-right: 1.6rem !important;
  }

  .u-mb-pc-2,
.u-my-pc-2 {
    margin-bottom: 1.6rem !important;
  }

  .u-ml-pc-2,
.u-mx-pc-2 {
    margin-left: 1.6rem !important;
  }

  .u-m-pc-3 {
    margin: 2.4rem;
  }

  .u-mt-pc-3,
.u-my-pc-3 {
    margin-top: 2.4rem !important;
  }

  .u-mr-pc-3,
.u-mx-pc-3 {
    margin-right: 2.4rem !important;
  }

  .u-mb-pc-3,
.u-my-pc-3 {
    margin-bottom: 2.4rem !important;
  }

  .u-ml-pc-3,
.u-mx-pc-3 {
    margin-left: 2.4rem !important;
  }

  .u-m-pc-4 {
    margin: 3.2rem;
  }

  .u-mt-pc-4,
.u-my-pc-4 {
    margin-top: 3.2rem !important;
  }

  .u-mr-pc-4,
.u-mx-pc-4 {
    margin-right: 3.2rem !important;
  }

  .u-mb-pc-4,
.u-my-pc-4 {
    margin-bottom: 3.2rem !important;
  }

  .u-ml-pc-4,
.u-mx-pc-4 {
    margin-left: 3.2rem !important;
  }

  .u-m-pc-5 {
    margin: 4rem;
  }

  .u-mt-pc-5,
.u-my-pc-5 {
    margin-top: 4rem !important;
  }

  .u-mr-pc-5,
.u-mx-pc-5 {
    margin-right: 4rem !important;
  }

  .u-mb-pc-5,
.u-my-pc-5 {
    margin-bottom: 4rem !important;
  }

  .u-ml-pc-5,
.u-mx-pc-5 {
    margin-left: 4rem !important;
  }

  .u-m-pc-6 {
    margin: 4.8rem;
  }

  .u-mt-pc-6,
.u-my-pc-6 {
    margin-top: 4.8rem !important;
  }

  .u-mr-pc-6,
.u-mx-pc-6 {
    margin-right: 4.8rem !important;
  }

  .u-mb-pc-6,
.u-my-pc-6 {
    margin-bottom: 4.8rem !important;
  }

  .u-ml-pc-6,
.u-mx-pc-6 {
    margin-left: 4.8rem !important;
  }

  .u-m-pc-7 {
    margin: 5.6rem;
  }

  .u-mt-pc-7,
.u-my-pc-7 {
    margin-top: 5.6rem !important;
  }

  .u-mr-pc-7,
.u-mx-pc-7 {
    margin-right: 5.6rem !important;
  }

  .u-mb-pc-7,
.u-my-pc-7 {
    margin-bottom: 5.6rem !important;
  }

  .u-ml-pc-7,
.u-mx-pc-7 {
    margin-left: 5.6rem !important;
  }

  .u-m-pc-8 {
    margin: 6.4rem;
  }

  .u-mt-pc-8,
.u-my-pc-8 {
    margin-top: 6.4rem !important;
  }

  .u-mr-pc-8,
.u-mx-pc-8 {
    margin-right: 6.4rem !important;
  }

  .u-mb-pc-8,
.u-my-pc-8 {
    margin-bottom: 6.4rem !important;
  }

  .u-ml-pc-8,
.u-mx-pc-8 {
    margin-left: 6.4rem !important;
  }

  .u-m-pc-9 {
    margin: 7.2rem;
  }

  .u-mt-pc-9,
.u-my-pc-9 {
    margin-top: 7.2rem !important;
  }

  .u-mr-pc-9,
.u-mx-pc-9 {
    margin-right: 7.2rem !important;
  }

  .u-mb-pc-9,
.u-my-pc-9 {
    margin-bottom: 7.2rem !important;
  }

  .u-ml-pc-9,
.u-mx-pc-9 {
    margin-left: 7.2rem !important;
  }

  .u-m-pc-10 {
    margin: 8rem;
  }

  .u-mt-pc-10,
.u-my-pc-10 {
    margin-top: 8rem !important;
  }

  .u-mr-pc-10,
.u-mx-pc-10 {
    margin-right: 8rem !important;
  }

  .u-mb-pc-10,
.u-my-pc-10 {
    margin-bottom: 8rem !important;
  }

  .u-ml-pc-10,
.u-mx-pc-10 {
    margin-left: 8rem !important;
  }

  .u-m-pc-11 {
    margin: 8.8rem;
  }

  .u-mt-pc-11,
.u-my-pc-11 {
    margin-top: 8.8rem !important;
  }

  .u-mr-pc-11,
.u-mx-pc-11 {
    margin-right: 8.8rem !important;
  }

  .u-mb-pc-11,
.u-my-pc-11 {
    margin-bottom: 8.8rem !important;
  }

  .u-ml-pc-11,
.u-mx-pc-11 {
    margin-left: 8.8rem !important;
  }

  .u-m-pc-12 {
    margin: 9.6rem;
  }

  .u-mt-pc-12,
.u-my-pc-12 {
    margin-top: 9.6rem !important;
  }

  .u-mr-pc-12,
.u-mx-pc-12 {
    margin-right: 9.6rem !important;
  }

  .u-mb-pc-12,
.u-my-pc-12 {
    margin-bottom: 9.6rem !important;
  }

  .u-ml-pc-12,
.u-mx-pc-12 {
    margin-left: 9.6rem !important;
  }

  .u-m-pc-13 {
    margin: 10.4rem;
  }

  .u-mt-pc-13,
.u-my-pc-13 {
    margin-top: 10.4rem !important;
  }

  .u-mr-pc-13,
.u-mx-pc-13 {
    margin-right: 10.4rem !important;
  }

  .u-mb-pc-13,
.u-my-pc-13 {
    margin-bottom: 10.4rem !important;
  }

  .u-ml-pc-13,
.u-mx-pc-13 {
    margin-left: 10.4rem !important;
  }

  .u-m-pc-14 {
    margin: 11.2rem;
  }

  .u-mt-pc-14,
.u-my-pc-14 {
    margin-top: 11.2rem !important;
  }

  .u-mr-pc-14,
.u-mx-pc-14 {
    margin-right: 11.2rem !important;
  }

  .u-mb-pc-14,
.u-my-pc-14 {
    margin-bottom: 11.2rem !important;
  }

  .u-ml-pc-14,
.u-mx-pc-14 {
    margin-left: 11.2rem !important;
  }

  .u-m-pc-15 {
    margin: 12rem;
  }

  .u-mt-pc-15,
.u-my-pc-15 {
    margin-top: 12rem !important;
  }

  .u-mr-pc-15,
.u-mx-pc-15 {
    margin-right: 12rem !important;
  }

  .u-mb-pc-15,
.u-my-pc-15 {
    margin-bottom: 12rem !important;
  }

  .u-ml-pc-15,
.u-mx-pc-15 {
    margin-left: 12rem !important;
  }

  .u-p-pc-0 {
    padding: 0;
  }

  .u-pt-pc-0,
.u-py-pc-0 {
    padding-top: 0 !important;
  }

  .u-pr-pc-0,
.u-px-pc-0 {
    padding-right: 0 !important;
  }

  .u-pb-pc-0,
.u-py-pc-0 {
    padding-bottom: 0 !important;
  }

  .u-pl-pc-0,
.u-px-pc-0 {
    padding-left: 0 !important;
  }

  .u-p-pc-1 {
    padding: 0.8rem;
  }

  .u-pt-pc-1,
.u-py-pc-1 {
    padding-top: 0.8rem !important;
  }

  .u-pr-pc-1,
.u-px-pc-1 {
    padding-right: 0.8rem !important;
  }

  .u-pb-pc-1,
.u-py-pc-1 {
    padding-bottom: 0.8rem !important;
  }

  .u-pl-pc-1,
.u-px-pc-1 {
    padding-left: 0.8rem !important;
  }

  .u-p-pc-2 {
    padding: 1.6rem;
  }

  .u-pt-pc-2,
.u-py-pc-2 {
    padding-top: 1.6rem !important;
  }

  .u-pr-pc-2,
.u-px-pc-2 {
    padding-right: 1.6rem !important;
  }

  .u-pb-pc-2,
.u-py-pc-2 {
    padding-bottom: 1.6rem !important;
  }

  .u-pl-pc-2,
.u-px-pc-2 {
    padding-left: 1.6rem !important;
  }

  .u-p-pc-3 {
    padding: 2.4rem;
  }

  .u-pt-pc-3,
.u-py-pc-3 {
    padding-top: 2.4rem !important;
  }

  .u-pr-pc-3,
.u-px-pc-3 {
    padding-right: 2.4rem !important;
  }

  .u-pb-pc-3,
.u-py-pc-3 {
    padding-bottom: 2.4rem !important;
  }

  .u-pl-pc-3,
.u-px-pc-3 {
    padding-left: 2.4rem !important;
  }

  .u-p-pc-4 {
    padding: 3.2rem;
  }

  .u-pt-pc-4,
.u-py-pc-4 {
    padding-top: 3.2rem !important;
  }

  .u-pr-pc-4,
.u-px-pc-4 {
    padding-right: 3.2rem !important;
  }

  .u-pb-pc-4,
.u-py-pc-4 {
    padding-bottom: 3.2rem !important;
  }

  .u-pl-pc-4,
.u-px-pc-4 {
    padding-left: 3.2rem !important;
  }

  .u-p-pc-5 {
    padding: 4rem;
  }

  .u-pt-pc-5,
.u-py-pc-5 {
    padding-top: 4rem !important;
  }

  .u-pr-pc-5,
.u-px-pc-5 {
    padding-right: 4rem !important;
  }

  .u-pb-pc-5,
.u-py-pc-5 {
    padding-bottom: 4rem !important;
  }

  .u-pl-pc-5,
.u-px-pc-5 {
    padding-left: 4rem !important;
  }

  .u-p-pc-6 {
    padding: 4.8rem;
  }

  .u-pt-pc-6,
.u-py-pc-6 {
    padding-top: 4.8rem !important;
  }

  .u-pr-pc-6,
.u-px-pc-6 {
    padding-right: 4.8rem !important;
  }

  .u-pb-pc-6,
.u-py-pc-6 {
    padding-bottom: 4.8rem !important;
  }

  .u-pl-pc-6,
.u-px-pc-6 {
    padding-left: 4.8rem !important;
  }

  .u-p-pc-7 {
    padding: 5.6rem;
  }

  .u-pt-pc-7,
.u-py-pc-7 {
    padding-top: 5.6rem !important;
  }

  .u-pr-pc-7,
.u-px-pc-7 {
    padding-right: 5.6rem !important;
  }

  .u-pb-pc-7,
.u-py-pc-7 {
    padding-bottom: 5.6rem !important;
  }

  .u-pl-pc-7,
.u-px-pc-7 {
    padding-left: 5.6rem !important;
  }

  .u-p-pc-8 {
    padding: 6.4rem;
  }

  .u-pt-pc-8,
.u-py-pc-8 {
    padding-top: 6.4rem !important;
  }

  .u-pr-pc-8,
.u-px-pc-8 {
    padding-right: 6.4rem !important;
  }

  .u-pb-pc-8,
.u-py-pc-8 {
    padding-bottom: 6.4rem !important;
  }

  .u-pl-pc-8,
.u-px-pc-8 {
    padding-left: 6.4rem !important;
  }

  .u-p-pc-9 {
    padding: 7.2rem;
  }

  .u-pt-pc-9,
.u-py-pc-9 {
    padding-top: 7.2rem !important;
  }

  .u-pr-pc-9,
.u-px-pc-9 {
    padding-right: 7.2rem !important;
  }

  .u-pb-pc-9,
.u-py-pc-9 {
    padding-bottom: 7.2rem !important;
  }

  .u-pl-pc-9,
.u-px-pc-9 {
    padding-left: 7.2rem !important;
  }

  .u-p-pc-10 {
    padding: 8rem;
  }

  .u-pt-pc-10,
.u-py-pc-10 {
    padding-top: 8rem !important;
  }

  .u-pr-pc-10,
.u-px-pc-10 {
    padding-right: 8rem !important;
  }

  .u-pb-pc-10,
.u-py-pc-10 {
    padding-bottom: 8rem !important;
  }

  .u-pl-pc-10,
.u-px-pc-10 {
    padding-left: 8rem !important;
  }

  .u-p-pc-11 {
    padding: 8.8rem;
  }

  .u-pt-pc-11,
.u-py-pc-11 {
    padding-top: 8.8rem !important;
  }

  .u-pr-pc-11,
.u-px-pc-11 {
    padding-right: 8.8rem !important;
  }

  .u-pb-pc-11,
.u-py-pc-11 {
    padding-bottom: 8.8rem !important;
  }

  .u-pl-pc-11,
.u-px-pc-11 {
    padding-left: 8.8rem !important;
  }

  .u-p-pc-12 {
    padding: 9.6rem;
  }

  .u-pt-pc-12,
.u-py-pc-12 {
    padding-top: 9.6rem !important;
  }

  .u-pr-pc-12,
.u-px-pc-12 {
    padding-right: 9.6rem !important;
  }

  .u-pb-pc-12,
.u-py-pc-12 {
    padding-bottom: 9.6rem !important;
  }

  .u-pl-pc-12,
.u-px-pc-12 {
    padding-left: 9.6rem !important;
  }

  .u-p-pc-13 {
    padding: 10.4rem;
  }

  .u-pt-pc-13,
.u-py-pc-13 {
    padding-top: 10.4rem !important;
  }

  .u-pr-pc-13,
.u-px-pc-13 {
    padding-right: 10.4rem !important;
  }

  .u-pb-pc-13,
.u-py-pc-13 {
    padding-bottom: 10.4rem !important;
  }

  .u-pl-pc-13,
.u-px-pc-13 {
    padding-left: 10.4rem !important;
  }

  .u-p-pc-14 {
    padding: 11.2rem;
  }

  .u-pt-pc-14,
.u-py-pc-14 {
    padding-top: 11.2rem !important;
  }

  .u-pr-pc-14,
.u-px-pc-14 {
    padding-right: 11.2rem !important;
  }

  .u-pb-pc-14,
.u-py-pc-14 {
    padding-bottom: 11.2rem !important;
  }

  .u-pl-pc-14,
.u-px-pc-14 {
    padding-left: 11.2rem !important;
  }

  .u-p-pc-15 {
    padding: 12rem;
  }

  .u-pt-pc-15,
.u-py-pc-15 {
    padding-top: 12rem !important;
  }

  .u-pr-pc-15,
.u-px-pc-15 {
    padding-right: 12rem !important;
  }

  .u-pb-pc-15,
.u-py-pc-15 {
    padding-bottom: 12rem !important;
  }

  .u-pl-pc-15,
.u-px-pc-15 {
    padding-left: 12rem !important;
  }

  .u-m-pc-n1 {
    margin: -0.8rem !important;
  }

  .u-mt-pc-n1,
.u-my-pc-n1 {
    margin-top: -0.8rem !important;
  }

  .u-mr-pc-n1,
.u-mx-pc-n1 {
    margin-right: -0.8rem !important;
  }

  .u-mb-pc-n1,
.u-my-pc-n1 {
    margin-bottom: -0.8rem !important;
  }

  .u-ml-pc-n1,
.u-mx-pc-n1 {
    margin-left: -0.8rem !important;
  }

  .u-m-pc-n2 {
    margin: -1.6rem !important;
  }

  .u-mt-pc-n2,
.u-my-pc-n2 {
    margin-top: -1.6rem !important;
  }

  .u-mr-pc-n2,
.u-mx-pc-n2 {
    margin-right: -1.6rem !important;
  }

  .u-mb-pc-n2,
.u-my-pc-n2 {
    margin-bottom: -1.6rem !important;
  }

  .u-ml-pc-n2,
.u-mx-pc-n2 {
    margin-left: -1.6rem !important;
  }

  .u-m-pc-n3 {
    margin: -2.4rem !important;
  }

  .u-mt-pc-n3,
.u-my-pc-n3 {
    margin-top: -2.4rem !important;
  }

  .u-mr-pc-n3,
.u-mx-pc-n3 {
    margin-right: -2.4rem !important;
  }

  .u-mb-pc-n3,
.u-my-pc-n3 {
    margin-bottom: -2.4rem !important;
  }

  .u-ml-pc-n3,
.u-mx-pc-n3 {
    margin-left: -2.4rem !important;
  }

  .u-m-pc-n4 {
    margin: -3.2rem !important;
  }

  .u-mt-pc-n4,
.u-my-pc-n4 {
    margin-top: -3.2rem !important;
  }

  .u-mr-pc-n4,
.u-mx-pc-n4 {
    margin-right: -3.2rem !important;
  }

  .u-mb-pc-n4,
.u-my-pc-n4 {
    margin-bottom: -3.2rem !important;
  }

  .u-ml-pc-n4,
.u-mx-pc-n4 {
    margin-left: -3.2rem !important;
  }

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

  .u-mt-pc-n5,
.u-my-pc-n5 {
    margin-top: -4rem !important;
  }

  .u-mr-pc-n5,
.u-mx-pc-n5 {
    margin-right: -4rem !important;
  }

  .u-mb-pc-n5,
.u-my-pc-n5 {
    margin-bottom: -4rem !important;
  }

  .u-ml-pc-n5,
.u-mx-pc-n5 {
    margin-left: -4rem !important;
  }

  .u-m-pc-n6 {
    margin: -4.8rem !important;
  }

  .u-mt-pc-n6,
.u-my-pc-n6 {
    margin-top: -4.8rem !important;
  }

  .u-mr-pc-n6,
.u-mx-pc-n6 {
    margin-right: -4.8rem !important;
  }

  .u-mb-pc-n6,
.u-my-pc-n6 {
    margin-bottom: -4.8rem !important;
  }

  .u-ml-pc-n6,
.u-mx-pc-n6 {
    margin-left: -4.8rem !important;
  }

  .u-m-pc-n7 {
    margin: -5.6rem !important;
  }

  .u-mt-pc-n7,
.u-my-pc-n7 {
    margin-top: -5.6rem !important;
  }

  .u-mr-pc-n7,
.u-mx-pc-n7 {
    margin-right: -5.6rem !important;
  }

  .u-mb-pc-n7,
.u-my-pc-n7 {
    margin-bottom: -5.6rem !important;
  }

  .u-ml-pc-n7,
.u-mx-pc-n7 {
    margin-left: -5.6rem !important;
  }

  .u-m-pc-n8 {
    margin: -6.4rem !important;
  }

  .u-mt-pc-n8,
.u-my-pc-n8 {
    margin-top: -6.4rem !important;
  }

  .u-mr-pc-n8,
.u-mx-pc-n8 {
    margin-right: -6.4rem !important;
  }

  .u-mb-pc-n8,
.u-my-pc-n8 {
    margin-bottom: -6.4rem !important;
  }

  .u-ml-pc-n8,
.u-mx-pc-n8 {
    margin-left: -6.4rem !important;
  }

  .u-m-pc-n9 {
    margin: -7.2rem !important;
  }

  .u-mt-pc-n9,
.u-my-pc-n9 {
    margin-top: -7.2rem !important;
  }

  .u-mr-pc-n9,
.u-mx-pc-n9 {
    margin-right: -7.2rem !important;
  }

  .u-mb-pc-n9,
.u-my-pc-n9 {
    margin-bottom: -7.2rem !important;
  }

  .u-ml-pc-n9,
.u-mx-pc-n9 {
    margin-left: -7.2rem !important;
  }

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

  .u-mt-pc-n10,
.u-my-pc-n10 {
    margin-top: -8rem !important;
  }

  .u-mr-pc-n10,
.u-mx-pc-n10 {
    margin-right: -8rem !important;
  }

  .u-mb-pc-n10,
.u-my-pc-n10 {
    margin-bottom: -8rem !important;
  }

  .u-ml-pc-n10,
.u-mx-pc-n10 {
    margin-left: -8rem !important;
  }

  .u-m-pc-n11 {
    margin: -8.8rem !important;
  }

  .u-mt-pc-n11,
.u-my-pc-n11 {
    margin-top: -8.8rem !important;
  }

  .u-mr-pc-n11,
.u-mx-pc-n11 {
    margin-right: -8.8rem !important;
  }

  .u-mb-pc-n11,
.u-my-pc-n11 {
    margin-bottom: -8.8rem !important;
  }

  .u-ml-pc-n11,
.u-mx-pc-n11 {
    margin-left: -8.8rem !important;
  }

  .u-m-pc-n12 {
    margin: -9.6rem !important;
  }

  .u-mt-pc-n12,
.u-my-pc-n12 {
    margin-top: -9.6rem !important;
  }

  .u-mr-pc-n12,
.u-mx-pc-n12 {
    margin-right: -9.6rem !important;
  }

  .u-mb-pc-n12,
.u-my-pc-n12 {
    margin-bottom: -9.6rem !important;
  }

  .u-ml-pc-n12,
.u-mx-pc-n12 {
    margin-left: -9.6rem !important;
  }

  .u-m-pc-n13 {
    margin: -10.4rem !important;
  }

  .u-mt-pc-n13,
.u-my-pc-n13 {
    margin-top: -10.4rem !important;
  }

  .u-mr-pc-n13,
.u-mx-pc-n13 {
    margin-right: -10.4rem !important;
  }

  .u-mb-pc-n13,
.u-my-pc-n13 {
    margin-bottom: -10.4rem !important;
  }

  .u-ml-pc-n13,
.u-mx-pc-n13 {
    margin-left: -10.4rem !important;
  }

  .u-m-pc-n14 {
    margin: -11.2rem !important;
  }

  .u-mt-pc-n14,
.u-my-pc-n14 {
    margin-top: -11.2rem !important;
  }

  .u-mr-pc-n14,
.u-mx-pc-n14 {
    margin-right: -11.2rem !important;
  }

  .u-mb-pc-n14,
.u-my-pc-n14 {
    margin-bottom: -11.2rem !important;
  }

  .u-ml-pc-n14,
.u-mx-pc-n14 {
    margin-left: -11.2rem !important;
  }

  .u-m-pc-n15 {
    margin: -12rem !important;
  }

  .u-mt-pc-n15,
.u-my-pc-n15 {
    margin-top: -12rem !important;
  }

  .u-mr-pc-n15,
.u-mx-pc-n15 {
    margin-right: -12rem !important;
  }

  .u-mb-pc-n15,
.u-my-pc-n15 {
    margin-bottom: -12rem !important;
  }

  .u-ml-pc-n15,
.u-mx-pc-n15 {
    margin-left: -12rem !important;
  }
}
.u-m-auto {
  margin: auto !important;
}

.u-mt-auto,
.u-my-auto {
  margin-top: auto !important;
}

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

.u-mb-auto,
.u-my-auto {
  margin-bottom: auto !important;
}

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

@media (min-width: 960px) {
  .u-m-pc-auto {
    margin: auto !important;
  }

  .u-mt-pc-auto,
.u-my-pc-auto {
    margin-top: auto !important;
  }

  .u-mr-pc-auto,
.u-mx-pc-auto {
    margin-right: auto !important;
  }

  .u-mb-pc-auto,
.u-my-pc-auto {
    margin-bottom: auto !important;
  }

  .u-ml-pc-auto,
.u-mx-pc-auto {
    margin-left: auto !important;
  }
}
.u-relative {
  position: relative !important;
}

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

/* Page
----------------------------------------------- */
#home .pg-intro {
  padding-top: 9.6rem;
  padding-bottom: 8rem;
  background: url(../img/home/intro-bg.png) center center/cover no-repeat;
}
@media (max-width: 959.98px) {
  #home .pg-intro {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
#home .pg-intro__heading {
  font-size: 3.2rem;
}
@media (max-width: 959.98px) {
  #home .pg-intro__heading {
    font-size: 2rem;
  }
}
#home .pg-cover-link {
  position: relative;
}
#home .pg-cover-link__texts {
  position: relative;
  display: block;
  padding: 0 5vw;
  background-color: white;
}
#home .pg-cover-link__texts::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 0;
  width: calc(100% - 5vw);
  transform: translateY(-100%);
  height: 4.8rem;
  background-color: white;
}
@media (min-width: 1600px) {
  #home .pg-cover-link__texts {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: white;
    padding: 5.6rem 6.4rem 4.8rem 5vw;
    margin-right: 5vw;
  }
}
#home .pg-cover-link__texts__heading {
  position: relative;
  flex: 0 0 auto;
}
#home .pg-cover-link__text {
  margin-top: 3.2rem;
}
@media (min-width: 1600px) {
  #home .pg-cover-link__text {
    margin-top: 0;
    margin-left: 4.8rem;
  }
}
#home .pg-cover-link__text > * + * {
  margin-top: 1.6rem;
}

#company-features .pg-contrast__img {
  flex: 0 0 42%;
}
@media (max-width: 959.98px) {
  #company-features .pg-contrast__img {
    order: 2;
    margin-top: 1.6rem;
    flex: 0 1 100%;
  }
}
#company-features .pg-contrast__txt {
  align-self: flex-start;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 959.98px) {
  #company-features .pg-contrast__txt {
    order: 1;
    margin-top: 0;
  }
}
@media (max-width: 959.98px) {
  #company-features .pg-contrast.-right .pg-contrast__img {
    margin-left: 0;
  }
}

#company-greetings .pg-contrast {
  border: 1px solid #AAAADD;
  padding: 4rem;
}
@media (max-width: 959.98px) {
  #company-greetings .pg-contrast {
    padding: 2.4rem 1.6rem;
  }
}
#company-greetings .pg-contrast__img {
  order: 2;
  margin-left: 0;
  margin-top: 1.6rem;
  align-self: auto;
  flex: 0 0 230px;
}
#company-greetings .pg-contrast__img figcaption span {
  font-size: 2rem;
}
#company-greetings .pg-contrast__img figure {
  max-width: 230px;
}
@media (min-width: 960px) {
  #company-greetings .pg-contrast__img {
    align-self: flex-start;
    margin-left: 4.8rem;
    order: auto;
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  #company-greetings .pg-contrast__img {
    flex: 0 0 255px;
  }
  #company-greetings .pg-contrast__img figure {
    max-width: 255px;
  }
}
#company-greetings .pg-contrast__txt {
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 959.98px) {
  #company-greetings .pg-contrast__txt {
    margin-top: 0;
  }
}
#company-greetings .pg-contrast__txt::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 420px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url("/img/company/greetings/logo.png");
}
@media (min-width: 960px) {
  #company-greetings .pg-contrast__txt::after {
    right: -18px;
    bottom: -4rem;
    width: 453px;
    height: 220px;
    background-size: 453px;
  }
}
@media screen and (min-width: 1200px) {
  #company-greetings .pg-contrast__txt::after {
    width: 586px;
    height: 285px;
    background-size: 586px;
  }
}

#company-history .pg-history {
  display: flex;
  margin-top: 3px;
}
@media (max-width: 959.98px) {
  #company-history .pg-history {
    flex-direction: column;
  }
}
#company-history .pg-history:first-of-type {
  margin-top: 0;
}
#company-history .pg-history__decade {
  background-color: #000099;
  flex: 0 0 100px;
  justify-content: center;
  display: flex;
  margin-bottom: 3px;
}
#company-history .pg-history__decade span {
  font-size: 2.5rem;
  color: white;
  display: flex;
  align-items: center;
}
@media (max-width: 959.98px) {
  #company-history .pg-history__decade {
    flex: 0 0 auto;
  }
}
#company-history .pg-history__events {
  margin-left: 2.4rem;
  flex: 0 1 100%;
}
@media (max-width: 959.98px) {
  #company-history .pg-history__events {
    margin-left: 0;
  }
}
#company-history .pg-history:nth-child(1) .pg-history__decade {
  background-color: #C6C6E8;
}
#company-history .pg-history:nth-child(2) .pg-history__decade {
  background-color: #AAAADD;
}
#company-history .pg-history:nth-child(3) .pg-history__decade {
  background-color: #8D8DD1;
}
#company-history .pg-history:nth-child(4) .pg-history__decade {
  background-color: #5555BB;
}
#company-history .pg-history:nth-child(5) .pg-history__decade {
  background-color: #3838AF;
}
#company-history .pg-event {
  display: flex;
  align-items: baseline;
  padding: 2.4rem 1.6rem;
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 7px 2px;
  background-image: linear-gradient(to right, #000099, #000099 2px, transparent 2px, transparent 7px);
}
@media (max-width: 959.98px) {
  #company-history .pg-event {
    padding: 2.4rem 0.8rem;
  }
}
#company-history .pg-event:last-of-type {
  background-size: 1px 2px;
  background-image: linear-gradient(to right, #AAAADD, #AAAADD 1px);
}
@media (max-width: 959.98px) {
  #company-history .pg-event:last-of-type {
    background: none;
  }
}
#company-history .pg-event__year {
  flex: 0 0 auto;
  line-height: 1.5;
}
#company-history .pg-event__year time {
  font-weight: bold;
}
#company-history .pg-event__list {
  flex: 1 1 100%;
  margin-left: 5.6rem;
}
@media (max-width: 959.98px) {
  #company-history .pg-event__list {
    margin-left: 2.4rem;
  }
}
#company-history .pg-event__list ul {
  margin: 0;
}
#company-history .pg-event__list ul li {
  line-height: 1.5;
}
#company-history .pg-event__list ul li + li {
  margin-top: 0.8rem;
}
#company-history .pg-history:last-of-type {
  position: relative;
}
#company-history .pg-history:last-of-type .pg-history__decade::after {
  content: "";
  width: 100px;
  height: 24px;
  background-color: white;
  border-top: 24px solid #3838AF;
  border-right: 48px solid transparent;
  border-bottom: 48px solid transparent;
  border-left: 48px solid transparent;
  position: absolute;
  left: 0;
  bottom: -48px;
}
@media (max-width: 959.98px) {
  #company-history .pg-history:last-of-type .pg-history__decade::after {
    display: none;
  }
}
#company-history .pg-history:last-of-type .pg-event:last-of-type {
  background: none;
}

#company-philosophy .pg-list__item {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  font-size: 2rem;
}
#company-philosophy .pg-list__item__number {
  color: #000099;
  margin-right: 2.4rem;
  flex: 0 0 auto;
  font-size: 2.4rem;
}
@media (max-width: 959.98px) {
  #company-philosophy .pg-list__item__number {
    margin-top: 0.5rem;
    margin-right: 1.6rem;
    flex: 0 0 36px;
  }
}
#company-philosophy .pg-list__item + * {
  margin-top: 4rem;
}

@media (max-width: 959.98px) {
  #company-summary .pg-table {
    border-top: none;
  }
}
#company-summary .pg-table__th {
  vertical-align: top;
  padding: 1.6rem 2.4rem;
}
@media (max-width: 959.98px) {
  #company-summary .pg-table__th {
    display: block;
    width: 100%;
    padding: 0.8rem;
  }
  #company-summary .pg-table__th:not(:last-child) {
    border-right: none;
  }
}
#company-summary .pg-table__td {
  padding: 1.6rem 2.4rem;
}
@media (max-width: 959.98px) {
  #company-summary .pg-table__td {
    display: block;
    width: 100%;
    padding: 0.8rem;
  }
}
#company-summary .pg-table__td.-reset {
  white-space: normal;
}
#company-summary .pg-table__td__img {
  display: inline-block;
}
@media (max-width: 959.98px) {
  #company-summary .pg-table__td__img {
    display: block;
  }
}
#company-summary .pg-table__td__img:not(:first-of-type) {
  margin-top: 1.6rem;
}
#company-summary .pg-table__td__img:not(:first-of-type) img {
  padding-bottom: 0;
}
#company-summary .pg-table__td__img img {
  max-width: 10rem;
}
#company-summary .pg-table__td__img.-icon figcaption::before {
  content: "";
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #af9e00;
  margin-right: 0.8rem;
}
#company-summary .pg-table__td__img.-icon figcaption a {
  color: #2c2c2c;
  text-decoration: none;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#company-summary .pg-table__td__img.-icon figcaption a:hover {
  color: #af9e00;
}
#company-summary .pg-tel {
  display: flex;
}
@media (max-width: 959.98px) {
  #company-summary .pg-tel {
    flex-direction: column;
  }
}
#company-summary .pg-map {
  margin-top: 1.6rem;
}
#company-summary .pg-map__gmap iframe {
  width: 100%;
  height: 240px;
}
#company-summary .pg-map__link a {
  color: #2c2c2c;
}
#company-summary .pg-map__link a:hover {
  text-decoration: none;
}
#company-summary .pg-dl div {
  display: flex;
}
#company-summary .pg-dl dt {
  flex: 0 0 9.5em;
}
@media (max-width: 959.98px) {
  #company-summary .pg-dl dt {
    flex: 0 0 8.5em;
  }
}
#company-summary .pg-dl dd {
  flex: 1;
}

#news-detail .pg-news {
  display: flex;
}
@media (max-width: 959.98px) {
  #news-detail .pg-news {
    display: block;
  }
}
#news-detail .pg-news__contents {
  flex: 0 1 100%;
}
#news-detail .pg-news__contents__header {
  border-bottom: 2px solid #7171C6;
  padding-bottom: 2.4rem;
}
@media (max-width: 959.98px) {
  #news-detail .pg-news__contents__header {
    padding-bottom: 1.6rem;
  }
}
#news-detail .pg-news__contents__content {
  padding-bottom: 6.4rem;
  border-bottom: 1px solid #707070;
}
@media (max-width: 959.98px) {
  #news-detail .pg-news__contents__content {
    padding-bottom: 4.8rem;
  }
}
#news-detail .pg-news__archives {
  flex: 0 0 320px;
  margin-left: 8.8rem;
}
#news-detail .pg-news__archives__header {
  border-bottom: 2px solid #7171C6;
  padding-bottom: 2.4rem;
}
@media (max-width: 959.98px) {
  #news-detail .pg-news__archives__header {
    padding-bottom: 1.6rem;
  }
}
@media (max-width: 959.98px) {
  #news-detail .pg-news__archives {
    margin-left: 0;
  }
}
#news-detail .pg-bna {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 959.98px) {
  #news-detail .pg-bna {
    margin-bottom: 4rem;
    justify-content: space-between;
  }
}
#news-detail .pg-bna__item a {
  text-decoration: none;
  color: #2c2c2c;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#news-detail .pg-bna__item a:hover {
  color: #af9e00;
}
#news-detail .pg-bna__item.-prev i, #news-detail .pg-bna__item.-next i {
  display: inline-flex;
  color: #7171C6;
  font-size: 1.4rem;
}
#news-detail .pg-bna__item.-separater {
  padding: 0.8rem;
}
#news-detail .pg-bna__item.-prev i {
  transform: rotateY(180deg);
}
#news-detail .pg-bna__item.-list {
  position: absolute;
  left: 0;
}
@media (max-width: 959.98px) {
  #news-detail .pg-bna__item.-separater {
    display: none;
  }
  #news-detail .pg-bna__item.-list {
    left: 50%;
    transform: translateX(-50%);
  }
}

#news-index .pg-news {
  display: flex;
}
@media (max-width: 959.98px) {
  #news-index .pg-news {
    display: block;
  }
}
#news-index .pg-news__contents {
  flex: 0 1 100%;
}
#news-index .pg-news__contents__header {
  border-bottom: 2px solid #7171C6;
  padding-bottom: 2.4rem;
}
@media (max-width: 959.98px) {
  #news-index .pg-news__contents__header {
    padding-bottom: 1.6rem;
  }
}
#news-index .pg-news__archives {
  flex: 0 0 320px;
  margin-left: 8.8rem;
}
#news-index .pg-news__archives__header {
  border-bottom: 2px solid #7171C6;
  padding-bottom: 2.4rem;
}
@media (max-width: 959.98px) {
  #news-index .pg-news__archives__header {
    padding-bottom: 1.6rem;
  }
}
@media (max-width: 959.98px) {
  #news-index .pg-news__archives {
    margin-left: 0;
  }
}
#news-index .pg-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 959.98px) {
  #news-index .pg-pagination {
    margin-bottom: 4rem;
  }
}
#news-index .pg-pagination__item a {
  text-decoration: none;
  color: #2c2c2c;
  padding: 0.8rem;
  font-size: 2.4rem;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#news-index .pg-pagination__item a:hover {
  color: #af9e00;
}
#news-index .pg-pagination__item.-prev, #news-index .pg-pagination__item.-next {
  padding-top: 3px;
}
#news-index .pg-pagination__item.-prev a, #news-index .pg-pagination__item.-next a {
  color: #7171C6;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
}
#news-index .pg-pagination__item.-prev {
  transform: rotateY(180deg);
}
#news-index .pg-pagination__item.-current, #news-index .pg-pagination__item.-dot {
  padding: 0.8rem;
  font-size: 2.4rem;
}

#policy-compliance .pg-box {
  border: 1px solid #707070;
  padding: 2.4rem;
  margin-top: 4rem;
}
@media (max-width: 959.98px) {
  #policy-compliance .pg-box {
    padding: 1.6rem;
  }
}

#policy-index .pg-list {
  margin-bottom: 0;
}
#policy-index .pg-list > * + * {
  margin-top: 2.4rem;
}
@media (max-width: 959.98px) {
  #policy-index .pg-list > * + * {
    margin-top: 1.6rem;
  }
}
#policy-index .pg-list.-brackets .pg-list__item {
  display: flex;
  counter-increment: cnt;
}
#policy-index .pg-list.-brackets .pg-list__item::before {
  content: "（" counter(cnt) "）";
  font-weight: bold;
  margin-right: 0.8rem;
}
#policy-index .pg-list.-brackets .pg-list__item > ul {
  flex: 100%;
  list-style: disc;
  margin-top: 0.8rem;
  padding-left: 5.6rem;
}
#policy-index .pg-list.-brackets .pg-list__item > p {
  flex: 100%;
  padding-left: 3.2rem;
}
#policy-index .pg-list.-hyphen .pg-list__item {
  display: flex;
  counter-increment: cnt;
}
#policy-index .pg-list.-hyphen .pg-list__item::before {
  content: "- " counter(cnt) ".";
  font-weight: bold;
  margin-right: 2.4rem;
}
#policy-index .pg-list.-wrap .pg-list__item {
  flex-wrap: wrap;
}
#policy-index .pg-list.-wrap .pg-list__item::before {
  display: none;
}
#policy-index .pg-list.-wrap .pg-list__item h4::before {
  content: "（" counter(cnt) "）";
  font-weight: bold;
  margin-right: 0.8rem;
}
#policy-index .pg-box {
  border: 1px solid #707070;
  padding: 2.4rem;
  margin-left: 4.8rem;
}
@media (max-width: 959.98px) {
  #policy-index .pg-box {
    padding: 1.6rem;
  }
}
#policy-index .pg-box a {
  display: inline-block;
  margin-left: 3.2rem;
  color: #000099;
  text-decoration: none;
}
#policy-index .pg-box dl div {
  display: flex;
  flex-wrap: wrap;
}
#policy-index .pg-box dl div dd {
  margin-left: 1.6rem;
}

#policy-isms .pg-list {
  margin-top: 2.4rem;
  list-style: decimal;
}
@media (max-width: 959.98px) {
  #policy-isms .pg-list {
    margin-top: 1.6rem;
  }
}
#policy-isms .pg-list > * + * {
  margin-top: 0.8rem;
}
#policy-isms .pg-list.-brackets > li {
  display: flex;
  counter-increment: cnt;
}
#policy-isms .pg-list.-brackets > li::before {
  content: "(" counter(cnt) ")";
  margin-right: 0.8rem;
}

#policy-purpose .pg-list {
  margin-top: 2.4rem;
  margin-left: 2.4rem;
  list-style: decimal;
}
@media (max-width: 959.98px) {
  #policy-purpose .pg-list {
    margin-top: 1.6rem;
  }
}
#policy-purpose .pg-list > * + * {
  margin-top: 0.8rem;
}

#recruit-index .pg-link {
  transition: opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#recruit-index .pg-link:hover {
  opacity: 0.8;
}
#recruit-index .pg-occupation {
  margin-left: 2.4rem;
}
#recruit-index .pg-occupation__dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#recruit-index .pg-occupation__dt::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #000099;
  margin-right: 0.8rem;
}
#recruit-index .pg-occupation__dd {
  margin-top: 0.8rem;
  margin-left: 1.6rem;
}
#recruit-index .pg-occupation__dd + dt {
  margin-top: 2.4rem;
}
#recruit-index .pg-contact {
  max-width: 47rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 959.98px) {
  #recruit-index .pg-contact {
    max-width: 100%;
  }
}
#recruit-index .pg-contact__div {
  display: flex;
  align-items: center;
}
@media (max-width: 959.98px) {
  #recruit-index .pg-contact__div {
    flex-direction: column;
    align-items: flex-start;
  }
}
#recruit-index .pg-contact__dt {
  width: 11rem;
}
@media (max-width: 959.98px) {
  #recruit-index .pg-contact__dt {
    flex-basis: auto;
  }
}
#recruit-index .pg-contact__dt h5 {
  font-size: 2rem;
}
#recruit-index .pg-contact__dt .c-heading-wrapper {
  align-items: center;
}
#recruit-index .pg-contact__dt .icon-phone {
  background-image: url(/img/recruit/icon-phone.svg);
  background-position: center center;
  background-color: white;
  border-radius: 12px;
  width: 24px;
  height: 24px;
}
#recruit-index .pg-contact__dt .icon-email {
  background-image: url(/img/recruit/icon-mail.svg);
  background-position: center center;
  background-color: white;
  border-radius: 12px;
  width: 24px;
  height: 24px;
}
#recruit-index .pg-contact__dd {
  flex: 0 1 auto;
}
@media (max-width: 959.98px) {
  #recruit-index .pg-contact__dd {
    margin-left: 3.2rem;
  }
}
#recruit-index .pg-contact__dd span {
  font-size: 2rem;
}
@media (max-width: 959.98px) {
  #recruit-index .pg-contact__dd span {
    display: block;
  }
}

#solution-index .pg-cover-link {
  position: relative;
}
#solution-index .pg-cover-link__texts {
  position: relative;
  display: block;
  padding: 0 5vw;
  background-color: white;
}
#solution-index .pg-cover-link__texts::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 0;
  width: calc(100% - 5vw);
  transform: translateY(-100%);
  height: 4.8rem;
  background-color: white;
}
@media (min-width: 1600px) {
  #solution-index .pg-cover-link__texts {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: white;
    padding: 5.6rem 6.4rem 4.8rem 5vw;
    margin-right: 5vw;
  }
}
#solution-index .pg-cover-link__texts__heading {
  position: relative;
  flex: 0 0 auto;
}
#solution-index .pg-cover-link__text {
  margin-top: 3.2rem;
}
@media (min-width: 1600px) {
  #solution-index .pg-cover-link__text {
    margin-top: 0;
    margin-left: 4.8rem;
  }
}
#solution-index .pg-cover-link__text > * + * {
  margin-top: 1.6rem;
}

#solution-product .pg-table {
  line-height: 1.5;
  margin-top: 1.6rem;
  margin-bottom: 0;
}
#solution-product .pg-table th,
#solution-product .pg-table td {
  vertical-align: top;
}
#solution-product .pg-table th {
  text-align: center;
}
@media (max-width: 959.98px) {
  #solution-product .pg-table {
    display: flex;
    flex-direction: column;
    border: none;
  }
  #solution-product .pg-table thead {
    display: none;
  }
  #solution-product .pg-table tr {
    display: block;
  }
  #solution-product .pg-table td {
    display: flex;
    border-left: 1px solid #AAAADD;
    padding: 10px;
  }
  #solution-product .pg-table td:last-child {
    border-right: 1px solid #AAAADD;
  }
  #solution-product .pg-table td:nth-child(1) {
    font-weight: bold;
    background-color: #C3C3EB;
  }
  #solution-product .pg-table td:nth-child(2) {
    padding: 0;
  }
  #solution-product .pg-table td:nth-child(2)::before {
    content: "概 要";
    display: flex;
    flex: 0 0 90px;
    font-weight: bold;
    align-items: center;
    color: #000099;
    background-color: #EAEAF7;
    border-right: 1px solid #AAAADD;
    padding: 10px;
    justify-content: center;
  }
  #solution-product .pg-table td:nth-child(2) span {
    display: block;
    padding: 10px;
  }
  #solution-product .pg-table td:nth-child(3) {
    padding: 0;
  }
  #solution-product .pg-table td:nth-child(3)::before {
    content: "取り扱い\aベンダ例";
    display: flex;
    flex: 0 0 90px;
    font-weight: bold;
    align-items: center;
    color: #000099;
    background-color: #EAEAF7;
    border-right: 1px solid #AAAADD;
    padding: 10px;
    justify-content: center;
  }
  #solution-product .pg-table td:nth-child(3) span {
    display: block;
    padding: 10px;
  }
  #solution-product .pg-table tr:last-child td:last-child {
    border-bottom: 1px solid #AAAADD;
  }
}

#solution-communication-chat-tool .pg-modalbutton {
  cursor: pointer;
  color: #000099;
  text-decoration: underline;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#solution-communication-chat-tool .pg-modalbutton:hover {
  color: #af9e00;
}

@media (min-width: 960px) {
  #solution-starmdm_model .anchors {
    overflow: hidden;
  }
  #solution-starmdm_model .anchors li {
    float: left;
    margin-right: 32px;
  }
}
@media (max-width: 959.98px) {
  #solution-starmdm_model .anchors {
    text-align: center;
  }
  #solution-starmdm_model .anchors li:last-child {
    margin-top: 24px;
  }
}
#solution-starmdm_model .anchors a {
  width: 240px;
  height: 48px;
  font-size: 16px;
  line-height: 48px;
}
#solution-starmdm_model .anchors a::after {
  transform: translateY(-50%) rotate(90deg);
}
#solution-starmdm_model table th, #solution-starmdm_model table td {
  line-height: 1.7;
}
@media (min-width: 960px) {
  #solution-starmdm_model table.sp {
    display: none;
  }
  #solution-starmdm_model table th {
    text-align: center;
    font-weight: normal;
  }
  #solution-starmdm_model table td:first-child {
    text-align: center;
  }
  #solution-starmdm_model table.android tr th {
    padding: 10px 0;
    font-size: 14px;
  }
  #solution-starmdm_model table.android tr th:nth-child(1) {
    width: 50px;
  }
  #solution-starmdm_model table.android tr th:nth-child(2) {
    width: 100px;
  }
  #solution-starmdm_model table.android tr th:nth-child(3) {
    width: 280px;
  }
  #solution-starmdm_model table.android tr th:nth-child(4) {
    width: 60px;
  }
  #solution-starmdm_model table.android tr th:nth-child(5) {
    width: 100px;
  }
  #solution-starmdm_model table.android tr th:nth-child(6) {
    width: 100%;
  }
  #solution-starmdm_model table.android tr th:nth-child(7) {
    width: 125px;
  }
  #solution-starmdm_model table.android tr th:nth-child(8) {
    width: 125px;
  }
  #solution-starmdm_model table.android tr td {
    font-size: 14px;
  }
  #solution-starmdm_model table.android tr td:nth-child(1) {
    padding: 10px 15px;
    text-align: right;
  }
  #solution-starmdm_model table.android tr td:nth-child(4) {
    padding: 10px 0;
    text-align: center;
  }
  #solution-starmdm_model table.android tr td:nth-child(5) {
    white-space: nowrap;
  }
  #solution-starmdm_model table.android tr td:nth-child(7), #solution-starmdm_model table.android tr td:nth-child(8) {
    text-align: center;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  #solution-starmdm_model table.android tr th:nth-child(2) {
    width: 80px;
  }
  #solution-starmdm_model table.android tr th:nth-child(3) {
    width: 190px;
  }
  #solution-starmdm_model table.android tr th:nth-child(5) {
    width: 80px;
  }
  #solution-starmdm_model table.android tr td {
    padding: 10px;
  }
}
@media (min-width: 960px) {
  #solution-starmdm_model table.iphone tr th {
    font-size: 14px;
  }
  #solution-starmdm_model table.iphone tr th:nth-child(1) {
    width: 58px;
  }
  #solution-starmdm_model table.iphone tr th:nth-child(2) {
    width: 116px;
  }
  #solution-starmdm_model table.iphone tr th:nth-child(3) {
    width: 100%;
  }
  #solution-starmdm_model table.iphone tr td {
    font-size: 14px;
  }
}
@media (max-width: 959.98px) {
  #solution-starmdm_model table.pc {
    display: none;
  }
  #solution-starmdm_model table tr th, #solution-starmdm_model table tr td {
    font-size: 16px;
    font-weight: normal;
  }
  #solution-starmdm_model table tr.colspan th {
    border-left: none;
    border-right: none;
    background-color: #C3C3EB;
  }
  #solution-starmdm_model table tr.colspan th:first-child {
    width: 30%;
    padding: 16px 8px;
    color: #2c2c2c;
  }
  #solution-starmdm_model table tr.colspan th:last-child {
    width: 70%;
  }
  #solution-starmdm_model table tr:not([colspan]) th {
    padding-left: 8px;
    white-space: normal;
  }
  #solution-starmdm_model table tr:not([colspan]) td {
    padding-left: 10px;
  }
}
#solution-starmdm_model .notice {
  padding-left: 20px;
}
#solution-starmdm_model .notice li {
  position: relative;
  list-style: none;
}
#solution-starmdm_model .notice li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -20px;
}

#solution-starmdm_attention .heading1 {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
}
#solution-starmdm_attention .heading1::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #031199;
}
#solution-starmdm_attention p {
  text-align: justify;
}
#solution-starmdm_attention .version-up-flow {
  padding: 3rem 0;
}
#solution-starmdm_attention .version-up-flow .c-heading-wrapper {
  margin-left: 24px;
}
#solution-starmdm_attention .version-up-flow .c-heading-wrapper h4 {
  font-size: 3.2rem;
}
#solution-starmdm_attention .version-up-flow ol {
  margin-bottom: 0;
  line-height: 2.3;
}
#solution-starmdm_attention .notice {
  position: relative;
  padding-left: 20px;
}
#solution-starmdm_attention .notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
#solution-starmdm_attention .supplement {
  border-color: #707070;
}
#solution-starmdm_attention .supplement ol {
  margin: 0.5em 0 0;
  padding-left: 1.2em;
}
#solution-starmdm_attention .list1 li {
  position: relative;
  padding-left: 20px;
}
#solution-starmdm_attention .list1 li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

#sitemap .pg-list a {
  text-decoration: none;
}
#sitemap .pg-list > * + * {
  margin-top: 4rem;
}
@media (max-width: 959.98px) {
  #sitemap .pg-list > * + * {
    margin-top: 2.4rem;
  }
}
#sitemap .pg-list__item {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #7171C6;
}
#sitemap .pg-list__item a {
  color: #000099;
  font-size: 2.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 959.98px) {
  #sitemap .pg-list__item a {
    font-size: 2rem;
  }
}
#sitemap .pg-list__item a i {
  margin-left: 1.6rem;
  font-size: 1.2rem;
}
#sitemap .pg-list__item__childrens {
  margin-top: 2.4rem;
}
#sitemap .pg-list__item__childrens > * > * + * {
  margin-top: 0.8rem;
}
#sitemap .pg-list__item__children a {
  color: #2c2c2c;
  font-size: 2rem;
  font-weight: bold;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#sitemap .pg-list__item__children a:hover {
  color: #af9e00;
}
@media (max-width: 959.98px) {
  #sitemap .pg-list__item__children a {
    font-size: 1.6rem;
  }
}
#sitemap .pg-list__item__grandchildrens ul {
  display: flex;
  flex-wrap: wrap;
}
#sitemap .pg-list__item__grandchildrens ul li {
  margin-left: 2.4rem;
}
#sitemap .pg-list__item__grandchildrens a {
  color: #2c2c2c;
  transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
#sitemap .pg-list__item__grandchildrens a:hover {
  color: #af9e00;
}

/* Anime
----------------------------------------------- */
[data-anime-trigger] {
  visibility: hidden;
}

[data-anime-trigger].-visible {
  visibility: visible;
}

.-mask-right-to-left[data-anime-trigger], .-mask-left-to-right[data-anime-trigger] {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.-mask-right-to-left[data-anime-trigger] img, .-mask-left-to-right[data-anime-trigger] img {
  transition-property: all;
  transition-duration: 1.1s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.-mask-right-to-left[data-anime-trigger]::after, .-mask-left-to-right[data-anime-trigger]::after {
  display: block;
  content: "";
  background-color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.-mask-right-to-left.-visible[data-anime-trigger]::after, .-mask-left-to-right.-visible[data-anime-trigger]::after {
  transform: scale(0, 1);
  z-index: 2;
}

.-mask-left-to-right[data-anime-trigger]::after {
  transform-origin: right top;
}

.-mask-left-to-right.-visible[data-anime-trigger]::after {
  transform-origin: right top;
}

.-mask-right-to-left[data-anime-trigger]::after {
  transform-origin: left top;
}

.-mask-right-to-left.-visible[data-anime-trigger]::after {
  transform-origin: left top;
}

.-slide-overflow-bottom-to-up[data-anime-trigger] {
  overflow: hidden;
}
.-slide-overflow-bottom-to-up[data-anime-trigger] > * {
  display: inline-block;
  transform: translateY(100%);
  transition-property: transform;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.-slide-overflow-bottom-to-up.-visible[data-anime-trigger] > * {
  transform: translateY(0);
  transition-property: transform;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.-slide-fade-bottom-to-up[data-anime-trigger] > * {
  display: block;
  opacity: 0;
  transform: translateY(50px);
  transition-property: transform, opacity;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.-slide-fade-bottom-to-up.-visible[data-anime-trigger] > * {
  opacity: 1;
  transform: translateY(0);
  transition-property: transform, opacity;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.delay-0.\4 s {
  transition-delay: 0.4s;
}

.delay-0.\6 s {
  transition-delay: 0.6s;
}

.delay-0.\8 s {
  transition-delay: 0.8s;
}

.delay-1.\0 s {
  transition-delay: 1s;
}

.delay-1.\2 s {
  transition-delay: 1.2s;
}

.delay-1.\4 s {
  transition-delay: 1.4s;
}

.delay-1.\6 s {
  transition-delay: 1.6s;
}

.delay-1.\8 s {
  transition-delay: 1.8s;
}

.delay-2.\0 s {
  transition-delay: 2s;
}

/*# sourceMappingURL=style.css.map */