@layer foundation,
lib,
component,
layout,
utility;

:root {
  --color_primary: #F28D00;
  --color_secondary: #161B4E;
  --color_text: #111;
  --color_text_light: #444;
  --color_gray1: #FDFBF9;
  --color_gray2: #DDDDDD;
  --color_gray3: #e5e5e5;
  --color_gray4: #cccccc;
  --color_gray5: #999999;
  --color_gray6: #737373;
  --color_gray7: #525252;
  --color_gray8: #404040;
  --color_gray9: #262626;
  --color_gray10: #171717;
  --color_gray11: #0a0a0a;
  --color_yellow1: #FFD363;
  --color_blue1: #9DD8E6;
  --color_teal: #2CA0B5;
  --color_bg_gray: #fafafa;
  --color_bg_gray2: #F4F5F9;
  --color_bg_blue: #F0FAFA;
  --color_bg_yellow: #FFF5E6;
  --color_bg_orange: #FFECD1;
  --color_border_gray: #e8e8e8;
  --color_border_blue: #B8E8EC;
  --color_border_header: #e8e8e8
}

@layer foundation {

  /* WP版: LP外（テーマのヘッダー・フッター）へ影響しないよう #lpApp 配下に限定 */
  #lpApp,
  #lpApp *,
  #lpApp *::after,
  #lpApp *::before {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    box-sizing: border-box
  }

  :root {
    --color_primary: #aaa;
    --color_gray1: #fafafa;
    --color_gray2: #f5f5f5;
    --color_gray3: #e5e5e5;
    --color_gray4: #d4d4d4;
    --color_gray5: #a3a3a3;
    --color_gray6: #737373;
    --color_gray7: #525252;
    --color_gray8: #404040;
    --color_gray9: #262626;
    --color_gray10: #171717;
    --color_gray11: #0a0a0a
  }

  #lpApp {
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 1.6;
    color: var(--color_gray11);
    overflow-wrap: break-word;
    word-break: break-all;
    font-optical-sizing: auto;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
  }

  #lpApp img {
    text-decoration: none;
    vertical-align: top;
    font-size: 0px
  }

  #lpApp ol,
  #lpApp ul {
    list-style: none
  }

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

  #lpApp a {
    box-sizing: border-box;
    outline: none
  }

  #lpApp a:not([class]) {
    text-decoration: underline
  }

  #lpApp button {
    cursor: pointer;
    appearance: none;
    background: none;
    font-family: inherit
  }
}

@layer component {
  .c-heading {
    font-style: normal
  }

  .c-heading--h1 {
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    padding-bottom: 27px
  }

  @media(width <=768px) {
    .c-heading--h1 {
      font-size: 1.5rem
    }
  }

  .c-heading--h1:after {
    position: absolute;
    content: "";
    width: 44px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--color_primary);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .c-heading--h2 {
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 1.4
  }

  @media(width <=768px) {
    .c-heading--h2 {
      font-size: 1.875rem
    }
  }

  .c-heading--h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
  }

  @media(width <=768px) {
    .c-heading--h3 {
      font-size: 1.625rem
    }
  }

  .c-heading--h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.333
  }

  .c-heading--h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4
  }

  .c-heading--brush {
    position: relative;
    color: var(--color_primary);
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: 0;
    line-height: 1.5;
    padding-bottom: 10px
  }

  @media(width <=768px) {
    .c-heading--brush {
      font-size: 1.125rem
    }
  }

  .c-heading--brush::after {
    content: "";
    width: 300px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/mypage/brush.svg) no-repeat center/contain
  }

  @media(width <=768px) {
    .c-heading--brush::after {
      width: 290px;
      height: 9.5px
    }
  }

  .c-heading--flourish {
    text-align: center;
    position: relative;
    justify-self: center;
    width: fit-content;
    overflow: visible;
    margin-left: auto;
    margin-right: auto
  }

  .c-heading--flourish::before,
  .c-heading--flourish::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/mypage/flourish.svg);
    width: 1.6em;
    height: 1.6em;
    display: block;
    z-index: 2;
    top: 50%
  }

  @media(width <=768px) {

    .c-heading--flourish::before,
    .c-heading--flourish::after {
      width: 0em;
      height: 0em
    }
  }

  .c-heading--flourish::before {
    transform: translateY(-50%);
    left: -2em
  }

  @media(width <=768px) {
    .c-heading--flourish::before {
      left: -52px
    }
  }

  .c-heading--flourish::after {
    transform: translateY(-50%) rotateY(180deg);
    right: -2em
  }

  @media(width <=768px) {
    .c-heading--flourish::after {
      right: -37px
    }
  }

  .c-heading span {
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit
  }

  .c-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
  }

  .c-title__romaji {
    color: var(--color_primary);
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .15em
  }

  .c-title__main {
    color: var(--color_secondary);
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: .015em
  }

  @media(width <=768px) {
    .c-title__main {
      font-size: 24px;
      line-height: 1.5
    }
  }

  .c-title__main span {
    font-size: inherit;
    font-weight: inherit
  }

  .c-img-scroll {
    overflow: auto;
    margin-top: 40px
  }

  .c-img-scroll img,
  .c-img-scroll svg {
    width: 100%;
    height: auto;
    min-width: 720px
  }

  .c-badge {
    background-color: var(--color_gray3);
    border-color: var(--color_gray3);
    border-radius: 1000px;
    border-style: solid;
    border-width: 1px;
    color: var(--color_text);
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4;
    min-width: 32px;
    padding: .1em .8em;
    letter-spacing: .05em;
    text-align: center
  }

  .c-badge--primary {
    color: var(--color_primary);
    background-color: var(--color_bg_yellow);
    border-color: var(--color_primary)
  }

  .c-badge span {
    font-size: inherit;
    font-weight: inherit
  }

  .c-badge .ti {
    font-size: 1em
  }

  .c-badge .ti::before {
    font-size: inherit
  }

  .c-lead {
    font-size: 1.125rem;
    font-style: normal;
    text-align: center;
    line-height: 1.7;
    word-break: break-all;
    letter-spacing: .05em;
    margin-top: 28px
  }

  @media(width <=768px) {
    .c-lead {
      font-size: 1rem;
      margin-top: 20px;
      letter-spacing: .035em;
      text-align: left
    }
  }

  .c-list li {
    color: inherit;
    font-size: inherit
  }

  .c-list li+li {
    margin-top: 4px
  }

  .c-list li span {
    font-size: inherit
  }

  .c-list--check,
  .c-list--plus {
    font-size: inherit;
    color: inherit;
    margin-top: .4em
  }

  .c-list--check li,
  .c-list--plus li {
    padding-left: 1.8em;
    line-height: 1.7;
    position: relative
  }

  .c-list--check li::before,
  .c-list--plus li::before {
    content: "";
    color: var(--color_primary);
    font-family: "tabler-icons";
    position: absolute;
    line-height: 1;
    left: .1em;
    top: .2em;
    font-weight: 900
  }

  .c-list--plus li::before {
    content: ""
  }

  .c-button,
  .c-button a.c-button {
    display: flex;
    padding: 16px 36px;
    width: auto;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background-color: var(--color_primary);
    border-width: 2px;
    border-style: solid;
    border-color: var(--color_primary);
    border-radius: 10px;
    text-decoration: none;
    line-height: 1.7;
    font-size: 1em;
    justify-content: center;
    align-items: center
  }

  @media(hover: hover)and (pointer: fine) {

    .c-button:hover,
    .c-button:focus,
    .c-button a.c-button:hover,
    .c-button a.c-button:focus {
      opacity: .7
    }
  }

  #cases .c-button,
  #cases .c-button a.c-button {
    position: relative;
    width: 100%;
    padding: 14px;
    line-height: 1.5;
    max-width: 300px
  }

  .c-button .ti {
    font-size: inherit
  }

  .c-button .ti::before {
    font-size: 1.5em
  }

  .c-button--inverse {
    background-color: #fff;
    color: var(--color_primary);
    border-color: #fff
  }

  .c-button--shadow {
    box-shadow: 0 4px 20px 0 rgba(242, 141, 0, .32)
  }

  .c-button--ghost {
    border-color: #fff;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
  }

  .c-button--outline-primary {
    border-color: var(--color_primary);
    color: var(--color_primary);
    background-color: #fff
  }

  .c-button--gradient {
    background: var(--main, linear-gradient(97deg, var(--color_primary) 30.37%, #FFB340 83.61%));
    border: none
  }

  .c-button--download {
    color: #fff;
    background-color: var(--color_teal);
    border-color: var(--color_teal)
  }

  .c-button--show-plans {
    width: 100%;
    color: var(--color_primary);
    background-color: var(--color_bg_gray);
    border-color: var(--color_border_gray);
    border-radius: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 0.875rem
  }

  .c-button--show-plans .ti::before {
    font-size: 1.7em
  }

  .c-button--show-plans .ti {
    margin-left: 8px;
    transition: transform 200ms
  }

  .c-button--show-plans.is-open .ti {
    transform: rotate(180deg)
  }

  .c-box,
  .c-customer,
  .c-hurdle {
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: var(--color_border_gray);
    width: 100%;
    border-radius: 16px
  }

  .c-box__content {
    padding: 24px 32px
  }

  @media(width <=768px) {
    .c-box__content {
      padding: 24px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-box__content {
      padding: 24px
    }
  }

  .c-box__img,
  .c-hurdle__img {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    max-height: 164px
  }

  .c-box__img img,
  .c-hurdle__img img,
  .c-box__img svg,
  .c-hurdle__img svg {
    width: 100%;
    height: auto;
    max-height: 164px;
    object-fit: contain
  }

  .c-box--merit {
    margin-top: 32px;
    border-width: 2px
  }

  .c-box--merit .c-box__content {
    display: flex;
    justify-content: space-between;
    gap: 40px
  }

  @media(width <=768px) {
    .c-box--merit .c-box__content {
      flex-direction: column;
      align-items: stretch;
      padding: 22px 12px;
      gap: 10px
    }
  }

  .c-box--merit .c-box__bottom {
    position: relative;
    display: flex;
    justify-content: center
  }

  @media(width > 768px) {
    .c-box--merit .c-box__bottom {
      flex-basis: 296px
    }
  }

  .c-box--merit .c-box__bottom img {
    width: 233px;
    height: auto
  }

  .c-box--merit .c-box__bottom .c-button {
    position: absolute;
    bottom: 0
  }

  .c-box--option {
    border-radius: 10px;
    border: 1px solid var(--color_bg_yellow);
    display: flex
  }

  .c-box--option .c-box__content {
    background-color: var(--color_bg_yellow);
    padding: 8px 16px 16px;
    width: 100%
  }

  .c-box--option .c-box__title {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.84;
    color: var(--color_primary)
  }

  .c-box--option p {
    color: var(--color_gray6);
    font-size: 0.75rem;
    line-height: 1.41;
    font-weight: 400;
    font-style: normal;
    margin-top: 8px
  }

  .c-hero {
    width: 100%;
    height: auto;
    display: block;
    padding-top: max(99px, 6.804vw);
    padding-bottom: max(84px, 5.676vw);
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 max(-69px, -4.742vw);
    background-size: max(618px, 40.4vw) auto;
    background-image: url(../img/mypage/body_bg_top.png);
  }

  @media(width > 768px)and (width <=1200px) {
    .c-hero{
      background-position: -129px -75px;
    }
  }
  @media(width <=768px) {
    .c-hero {
      padding-top: 5.4vw;
      padding-bottom: 7.4vw;
      padding-left: 4vw;
      padding-right: 4vw;
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: repeat(5, auto);
      gap: 0;
      background-size: 78vw auto;
      background-position: 0 0;
      background-image: url(../img/mypage/body_bg_top_sp.png)
    }
  }

  .c-hero__container {
    width: 100%;
    max-width: max(1184px, 76.25vw);
    display: block;
    margin: 0px auto;
    padding-left: 14px;
    padding-right: 14px;
    position: relative;
    z-index: 1
  }

  @media(width <=768px) {
    .c-hero__container {
      display: contents
    }
  }

  @media(width <=768px) {
    .c-hero picture {
      display: contents
    }
  }

  .c-hero__bg {
    position: absolute;
    bottom: 0
  }

  @media(width > 768px) {
    .c-hero__bg {
      right: max(80px, 5.567vw);
      top: max(40px, 2.784vw);
      bottom: auto;
      width: max(633px, 44.05vw);
      height: auto;
      display: block
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-hero__bg {
      right: 10px;
      width: 476px;
      top: 57px
    }
  }

  @media(width <=768px) {
    .c-hero__bg {
      width: 93%;
      height: auto;
      position: static;
      grid-row: 4/5;
      margin-top: 0
    }
  }

  .c-hero__title,
  .c-hero__subtitle {
    font-weight: 900;
    color: var(--color_secondary);
    letter-spacing: 0;
  }

  .c-hero__title span,
  .c-hero__subtitle span {
    font-size: inherit;
    font-weight: inherit
  }

  .c-hero__title {
    font-size: max(3.5rem, 3.849vw);
    line-height: 1.4;
    letter-spacing: 0
  }

  @media(width <=768px) {
    .c-hero__title {
      font-size: 9.3vw;
      line-height: 1.38;
      grid-row: 1/2
    }
  }

  .c-hero__title .c-hero__title__big {
    font-size: 1.11em
  }

  @media(width <=768px) {
    .c-hero__title .c-hero__title__big {
      font-size: 1.17em
    }
  }

  .c-hero__subtitle {
    font-size: max(1.25rem, 1.375vw);
    margin-top: max(1.0625rem, 1.168vw)
  }

  @media(width <=768px) {
    .c-hero__subtitle {
      font-size: 3.8vw;
      margin-top: 4.2vw;
      grid-row: 2/3;
      line-height: 1.7
    }
  }

  .c-hero p {
    margin-top: max(23px, 1.554vw);
    line-height: 1.7;
    letter-spacing: 0;
    font-size: max(0.9375rem, 1.03vw);
    color: var(--color_gray6)
  }

  @media(width <=768px) {
    .c-hero p {
      font-size: 3.6vw;
      line-height: 1.8;
      margin-top: 4vw;
      grid-row: 3/4
    }
  }

  .c-hero__buttons {
    display: flex;
    margin-top: max(32px, 2.199vw);
    gap: max(24px, 1.622vw)
  }

  @media(width <=768px) {
    .c-hero__buttons {
      gap: 4.1vw;
      justify-content: center;
      margin-top: 0;
      flex-direction: column
    }
  }

  .c-hero__buttons .c-button {
    font-size: max(1em, 1.081vw);
    padding: max(15.1px, 1.038vw) max(29px, 2.018vw);
    border-width: 1px;
    letter-spacing: .03em
  }

  @media(width <=768px) {
    .c-hero__buttons .c-button {
      font-size: 4.1vw;
      padding: 4vw 6vw;
      border-radius: 2.7vw;
      position: relative
    }

    .c-hero__buttons .c-button .ti {
      position: absolute;
      right: 4vw;
      top: 50%;
      transform: translateY(-50%)
    }
  }

  .c-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
  }

  @media(width <=768px) {
    .c-columns {
      flex-direction: column;
      flex-wrap: nowrap
    }
  }

  .c-columns--cases {
    gap: 16px 24px
  }

  @media(width <=768px) {
    .c-columns--cases {
      gap: 0
    }
  }

  @media(width <=768px) {
    .swiper.swiper-initialized .c-columns--cases {
      flex-direction: row;
      flex-wrap: nowrap;
      padding-bottom: 40px
    }
  }

  .c-columns__item {
    display: flex;
    max-width: 100%;
  }

  @media(width > 768px) {
    .c-columns__item {
      flex: 0 0 calc(33.3333% - 16px)
    }

    .c-columns__item.swiper-slide {
      height: auto !important
    }
  }

  .c-columns--3 {
    justify-content: flex-start
  }

  @media(width > 768px) {
    .c-columns--3 .c-columns__item {
      flex: 0 0 calc(33.3333333333% - 16px)
    }
  }

  .c-columns--4 {
    justify-content: flex-start
  }

  @media(width > 768px) {
    .c-columns--4 .c-columns__item {
      flex: 0 0 calc(25% - 18px)
    }
  }

  .c-hurdle {
    border-width: 2px;
    position: relative
  }

  .c-hurdle .c-heading--h4 {
    letter-spacing: .05em;
    line-height: 1.5
  }

  @media(width <=768px) {
    .c-hurdle .c-heading--h4 {
      font-size: 1.125rem
    }
  }

  .c-hurdle p {
    margin-top: 28px
  }

  @media(width <=768px) {
    .c-hurdle p {
      font-size: 0.9375rem;
      line-height: 1.7
    }
  }

  .c-hurdle__content {
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  @media(width > 768px)and (width <=1200px) {
    .c-hurdle__content {
      padding: 24px
    }
  }

  @media(width <=768px) {
    .c-hurdle__content {
      padding: 24px 16px
    }
  }

  .c-hurdle__img {
    margin-top: 19px
  }

  .c-hurdle--arrow {
    overflow: visible
  }

  .c-hurdle--arrow::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 93px;
    background: url(../img/mypage/arrow.svg) center/contain
  }

  @media(width > 768px) {
    .c-hurdle--arrow::after {
      top: 50%;
      right: -53.5px;
      transform: translateY(-50%)
    }
  }

  @media(width <=768px) {
    .c-hurdle--arrow::after {
      bottom: -59px;
      left: 50%;
      transform: translateX(-50%) rotate(90deg) scale(0.78)
    }
  }

  .c-hurdle--result {
    background: var(--color_bg_yellow);
    border-color: var(--color_primary)
  }

  .c-func-card {
    display: flex;
    flex-direction: column;
    gap: 0 18px
  }

  .c-func-card__title {
    color: var(--color_secondary);
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0
  }

  .c-func-card__text {
    line-height: 1.8;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 12px;
    letter-spacing: 0
  }
  @media(width <=768px) {
    .c-func-card__text{
      font-size: 1rem;
    }
  }

  .c-func-card__tags {
    padding-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px
  }

  .c-func-card__tag {
    display: flex;
    line-height: 1.7;
    color: var(--color_gray6);
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 4px;
    padding: 2px 10px;
    background-color: #f5f5f5;
    letter-spacing: 0
  }

  .c-plan {
    width: 100%;
    margin-top: 40px
  }

  @media(width <=768px) {
    .c-plan {
      margin-top: 16px
    }
  }

  .c-plan__box {
    display: flex;
    border-radius: 16px;
    position: relative;
    border-width: 0
  }

  .c-plan__box .c-box__content {
    width: 100%;
    background-color: #fff;
    display: flex;
    position: relative;
    padding: 0
  }

  @media(width <=768px) {
    .c-plan__box .c-box__content {
      flex-direction: column
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-plan__box .c-box__content {
      flex-direction: column
    }
  }

  .c-plan__box .c-list--check {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 12px
  }

  @media(width <=768px) {
    .c-plan__box .c-list--check {
      flex-wrap: nowrap;
      flex-direction: column
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-plan__box .c-list--check {
      flex-wrap: nowrap;
      flex-direction: column
    }
  }

  .c-plan__box .c-list--check li {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color_secondary);
    padding-left: 2em;
    flex: 0 0 calc(33.3333% - 6px);
    letter-spacing: 0;
  }

  .c-plan__box .c-list--check li::before {
    font-size: 1.5em;
    left: 0;
    top: .1em
  }

  .c-plan__box--best {
    border-width: 3px;
    border-color: var(--color_primary);
    background-color: var(--color_bg_yellow)
  }

  .c-plan__box--best .c-box__content {
    background-color: var(--color_bg_yellow)
  }

  .c-plan__box--best .c-plan__box__price__ammount {
    color: var(--color_primary)
  }

  .c-plan__box__price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 36px 40px;
    gap: 8px;
    flex: 0 0 280px
  }

  @media(width <=768px) {
    .c-plan__box__price {
      flex-basis: auto;
      padding: 24px 20px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-plan__box__price {
      flex-basis: auto;
      padding: 24px 20px
    }
  }

  .c-plan__box__price__title {
    color: var(--color_secondary);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .c-plan__box__price__ammount {
    color: var(--color_primary);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-optical-sizing: auto
  }

  .c-plan__box__price__detail {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color_gray6)
  }

  .c-plan__box__price__detail span {
    font-weight: inherit;
    font-size: inherit
  }

  .c-plan__box__details {
    border-left: 1px solid var(--color_border_gray);
    padding: 36px 20px 36px 40px;
    color: var(--color_gray7);
    font-size: 0.875rem;
    grid-row: 5/6
  }

  @media(width <=768px) {
    .c-plan__box__details {
      padding: 24px 40px;
      border-top: 1px solid var(--color_border_gray);
      border-left: none
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-plan__box__details {
      padding: 24px 40px;
      border-top: 1px solid var(--color_border_gray);
      border-left: none
    }
  }

  .c-plan__box__details__title {
    color: var(--color_secondary);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 0;
  }

  .c-plan__box__details p {
    color: inherit;
    font-size: inherit
  }

  .c-plan__options {
    transition: max-height 350ms ease;
    overflow: hidden;
    height: 100%
  }

  .c-tonext__box {
    width: 100%;
    padding: 40px 44px 40px 77px;
    background-color: #fff;
    display: flex;
    gap: 60px;
    align-items: center;
    border-radius: 10px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
    box-shadow: 0 0 54px 0 rgba(206, 213, 217, .5)
  }

  @media(width <=768px) {
    .c-tonext__box {
      gap: 40px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box {
      gap: 40px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box {
      margin-top: 140px;
      padding: 60px 40px 40px
    }
  }

  @media(width <=768px) {
    .c-tonext__box {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      margin-top: 117px;
      padding: 41px 18px 41px
    }
  }

  .c-tonext__box__inner {
    display: grid;
    width: 100%;
    grid-template-rows: 100%;
    grid-template-columns: 165px 365px auto;
    gap: 30px;
    position: relative
  }

  @media(width <=768px) {
    .c-tonext__box__inner {
      display: flex;
      flex-direction: column;
      gap: 25px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box__inner {
      display: flex;
      flex-direction: column;
      gap: 25px
    }
  }

  .c-tonext__box__part {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
  }

  @media(width <=768px) {
    .c-tonext__box__part--img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%)
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box__part--img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%)
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box__part--img {
      top: -162px
    }
  }

  @media(width <=768px) {
    .c-tonext__box__part--img {
      width: 94px;
      height: auto;
      top: -92px
    }
  }

  .c-tonext__box__part--img img {
    width: 100%;
    height: auto;
    max-width: 165px
  }

  .c-tonext__box__part--text {
    align-items: flex-start
  }

  @media(width <=768px) {
    .c-tonext__box__part--text {
      align-items: center
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box__part--text {
      align-items: center
    }
  }

  .c-tonext__box__part--text .c-heading {
    color: var(--color_secondary);
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .05em
  }

  @media(width <=768px) {
    .c-tonext__box__part--text .c-heading {
      text-align: center
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-tonext__box__part--text .c-heading {
      text-align: center
    }
  }

  @media(width <=768px) {
    .c-tonext__box__part--text .c-heading {
      font-size: 1.25rem
    }
  }

  .c-tonext__box__part--buttons {
    display: flex;
    width: 100%;
    gap: 16px
  }

  @media(width > 768px) {
    .c-tonext__box__part--buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, auto)
    }
  }

  @media(width <=768px) {
    .c-tonext__box__part--buttons {
      align-items: stretch
    }
  }

  .c-tonext__box__part--buttons .c-button {
    font-family: "Noto Sans JP";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    padding: 14px;
    position: relative
  }

  @media(width > 768px) {
    .c-tonext__box__part--buttons .c-button {
      align-self: self-start
    }
  }

  @media(width > 768px) {
    .c-tonext__box__part--buttons .c-button:first-child {
      grid-column: 1/3;
      align-self: flex-end
    }
  }

  .c-tonext .c-button {
    width: 100%;
    margin-top: 20px;
    padding: 12px 52px;
    border-width: 3px;
    border-radius: 50px;
    margin-top: 16px;
    position: relative
  }

  .c-tonext .c-button--gradient {
    padding-top: 17px;
    padding-bottom: 17px;
    margin-top: 19px
  }

  .c-tonext .c-button .ti {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }

  .c-tonext .c-button .ti:nth-child(1) {
    left: 27px
  }

  .c-tonext .c-button .ti:nth-child(2) {
    right: 27px
  }

  .c-faq {
    padding: 14px 22px;
    border-radius: 10px;
    border: 1px solid var(--color_border_gray);
    display: flex;
    flex-direction: column;
    background-color: #fff
  }

  @media(width <=768px) {
    .c-faq {
      padding: 16px 22px
    }
  }

  .c-faq+.c-faq {
    margin-top: 12px
  }

  .c-faq__q {
    text-align: left;
    font-weight: 500;
    line-height: 1.7;
    display: grid;
    grid-template-rows: 100%;
    gap: 8px;
    grid-template-columns: auto 24px;
    align-items: center
  }

  .c-faq__q__text {
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1.7;
    color: var(--color_secondary)
  }

  @media(width <=768px) {
    .c-faq__q__text {
      font-size: 0.875rem
    }
  }

  .c-faq__q:hover .c-faq__q__text {
    color: var(--color_primary)
  }

  .c-faq__q__bars {
    position: relative;
    width: 24px;
    height: 24px
  }

  .c-faq__q__bars.is-open .c-faq__q__bar:nth-child(2) {
    transform: translate(-50%, -50%)
  }

  .c-faq__q__bar {
    width: 15px;
    height: 2px;
    position: absolute;
    background-color: var(--color_gray4);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1px;
    transition: transform 200ms ease
  }

  .c-faq__q__bar:nth-child(2) {
    transform: translate(-50%, -50%) rotate(90deg)
  }

  .c-faq__a {
    overflow: hidden;
    transition: max-height 300ms ease
  }

  .c-faq__a__inner {
    font-size: 0.9375rem;
    padding-top: 13px;
    line-height: 1.7;
    letter-spacing: .05em
  }

  @media(width <=768px) {
    .c-faq__a__inner {
      padding-top: 8px;
      font-size: 0.8125rem
    }
  }

  .c-faq__a .c-columns {
    gap: 12px
  }

  @media(width <=768px) {
    .c-faq__a .c-columns {
      gap: 12px
    }
  }

  #faq {
    padding-top: 102px;
    padding-bottom: 80px
  }

  @media(width <=768px) {
    #faq {
      padding-top: 49px;
      padding-bottom: 112px
    }
  }

  #faq {
    background-image: url(../img/mypage/body_bg_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 694px auto
  }

  @media(width <=768px) {
    #faq {
      background-image: url(../img/mypage/body_bg_bottom_sp.png);
      background-size: 76vw auto
    }
  }

  .c-platform {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    align-self: stretch
  }

  .c-platform__header {
    background-color: var(--color_teal);
    color: #fff;
    padding: 13px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 900;
    position: relative;
    text-align: center;
    letter-spacing: 0
  }

  .c-platform__body {
    background-color: #fff;
    padding: 24px;
    flex-grow: 1
  }

  @media(width <=768px) {
    .c-platform__body {
      padding: 16px
    }
  }

  .c-platform__body .c-button {
    font-size: 0.875rem;
    padding: 6px 44px 6px 12px;
    position: relative
  }

  @media(width <=768px) {
    .c-platform__body .c-button {
      font-size: 1rem;
      padding-top: 12px;
      padding-bottom: 12px
    }
  }

  .c-platform__body .c-button .ti-arrow-right {
    font-size: 0.75rem;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
  }

  @media(width <=768px) {
    .c-platform__body .c-button .ti-arrow-right {
      font-size: 1rem
    }
  }

  .c-platform__img img {
    width: 100%;
    height: auto
  }

  .c-platform__text {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 24px;
    letter-spacing: 0;
  }

  .c-platform__text small {
    font-size: .88em;
    letter-spacing: 0
  }

  .c-platform__list {
    margin-top: 24px
  }

  .c-platform__list li {
    position: relative;
    padding-left: 32px;
    color: var(--color_secondary);
    font-size: 0.875rem;
    line-height: 1.57857;
    font-weight: 700;
    letter-spacing: 0
  }

  .c-platform__list li::before {
    content: "";
    font-family: "tabler-icons";
    position: absolute;
    left: 0;
    color: var(--color_primary);
    font-size: 26px;
    top: -1px;
    line-height: 1
  }

  .c-platform__list li+li {
    margin-top: 11px
  }

  .c-clients {
    margin-top: 67px
  }

  @media(width <=768px) {
    .c-clients {
      margin-top: 30px
    }
  }

  .c-clients__title {
    font-size: max(0.8125rem, .893vw);
    color: var(--color_secondary);
    text-align: center;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: .05em
  }

  .c-clients__slider {
    margin-top: 30px
  }

  @media(width <=768px) {
    .c-clients__slider {
      margin-top: 24px
    }
  }

  .c-clients__slide {
    color: #475569;
    line-height: 0;
    text-align: center;
    width: auto !important;
    display: flex;
    flex: 0 0 auto !important
  }

  .c-clients .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: center
  }

  .c-obi {
    background-color: var(--color_primary);
    background-image: url(../img/mypage/obi-check.svg);
    background-repeat: no-repeat;
    background-size: 130px auto;
    background-position: center;
    padding: 47px 0;
    color: #fff;
    position: relative;
    margin-bottom: 20px
  }

  @media(width <=768px) {
    .c-obi {
      padding: 24px 0;
      background-size: 95px auto;
      margin-bottom: 15px
    }
  }

  .c-obi::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--color_primary);
    bottom: -10px;
    left: 50%;
    transform: scaleY(1.35) translateX(-50%) rotate(45deg)
  }

  @media(width <=768px) {
    .c-obi::before {
      width: 14px;
      height: 14px;
      bottom: -7px
    }
  }

  .c-obi .l-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
  }

  @media(width <=768px) {
    .c-obi .l-container {
      gap: 2px
    }
  }

  .c-obi__subtitle {
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .05em
  }

  @media(width <=768px) {
    .c-obi__subtitle {
      font-size: 1rem
    }
  }

  .c-obi__title {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .05em
  }

  @media(width <=768px) {
    .c-obi__title {
      font-size: 1.5rem
    }
  }

  .c-solutions {
    margin-top: 70px
  }

  @media(width <=768px) {
    .c-solutions {
      margin-top: 37px
    }
  }

  .c-solutions__entry {
    display: flex;
    align-items: center;
    gap: 40px
  }

  @media(width <=768px) {
    .c-solutions__entry {
      flex-direction: column;
      gap: 0
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-solutions__entry {
      flex-direction: column;
      gap: 0
    }
  }

  .c-solutions__entry+.c-solutions__entry {
    margin-top: 22px
  }

  @media(width > 1200px) {
    .c-solutions__entry--invert-pc {
      flex-direction: row-reverse
    }
  }

  .c-solutions__entry p {
    font-weight: 500;
    line-height: 1.8;
    font-size: 1rem;
    margin-top: 20px;
    letter-spacing: 0;
  }

  @media(width <=768px) {
    .c-solutions__entry p {
      margin-top: 8px;
      font-size: 1rem
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-solutions__entry p {
      margin-top: 8px;
      font-size: 1rem
    }
  }

  .c-solutions__entry__img {
    flex: 0 0 400px
  }

  @media(width <=768px) {
    .c-solutions__entry__img {
      flex: 1 0 auto
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-solutions__entry__img {
      flex: 1 0 auto
    }
  }

  .c-solutions__entry__img img {
    width: 100%;
    height: auto;
    max-width: 400px
  }

  .c-solutions__entry__body {
    flex: 1 1 auto
  }

  .c-solutions__entry__title {
    color: var(--color_secondary);
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: 0;
  }

  @media(width <=768px) {
    .c-solutions__entry__title {
      font-size: 1.25rem
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-solutions__entry__title {
      font-size: 1.25rem
    }
  }

  .c-customer {
    border-width: 1px;
    border-radius: 16px;
    margin-top: 40px;
    padding: 24px;
    display: grid;
    gap: 8px 40px;
    grid-template-columns: 300px auto;
    grid-template-rows: repeat(2, auto)
  }

  @media(width <=768px) {
    .c-customer {
      margin-top: 24px;
      grid-template-columns: 100%;
      grid-template-rows: repeat(3, auto);
      padding: 0;
      gap: 0
    }
  }

  .c-customer+.c-customer {
    margin-top: 24px
  }

  .c-customer__header {
    grid-row: 1/2;
    grid-column: 1/2
  }

  @media(width <=768px) {
    .c-customer__header {
      padding: 16px 16px 0
    }
  }

  .c-customer__header__titular {
    color: var(--color_secondary);
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 1rem;
    display: inline-block;
    letter-spacing: 0
  }

  @media(width <=768px) {
    .c-customer__header__titular {
      margin-top: 0.5rem
    }
  }

  .c-customer__footer {
    grid-row: 2/3;
    grid-column: 1/2
  }

  @media(width <=768px) {
    .c-customer__footer {
      grid-row: 3/4;
      background-color: var(--color_gray1);
      padding: 12px 24px
    }
  }

  .c-customer__footer__corp {
    color: var(--color_secondary);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0
  }

  @media(width <=768px) {
    .c-customer__footer__corp {
      font-size: 0.875rem
    }
  }

  .c-customer__footer__field {
    color: rgba(22, 27, 78, .5);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0
  }

  .c-customer__main {
    grid-row: 1/3;
    grid-column: 2/3
  }

  @media(width <=768px) {
    .c-customer__main {
      grid-row: 2/3;
      grid-column: 1/2;
      padding: 8px 16px 16px
    }
  }

  .c-customer__main dl dt,
  .c-customer__main dl dd {
    font-size: 0.875rem;
    letter-spacing: 0
  }

  .c-customer__main dl dt {
    color: var(--color_secondary);
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: .05em;
    margin-top: 12px
  }

  @media(width <=768px) {
    .c-customer__main dl dt {
      margin-top: 4px
    }
  }

  .c-customer__main dl dt:first-child {
    margin-top: 0
  }

  .c-customer__main dl dd {
    font-weight: 400;
    line-height: 1.8
  }

  .c-customer__main dl dd strong {
    font-size: inherit;
    color: inherit;
    font-weight: 700
  }

  .c-customer__thumb {
    border-radius: 10px;
    overflow: hidden;
    position: relative
  }

  .c-customer__thumb img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 185px
  }

  .c-customer__link {
    color: #f28500;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.714
  }

  .c-customer__link span {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-decoration: underline;
    text-underline-offset: 3px
  }

  .c-customer__link .ti::before {
    font-size: 1.1em
  }

  .c-customer__link:hover span {
    text-decoration: none
  }
}

@layer layout {
  .l-container {
    width: 100%;
    max-width: 1056px;
    padding-left: 28px;
    padding-right: 28px;
    margin: 0px auto
  }

  @media(width <=768px) {
    .l-container {
      padding-left: 14px;
      padding-right: 14px
    }
  }

  .l-container--wide {
    max-width: 1210px
  }
}

@layer utility {
  .u-color-white {
    color: #fff
  }

  .u-color-primary {
    color: var(--color_primary)
  }

  .u-bg-color-primary {
    background-color: var(--color_primary)
  }

  .u-color-secondary {
    color: var(--color_secondary)
  }

  .u-bg-color-secondary {
    background-color: var(--color_secondary)
  }

  .u-color-text {
    color: var(--color_text)
  }

  .u-bg-color-text {
    background-color: var(--color_text)
  }

  .u-color-text_light {
    color: var(--color_text_light)
  }

  .u-bg-color-text_light {
    background-color: var(--color_text_light)
  }

  .u-color-gray1 {
    color: var(--color_gray1)
  }

  .u-bg-color-gray1 {
    background-color: var(--color_gray1)
  }

  .u-color-gray2 {
    color: var(--color_gray2)
  }

  .u-bg-color-gray2 {
    background-color: var(--color_gray2)
  }

  .u-color-gray3 {
    color: var(--color_gray3)
  }

  .u-bg-color-gray3 {
    background-color: var(--color_gray3)
  }

  .u-color-gray4 {
    color: var(--color_gray4)
  }

  .u-bg-color-gray4 {
    background-color: var(--color_gray4)
  }

  .u-color-gray5 {
    color: var(--color_gray5)
  }

  .u-bg-color-gray5 {
    background-color: var(--color_gray5)
  }

  .u-color-gray6 {
    color: var(--color_gray6)
  }

  .u-bg-color-gray6 {
    background-color: var(--color_gray6)
  }

  .u-color-gray7 {
    color: var(--color_gray7)
  }

  .u-bg-color-gray7 {
    background-color: var(--color_gray7)
  }

  .u-color-gray8 {
    color: var(--color_gray8)
  }

  .u-bg-color-gray8 {
    background-color: var(--color_gray8)
  }

  .u-color-gray9 {
    color: var(--color_gray9)
  }

  .u-bg-color-gray9 {
    background-color: var(--color_gray9)
  }

  .u-color-gray10 {
    color: var(--color_gray10)
  }

  .u-bg-color-gray10 {
    background-color: var(--color_gray10)
  }

  .u-color-gray11 {
    color: var(--color_gray11)
  }

  .u-bg-color-gray11 {
    background-color: var(--color_gray11)
  }

  .u-color-yellow1 {
    color: var(--color_yellow1)
  }

  .u-bg-color-yellow1 {
    background-color: var(--color_yellow1)
  }

  .u-color-blue1 {
    color: var(--color_blue1)
  }

  .u-bg-color-blue1 {
    background-color: var(--color_blue1)
  }

  .u-color-teal {
    color: var(--color_teal)
  }

  .u-bg-color-teal {
    background-color: var(--color_teal)
  }

  .u-color-bg_gray {
    color: var(--color_bg_gray)
  }

  .u-bg-color-bg_gray {
    background-color: var(--color_bg_gray)
  }

  .u-color-bg_gray2 {
    color: var(--color_bg_gray2)
  }

  .u-bg-color-bg_gray2 {
    background-color: var(--color_bg_gray2)
  }

  .u-color-bg_blue {
    color: var(--color_bg_blue)
  }

  .u-bg-color-bg_blue {
    background-color: var(--color_bg_blue)
  }

  .u-color-bg_yellow {
    color: var(--color_bg_yellow)
  }

  .u-bg-color-bg_yellow {
    background-color: var(--color_bg_yellow)
  }

  .u-color-bg_orange {
    color: var(--color_bg_orange)
  }

  .u-bg-color-bg_orange {
    background-color: var(--color_bg_orange)
  }

  .u-color-border_gray {
    color: var(--color_border_gray)
  }

  .u-bg-color-border_gray {
    background-color: var(--color_border_gray)
  }

  .u-color-border_blue {
    color: var(--color_border_blue)
  }

  .u-bg-color-border_blue {
    background-color: var(--color_border_blue)
  }

  .u-color-border_header {
    color: var(--color_border_header)
  }

  .u-bg-color-border_header {
    background-color: var(--color_border_header)
  }

  .u-bg-gradient {
    background: linear-gradient(94deg, #2BA2B7 10.83%, #2BB7A9 95.65%)
  }

  .u-mt0 {
    margin-top: 0px
  }

  .u-mr0 {
    margin-right: 0px
  }

  .u-mb0 {
    margin-bottom: 0px
  }

  .u-ml0 {
    margin-left: 0px
  }

  .u-mx0 {
    margin-right: 0px;
    margin-left: 0px
  }

  .u-my0 {
    margin-top: 0px;
    margin-bottom: 0px
  }

  .u-pt0 {
    padding-top: 0px
  }

  .u-pr0 {
    padding-right: 0px
  }

  .u-pb0 {
    padding-bottom: 0px
  }

  .u-pl0 {
    padding-left: 0px
  }

  .u-pa0 {
    padding: 0px
  }

  .u-px0 {
    padding-right: 0px;
    padding-left: 0px
  }

  .u-py0 {
    padding-top: 0px;
    padding-bottom: 0px
  }

  .u-mt4 {
    margin-top: 4px
  }

  .u-mr4 {
    margin-right: 4px
  }

  .u-mb4 {
    margin-bottom: 4px
  }

  .u-ml4 {
    margin-left: 4px
  }

  .u-mx4 {
    margin-right: 4px;
    margin-left: 4px
  }

  .u-my4 {
    margin-top: 4px;
    margin-bottom: 4px
  }

  .u-pt4 {
    padding-top: 4px
  }

  .u-pr4 {
    padding-right: 4px
  }

  .u-pb4 {
    padding-bottom: 4px
  }

  .u-pl4 {
    padding-left: 4px
  }

  .u-pa4 {
    padding: 4px
  }

  .u-px4 {
    padding-right: 4px;
    padding-left: 4px
  }

  .u-py4 {
    padding-top: 4px;
    padding-bottom: 4px
  }

  .u-mt8 {
    margin-top: 8px
  }

  .u-mr8 {
    margin-right: 8px
  }

  .u-mb8 {
    margin-bottom: 8px
  }

  .u-ml8 {
    margin-left: 8px
  }

  .u-mx8 {
    margin-right: 8px;
    margin-left: 8px
  }

  .u-my8 {
    margin-top: 8px;
    margin-bottom: 8px
  }

  .u-pt8 {
    padding-top: 8px
  }

  .u-pr8 {
    padding-right: 8px
  }

  .u-pb8 {
    padding-bottom: 8px
  }

  .u-pl8 {
    padding-left: 8px
  }

  .u-pa8 {
    padding: 8px
  }

  .u-px8 {
    padding-right: 8px;
    padding-left: 8px
  }

  .u-py8 {
    padding-top: 8px;
    padding-bottom: 8px
  }

  .u-mt12 {
    margin-top: 12px
  }

  .u-mr12 {
    margin-right: 12px
  }

  .u-mb12 {
    margin-bottom: 12px
  }

  .u-ml12 {
    margin-left: 12px
  }

  .u-mx12 {
    margin-right: 12px;
    margin-left: 12px
  }

  .u-my12 {
    margin-top: 12px;
    margin-bottom: 12px
  }

  .u-pt12 {
    padding-top: 12px
  }

  .u-pr12 {
    padding-right: 12px
  }

  .u-pb12 {
    padding-bottom: 12px
  }

  .u-pl12 {
    padding-left: 12px
  }

  .u-pa12 {
    padding: 12px
  }

  .u-px12 {
    padding-right: 12px;
    padding-left: 12px
  }

  .u-py12 {
    padding-top: 12px;
    padding-bottom: 12px
  }

  .u-mt16 {
    margin-top: 16px
  }

  .u-mr16 {
    margin-right: 16px
  }

  .u-mb16 {
    margin-bottom: 16px
  }

  .u-ml16 {
    margin-left: 16px
  }

  .u-mx16 {
    margin-right: 16px;
    margin-left: 16px
  }

  .u-my16 {
    margin-top: 16px;
    margin-bottom: 16px
  }

  .u-pt16 {
    padding-top: 16px
  }

  .u-pr16 {
    padding-right: 16px
  }

  .u-pb16 {
    padding-bottom: 16px
  }

  .u-pl16 {
    padding-left: 16px
  }

  .u-pa16 {
    padding: 16px
  }

  .u-px16 {
    padding-right: 16px;
    padding-left: 16px
  }

  .u-py16 {
    padding-top: 16px;
    padding-bottom: 16px
  }

  .u-mt20 {
    margin-top: 20px
  }

  .u-mr20 {
    margin-right: 20px
  }

  .u-mb20 {
    margin-bottom: 20px
  }

  .u-ml20 {
    margin-left: 20px
  }

  .u-mx20 {
    margin-right: 20px;
    margin-left: 20px
  }

  .u-my20 {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .u-pt20 {
    padding-top: 20px
  }

  .u-pr20 {
    padding-right: 20px
  }

  .u-pb20 {
    padding-bottom: 20px
  }

  .u-pl20 {
    padding-left: 20px
  }

  .u-pa20 {
    padding: 20px
  }

  .u-px20 {
    padding-right: 20px;
    padding-left: 20px
  }

  .u-py20 {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .u-mt24 {
    margin-top: 24px
  }

  .u-mr24 {
    margin-right: 24px
  }

  .u-mb24 {
    margin-bottom: 24px
  }

  .u-ml24 {
    margin-left: 24px
  }

  .u-mx24 {
    margin-right: 24px;
    margin-left: 24px
  }

  .u-my24 {
    margin-top: 24px;
    margin-bottom: 24px
  }

  .u-pt24 {
    padding-top: 24px
  }

  .u-pr24 {
    padding-right: 24px
  }

  .u-pb24 {
    padding-bottom: 24px
  }

  .u-pl24 {
    padding-left: 24px
  }

  .u-pa24 {
    padding: 24px
  }

  .u-px24 {
    padding-right: 24px;
    padding-left: 24px
  }

  .u-py24 {
    padding-top: 24px;
    padding-bottom: 24px
  }

  .u-mt28 {
    margin-top: 28px
  }

  .u-mr28 {
    margin-right: 28px
  }

  .u-mb28 {
    margin-bottom: 28px
  }

  .u-ml28 {
    margin-left: 28px
  }

  .u-mx28 {
    margin-right: 28px;
    margin-left: 28px
  }

  .u-my28 {
    margin-top: 28px;
    margin-bottom: 28px
  }

  .u-pt28 {
    padding-top: 28px
  }

  .u-pr28 {
    padding-right: 28px
  }

  .u-pb28 {
    padding-bottom: 28px
  }

  .u-pl28 {
    padding-left: 28px
  }

  .u-pa28 {
    padding: 28px
  }

  .u-px28 {
    padding-right: 28px;
    padding-left: 28px
  }

  .u-py28 {
    padding-top: 28px;
    padding-bottom: 28px
  }

  .u-mt32 {
    margin-top: 32px
  }

  .u-mr32 {
    margin-right: 32px
  }

  .u-mb32 {
    margin-bottom: 32px
  }

  .u-ml32 {
    margin-left: 32px
  }

  .u-mx32 {
    margin-right: 32px;
    margin-left: 32px
  }

  .u-my32 {
    margin-top: 32px;
    margin-bottom: 32px
  }

  .u-pt32 {
    padding-top: 32px
  }

  .u-pr32 {
    padding-right: 32px
  }

  .u-pb32 {
    padding-bottom: 32px
  }

  .u-pl32 {
    padding-left: 32px
  }

  .u-pa32 {
    padding: 32px
  }

  .u-px32 {
    padding-right: 32px;
    padding-left: 32px
  }

  .u-py32 {
    padding-top: 32px;
    padding-bottom: 32px
  }

  .u-mt36 {
    margin-top: 36px
  }

  .u-mr36 {
    margin-right: 36px
  }

  .u-mb36 {
    margin-bottom: 36px
  }

  .u-ml36 {
    margin-left: 36px
  }

  .u-mx36 {
    margin-right: 36px;
    margin-left: 36px
  }

  .u-my36 {
    margin-top: 36px;
    margin-bottom: 36px
  }

  .u-pt36 {
    padding-top: 36px
  }

  .u-pr36 {
    padding-right: 36px
  }

  .u-pb36 {
    padding-bottom: 36px
  }

  .u-pl36 {
    padding-left: 36px
  }

  .u-pa36 {
    padding: 36px
  }

  .u-px36 {
    padding-right: 36px;
    padding-left: 36px
  }

  .u-py36 {
    padding-top: 36px;
    padding-bottom: 36px
  }

  .u-mt40 {
    margin-top: 40px
  }

  .u-mr40 {
    margin-right: 40px
  }

  .u-mb40 {
    margin-bottom: 40px
  }

  .u-ml40 {
    margin-left: 40px
  }

  .u-mx40 {
    margin-right: 40px;
    margin-left: 40px
  }

  .u-my40 {
    margin-top: 40px;
    margin-bottom: 40px
  }

  .u-pt40 {
    padding-top: 40px
  }

  .u-pr40 {
    padding-right: 40px
  }

  .u-pb40 {
    padding-bottom: 40px
  }

  .u-pl40 {
    padding-left: 40px
  }

  .u-pa40 {
    padding: 40px
  }

  .u-px40 {
    padding-right: 40px;
    padding-left: 40px
  }

  .u-py40 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .u-mt44 {
    margin-top: 44px
  }

  .u-mr44 {
    margin-right: 44px
  }

  .u-mb44 {
    margin-bottom: 44px
  }

  .u-ml44 {
    margin-left: 44px
  }

  .u-mx44 {
    margin-right: 44px;
    margin-left: 44px
  }

  .u-my44 {
    margin-top: 44px;
    margin-bottom: 44px
  }

  .u-pt44 {
    padding-top: 44px
  }

  .u-pr44 {
    padding-right: 44px
  }

  .u-pb44 {
    padding-bottom: 44px
  }

  .u-pl44 {
    padding-left: 44px
  }

  .u-pa44 {
    padding: 44px
  }

  .u-px44 {
    padding-right: 44px;
    padding-left: 44px
  }

  .u-py44 {
    padding-top: 44px;
    padding-bottom: 44px
  }

  .u-mt48 {
    margin-top: 48px
  }

  .u-mr48 {
    margin-right: 48px
  }

  .u-mb48 {
    margin-bottom: 48px
  }

  .u-ml48 {
    margin-left: 48px
  }

  .u-mx48 {
    margin-right: 48px;
    margin-left: 48px
  }

  .u-my48 {
    margin-top: 48px;
    margin-bottom: 48px
  }

  .u-pt48 {
    padding-top: 48px
  }

  .u-pr48 {
    padding-right: 48px
  }

  .u-pb48 {
    padding-bottom: 48px
  }

  .u-pl48 {
    padding-left: 48px
  }

  .u-pa48 {
    padding: 48px
  }

  .u-px48 {
    padding-right: 48px;
    padding-left: 48px
  }

  .u-py48 {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .u-mt52 {
    margin-top: 52px
  }

  .u-mr52 {
    margin-right: 52px
  }

  .u-mb52 {
    margin-bottom: 52px
  }

  .u-ml52 {
    margin-left: 52px
  }

  .u-mx52 {
    margin-right: 52px;
    margin-left: 52px
  }

  .u-my52 {
    margin-top: 52px;
    margin-bottom: 52px
  }

  .u-pt52 {
    padding-top: 52px
  }

  .u-pr52 {
    padding-right: 52px
  }

  .u-pb52 {
    padding-bottom: 52px
  }

  .u-pl52 {
    padding-left: 52px
  }

  .u-pa52 {
    padding: 52px
  }

  .u-px52 {
    padding-right: 52px;
    padding-left: 52px
  }

  .u-py52 {
    padding-top: 52px;
    padding-bottom: 52px
  }

  .u-mt56 {
    margin-top: 56px
  }

  .u-mr56 {
    margin-right: 56px
  }

  .u-mb56 {
    margin-bottom: 56px
  }

  .u-ml56 {
    margin-left: 56px
  }

  .u-mx56 {
    margin-right: 56px;
    margin-left: 56px
  }

  .u-my56 {
    margin-top: 56px;
    margin-bottom: 56px
  }

  .u-pt56 {
    padding-top: 56px
  }

  .u-pr56 {
    padding-right: 56px
  }

  .u-pb56 {
    padding-bottom: 56px
  }

  .u-pl56 {
    padding-left: 56px
  }

  .u-pa56 {
    padding: 56px
  }

  .u-px56 {
    padding-right: 56px;
    padding-left: 56px
  }

  .u-py56 {
    padding-top: 56px;
    padding-bottom: 56px
  }

  .u-mt60 {
    margin-top: 60px
  }

  .u-mr60 {
    margin-right: 60px
  }

  .u-mb60 {
    margin-bottom: 60px
  }

  .u-ml60 {
    margin-left: 60px
  }

  .u-mx60 {
    margin-right: 60px;
    margin-left: 60px
  }

  .u-my60 {
    margin-top: 60px;
    margin-bottom: 60px
  }

  .u-pt60 {
    padding-top: 60px
  }

  .u-pr60 {
    padding-right: 60px
  }

  .u-pb60 {
    padding-bottom: 60px
  }

  .u-pl60 {
    padding-left: 60px
  }

  .u-pa60 {
    padding: 60px
  }

  .u-px60 {
    padding-right: 60px;
    padding-left: 60px
  }

  .u-py60 {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .u-mt64 {
    margin-top: 64px
  }

  .u-mr64 {
    margin-right: 64px
  }

  .u-mb64 {
    margin-bottom: 64px
  }

  .u-ml64 {
    margin-left: 64px
  }

  .u-mx64 {
    margin-right: 64px;
    margin-left: 64px
  }

  .u-my64 {
    margin-top: 64px;
    margin-bottom: 64px
  }

  .u-pt64 {
    padding-top: 64px
  }

  .u-pr64 {
    padding-right: 64px
  }

  .u-pb64 {
    padding-bottom: 64px
  }

  .u-pl64 {
    padding-left: 64px
  }

  .u-pa64 {
    padding: 64px
  }

  .u-px64 {
    padding-right: 64px;
    padding-left: 64px
  }

  .u-py64 {
    padding-top: 64px;
    padding-bottom: 64px
  }

  .u-mt68 {
    margin-top: 68px
  }

  .u-mr68 {
    margin-right: 68px
  }

  .u-mb68 {
    margin-bottom: 68px
  }

  .u-ml68 {
    margin-left: 68px
  }

  .u-mx68 {
    margin-right: 68px;
    margin-left: 68px
  }

  .u-my68 {
    margin-top: 68px;
    margin-bottom: 68px
  }

  .u-pt68 {
    padding-top: 68px
  }

  .u-pr68 {
    padding-right: 68px
  }

  .u-pb68 {
    padding-bottom: 68px
  }

  .u-pl68 {
    padding-left: 68px
  }

  .u-pa68 {
    padding: 68px
  }

  .u-px68 {
    padding-right: 68px;
    padding-left: 68px
  }

  .u-py68 {
    padding-top: 68px;
    padding-bottom: 68px
  }

  .u-mt72 {
    margin-top: 72px
  }

  .u-mr72 {
    margin-right: 72px
  }

  .u-mb72 {
    margin-bottom: 72px
  }

  .u-ml72 {
    margin-left: 72px
  }

  .u-mx72 {
    margin-right: 72px;
    margin-left: 72px
  }

  .u-my72 {
    margin-top: 72px;
    margin-bottom: 72px
  }

  .u-pt72 {
    padding-top: 72px
  }

  .u-pr72 {
    padding-right: 72px
  }

  .u-pb72 {
    padding-bottom: 72px
  }

  .u-pl72 {
    padding-left: 72px
  }

  .u-pa72 {
    padding: 72px
  }

  .u-px72 {
    padding-right: 72px;
    padding-left: 72px
  }

  .u-py72 {
    padding-top: 72px;
    padding-bottom: 72px
  }

  .u-mt76 {
    margin-top: 76px
  }

  .u-mr76 {
    margin-right: 76px
  }

  .u-mb76 {
    margin-bottom: 76px
  }

  .u-ml76 {
    margin-left: 76px
  }

  .u-mx76 {
    margin-right: 76px;
    margin-left: 76px
  }

  .u-my76 {
    margin-top: 76px;
    margin-bottom: 76px
  }

  .u-pt76 {
    padding-top: 76px
  }

  .u-pr76 {
    padding-right: 76px
  }

  .u-pb76 {
    padding-bottom: 76px
  }

  .u-pl76 {
    padding-left: 76px
  }

  .u-pa76 {
    padding: 76px
  }

  .u-px76 {
    padding-right: 76px;
    padding-left: 76px
  }

  .u-py76 {
    padding-top: 76px;
    padding-bottom: 76px
  }

  .u-mt80 {
    margin-top: 80px
  }

  .u-mr80 {
    margin-right: 80px
  }

  .u-mb80 {
    margin-bottom: 80px
  }

  .u-ml80 {
    margin-left: 80px
  }

  .u-mx80 {
    margin-right: 80px;
    margin-left: 80px
  }

  .u-my80 {
    margin-top: 80px;
    margin-bottom: 80px
  }

  .u-pt80 {
    padding-top: 80px
  }

  .u-pr80 {
    padding-right: 80px
  }

  .u-pb80 {
    padding-bottom: 80px
  }

  .u-pl80 {
    padding-left: 80px
  }

  .u-pa80 {
    padding: 80px
  }

  .u-px80 {
    padding-right: 80px;
    padding-left: 80px
  }

  .u-py80 {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .u-mt84 {
    margin-top: 84px
  }

  .u-mr84 {
    margin-right: 84px
  }

  .u-mb84 {
    margin-bottom: 84px
  }

  .u-ml84 {
    margin-left: 84px
  }

  .u-mx84 {
    margin-right: 84px;
    margin-left: 84px
  }

  .u-my84 {
    margin-top: 84px;
    margin-bottom: 84px
  }

  .u-pt84 {
    padding-top: 84px
  }

  .u-pr84 {
    padding-right: 84px
  }

  .u-pb84 {
    padding-bottom: 84px
  }

  .u-pl84 {
    padding-left: 84px
  }

  .u-pa84 {
    padding: 84px
  }

  .u-px84 {
    padding-right: 84px;
    padding-left: 84px
  }

  .u-py84 {
    padding-top: 84px;
    padding-bottom: 84px
  }

  .u-mt88 {
    margin-top: 88px
  }

  .u-mr88 {
    margin-right: 88px
  }

  .u-mb88 {
    margin-bottom: 88px
  }

  .u-ml88 {
    margin-left: 88px
  }

  .u-mx88 {
    margin-right: 88px;
    margin-left: 88px
  }

  .u-my88 {
    margin-top: 88px;
    margin-bottom: 88px
  }

  .u-pt88 {
    padding-top: 88px
  }

  .u-pr88 {
    padding-right: 88px
  }

  .u-pb88 {
    padding-bottom: 88px
  }

  .u-pl88 {
    padding-left: 88px
  }

  .u-pa88 {
    padding: 88px
  }

  .u-px88 {
    padding-right: 88px;
    padding-left: 88px
  }

  .u-py88 {
    padding-top: 88px;
    padding-bottom: 88px
  }

  .u-mt92 {
    margin-top: 92px
  }

  .u-mr92 {
    margin-right: 92px
  }

  .u-mb92 {
    margin-bottom: 92px
  }

  .u-ml92 {
    margin-left: 92px
  }

  .u-mx92 {
    margin-right: 92px;
    margin-left: 92px
  }

  .u-my92 {
    margin-top: 92px;
    margin-bottom: 92px
  }

  .u-pt92 {
    padding-top: 92px
  }

  .u-pr92 {
    padding-right: 92px
  }

  .u-pb92 {
    padding-bottom: 92px
  }

  .u-pl92 {
    padding-left: 92px
  }

  .u-pa92 {
    padding: 92px
  }

  .u-px92 {
    padding-right: 92px;
    padding-left: 92px
  }

  .u-py92 {
    padding-top: 92px;
    padding-bottom: 92px
  }

  .u-mt96 {
    margin-top: 96px
  }

  .u-mr96 {
    margin-right: 96px
  }

  .u-mb96 {
    margin-bottom: 96px
  }

  .u-ml96 {
    margin-left: 96px
  }

  .u-mx96 {
    margin-right: 96px;
    margin-left: 96px
  }

  .u-my96 {
    margin-top: 96px;
    margin-bottom: 96px
  }

  .u-pt96 {
    padding-top: 96px
  }

  .u-pr96 {
    padding-right: 96px
  }

  .u-pb96 {
    padding-bottom: 96px
  }

  .u-pl96 {
    padding-left: 96px
  }

  .u-pa96 {
    padding: 96px
  }

  .u-px96 {
    padding-right: 96px;
    padding-left: 96px
  }

  .u-py96 {
    padding-top: 96px;
    padding-bottom: 96px
  }

  .u-mt100 {
    margin-top: 100px
  }

  .u-mr100 {
    margin-right: 100px
  }

  .u-mb100 {
    margin-bottom: 100px
  }

  .u-ml100 {
    margin-left: 100px
  }

  .u-mx100 {
    margin-right: 100px;
    margin-left: 100px
  }

  .u-my100 {
    margin-top: 100px;
    margin-bottom: 100px
  }

  .u-pt100 {
    padding-top: 100px
  }

  .u-pr100 {
    padding-right: 100px
  }

  .u-pb100 {
    padding-bottom: 100px
  }

  .u-pl100 {
    padding-left: 100px
  }

  .u-pa100 {
    padding: 100px
  }

  .u-px100 {
    padding-right: 100px;
    padding-left: 100px
  }

  .u-py100 {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .u-mt104 {
    margin-top: 104px
  }

  .u-mr104 {
    margin-right: 104px
  }

  .u-mb104 {
    margin-bottom: 104px
  }

  .u-ml104 {
    margin-left: 104px
  }

  .u-mx104 {
    margin-right: 104px;
    margin-left: 104px
  }

  .u-my104 {
    margin-top: 104px;
    margin-bottom: 104px
  }

  .u-pt104 {
    padding-top: 104px
  }

  .u-pr104 {
    padding-right: 104px
  }

  .u-pb104 {
    padding-bottom: 104px
  }

  .u-pl104 {
    padding-left: 104px
  }

  .u-pa104 {
    padding: 104px
  }

  .u-px104 {
    padding-right: 104px;
    padding-left: 104px
  }

  .u-py104 {
    padding-top: 104px;
    padding-bottom: 104px
  }

  .u-mt108 {
    margin-top: 108px
  }

  .u-mr108 {
    margin-right: 108px
  }

  .u-mb108 {
    margin-bottom: 108px
  }

  .u-ml108 {
    margin-left: 108px
  }

  .u-mx108 {
    margin-right: 108px;
    margin-left: 108px
  }

  .u-my108 {
    margin-top: 108px;
    margin-bottom: 108px
  }

  .u-pt108 {
    padding-top: 108px
  }

  .u-pr108 {
    padding-right: 108px
  }

  .u-pb108 {
    padding-bottom: 108px
  }

  .u-pl108 {
    padding-left: 108px
  }

  .u-pa108 {
    padding: 108px
  }

  .u-px108 {
    padding-right: 108px;
    padding-left: 108px
  }

  .u-py108 {
    padding-top: 108px;
    padding-bottom: 108px
  }

  .u-mt112 {
    margin-top: 112px
  }

  .u-mr112 {
    margin-right: 112px
  }

  .u-mb112 {
    margin-bottom: 112px
  }

  .u-ml112 {
    margin-left: 112px
  }

  .u-mx112 {
    margin-right: 112px;
    margin-left: 112px
  }

  .u-my112 {
    margin-top: 112px;
    margin-bottom: 112px
  }

  .u-pt112 {
    padding-top: 112px
  }

  .u-pr112 {
    padding-right: 112px
  }

  .u-pb112 {
    padding-bottom: 112px
  }

  .u-pl112 {
    padding-left: 112px
  }

  .u-pa112 {
    padding: 112px
  }

  .u-px112 {
    padding-right: 112px;
    padding-left: 112px
  }

  .u-py112 {
    padding-top: 112px;
    padding-bottom: 112px
  }

  .u-mt116 {
    margin-top: 116px
  }

  .u-mr116 {
    margin-right: 116px
  }

  .u-mb116 {
    margin-bottom: 116px
  }

  .u-ml116 {
    margin-left: 116px
  }

  .u-mx116 {
    margin-right: 116px;
    margin-left: 116px
  }

  .u-my116 {
    margin-top: 116px;
    margin-bottom: 116px
  }

  .u-pt116 {
    padding-top: 116px
  }

  .u-pr116 {
    padding-right: 116px
  }

  .u-pb116 {
    padding-bottom: 116px
  }

  .u-pl116 {
    padding-left: 116px
  }

  .u-pa116 {
    padding: 116px
  }

  .u-px116 {
    padding-right: 116px;
    padding-left: 116px
  }

  .u-py116 {
    padding-top: 116px;
    padding-bottom: 116px
  }

  .u-mt120 {
    margin-top: 120px
  }

  .u-mr120 {
    margin-right: 120px
  }

  .u-mb120 {
    margin-bottom: 120px
  }

  .u-ml120 {
    margin-left: 120px
  }

  .u-mx120 {
    margin-right: 120px;
    margin-left: 120px
  }

  .u-my120 {
    margin-top: 120px;
    margin-bottom: 120px
  }

  .u-pt120 {
    padding-top: 120px
  }

  .u-pr120 {
    padding-right: 120px
  }

  .u-pb120 {
    padding-bottom: 120px
  }

  .u-pl120 {
    padding-left: 120px
  }

  .u-pa120 {
    padding: 120px
  }

  .u-px120 {
    padding-right: 120px;
    padding-left: 120px
  }

  .u-py120 {
    padding-top: 120px;
    padding-bottom: 120px
  }

  @media(width <=768px) {
    .u-mt0sp {
      margin-top: 0px
    }

    .u-mr0sp {
      margin-right: 0px
    }

    .u-mb0sp {
      margin-bottom: 0px
    }

    .u-ml0sp {
      margin-left: 0px
    }

    .u-mx0sp {
      margin-right: 0px;
      margin-left: 0px
    }

    .u-my0sp {
      margin-top: 0px;
      margin-bottom: 0px
    }

    .u-pt0sp {
      padding-top: 0px
    }

    .u-pr0sp {
      padding-right: 0px
    }

    .u-pb0sp {
      padding-bottom: 0px
    }

    .u-pl0sp {
      padding-left: 0px
    }

    .u-pa0sp {
      padding: 0px
    }

    .u-px0sp {
      padding-right: 0px;
      padding-left: 0px
    }

    .u-py0sp {
      padding-top: 0px;
      padding-bottom: 0px
    }

    .u-mt4sp {
      margin-top: 4px
    }

    .u-mr4sp {
      margin-right: 4px
    }

    .u-mb4sp {
      margin-bottom: 4px
    }

    .u-ml4sp {
      margin-left: 4px
    }

    .u-mx4sp {
      margin-right: 4px;
      margin-left: 4px
    }

    .u-my4sp {
      margin-top: 4px;
      margin-bottom: 4px
    }

    .u-pt4sp {
      padding-top: 4px
    }

    .u-pr4sp {
      padding-right: 4px
    }

    .u-pb4sp {
      padding-bottom: 4px
    }

    .u-pl4sp {
      padding-left: 4px
    }

    .u-pa4sp {
      padding: 4px
    }

    .u-px4sp {
      padding-right: 4px;
      padding-left: 4px
    }

    .u-py4sp {
      padding-top: 4px;
      padding-bottom: 4px
    }

    .u-mt8sp {
      margin-top: 8px
    }

    .u-mr8sp {
      margin-right: 8px
    }

    .u-mb8sp {
      margin-bottom: 8px
    }

    .u-ml8sp {
      margin-left: 8px
    }

    .u-mx8sp {
      margin-right: 8px;
      margin-left: 8px
    }

    .u-my8sp {
      margin-top: 8px;
      margin-bottom: 8px
    }

    .u-pt8sp {
      padding-top: 8px
    }

    .u-pr8sp {
      padding-right: 8px
    }

    .u-pb8sp {
      padding-bottom: 8px
    }

    .u-pl8sp {
      padding-left: 8px
    }

    .u-pa8sp {
      padding: 8px
    }

    .u-px8sp {
      padding-right: 8px;
      padding-left: 8px
    }

    .u-py8sp {
      padding-top: 8px;
      padding-bottom: 8px
    }

    .u-mt12sp {
      margin-top: 12px
    }

    .u-mr12sp {
      margin-right: 12px
    }

    .u-mb12sp {
      margin-bottom: 12px
    }

    .u-ml12sp {
      margin-left: 12px
    }

    .u-mx12sp {
      margin-right: 12px;
      margin-left: 12px
    }

    .u-my12sp {
      margin-top: 12px;
      margin-bottom: 12px
    }

    .u-pt12sp {
      padding-top: 12px
    }

    .u-pr12sp {
      padding-right: 12px
    }

    .u-pb12sp {
      padding-bottom: 12px
    }

    .u-pl12sp {
      padding-left: 12px
    }

    .u-pa12sp {
      padding: 12px
    }

    .u-px12sp {
      padding-right: 12px;
      padding-left: 12px
    }

    .u-py12sp {
      padding-top: 12px;
      padding-bottom: 12px
    }

    .u-mt16sp {
      margin-top: 16px
    }

    .u-mr16sp {
      margin-right: 16px
    }

    .u-mb16sp {
      margin-bottom: 16px
    }

    .u-ml16sp {
      margin-left: 16px
    }

    .u-mx16sp {
      margin-right: 16px;
      margin-left: 16px
    }

    .u-my16sp {
      margin-top: 16px;
      margin-bottom: 16px
    }

    .u-pt16sp {
      padding-top: 16px
    }

    .u-pr16sp {
      padding-right: 16px
    }

    .u-pb16sp {
      padding-bottom: 16px
    }

    .u-pl16sp {
      padding-left: 16px
    }

    .u-pa16sp {
      padding: 16px
    }

    .u-px16sp {
      padding-right: 16px;
      padding-left: 16px
    }

    .u-py16sp {
      padding-top: 16px;
      padding-bottom: 16px
    }

    .u-mt20sp {
      margin-top: 20px
    }

    .u-mr20sp {
      margin-right: 20px
    }

    .u-mb20sp {
      margin-bottom: 20px
    }

    .u-ml20sp {
      margin-left: 20px
    }

    .u-mx20sp {
      margin-right: 20px;
      margin-left: 20px
    }

    .u-my20sp {
      margin-top: 20px;
      margin-bottom: 20px
    }

    .u-pt20sp {
      padding-top: 20px
    }

    .u-pr20sp {
      padding-right: 20px
    }

    .u-pb20sp {
      padding-bottom: 20px
    }

    .u-pl20sp {
      padding-left: 20px
    }

    .u-pa20sp {
      padding: 20px
    }

    .u-px20sp {
      padding-right: 20px;
      padding-left: 20px
    }

    .u-py20sp {
      padding-top: 20px;
      padding-bottom: 20px
    }

    .u-mt24sp {
      margin-top: 24px
    }

    .u-mr24sp {
      margin-right: 24px
    }

    .u-mb24sp {
      margin-bottom: 24px
    }

    .u-ml24sp {
      margin-left: 24px
    }

    .u-mx24sp {
      margin-right: 24px;
      margin-left: 24px
    }

    .u-my24sp {
      margin-top: 24px;
      margin-bottom: 24px
    }

    .u-pt24sp {
      padding-top: 24px
    }

    .u-pr24sp {
      padding-right: 24px
    }

    .u-pb24sp {
      padding-bottom: 24px
    }

    .u-pl24sp {
      padding-left: 24px
    }

    .u-pa24sp {
      padding: 24px
    }

    .u-px24sp {
      padding-right: 24px;
      padding-left: 24px
    }

    .u-py24sp {
      padding-top: 24px;
      padding-bottom: 24px
    }

    .u-mt28sp {
      margin-top: 28px
    }

    .u-mr28sp {
      margin-right: 28px
    }

    .u-mb28sp {
      margin-bottom: 28px
    }

    .u-ml28sp {
      margin-left: 28px
    }

    .u-mx28sp {
      margin-right: 28px;
      margin-left: 28px
    }

    .u-my28sp {
      margin-top: 28px;
      margin-bottom: 28px
    }

    .u-pt28sp {
      padding-top: 28px
    }

    .u-pr28sp {
      padding-right: 28px
    }

    .u-pb28sp {
      padding-bottom: 28px
    }

    .u-pl28sp {
      padding-left: 28px
    }

    .u-pa28sp {
      padding: 28px
    }

    .u-px28sp {
      padding-right: 28px;
      padding-left: 28px
    }

    .u-py28sp {
      padding-top: 28px;
      padding-bottom: 28px
    }

    .u-mt32sp {
      margin-top: 32px
    }

    .u-mr32sp {
      margin-right: 32px
    }

    .u-mb32sp {
      margin-bottom: 32px
    }

    .u-ml32sp {
      margin-left: 32px
    }

    .u-mx32sp {
      margin-right: 32px;
      margin-left: 32px
    }

    .u-my32sp {
      margin-top: 32px;
      margin-bottom: 32px
    }

    .u-pt32sp {
      padding-top: 32px
    }

    .u-pr32sp {
      padding-right: 32px
    }

    .u-pb32sp {
      padding-bottom: 32px
    }

    .u-pl32sp {
      padding-left: 32px
    }

    .u-pa32sp {
      padding: 32px
    }

    .u-px32sp {
      padding-right: 32px;
      padding-left: 32px
    }

    .u-py32sp {
      padding-top: 32px;
      padding-bottom: 32px
    }

    .u-mt36sp {
      margin-top: 36px
    }

    .u-mr36sp {
      margin-right: 36px
    }

    .u-mb36sp {
      margin-bottom: 36px
    }

    .u-ml36sp {
      margin-left: 36px
    }

    .u-mx36sp {
      margin-right: 36px;
      margin-left: 36px
    }

    .u-my36sp {
      margin-top: 36px;
      margin-bottom: 36px
    }

    .u-pt36sp {
      padding-top: 36px
    }

    .u-pr36sp {
      padding-right: 36px
    }

    .u-pb36sp {
      padding-bottom: 36px
    }

    .u-pl36sp {
      padding-left: 36px
    }

    .u-pa36sp {
      padding: 36px
    }

    .u-px36sp {
      padding-right: 36px;
      padding-left: 36px
    }

    .u-py36sp {
      padding-top: 36px;
      padding-bottom: 36px
    }

    .u-mt40sp {
      margin-top: 40px
    }

    .u-mr40sp {
      margin-right: 40px
    }

    .u-mb40sp {
      margin-bottom: 40px
    }

    .u-ml40sp {
      margin-left: 40px
    }

    .u-mx40sp {
      margin-right: 40px;
      margin-left: 40px
    }

    .u-my40sp {
      margin-top: 40px;
      margin-bottom: 40px
    }

    .u-pt40sp {
      padding-top: 40px
    }

    .u-pr40sp {
      padding-right: 40px
    }

    .u-pb40sp {
      padding-bottom: 40px
    }

    .u-pl40sp {
      padding-left: 40px
    }

    .u-pa40sp {
      padding: 40px
    }

    .u-px40sp {
      padding-right: 40px;
      padding-left: 40px
    }

    .u-py40sp {
      padding-top: 40px;
      padding-bottom: 40px
    }

    .u-mt44sp {
      margin-top: 44px
    }

    .u-mr44sp {
      margin-right: 44px
    }

    .u-mb44sp {
      margin-bottom: 44px
    }

    .u-ml44sp {
      margin-left: 44px
    }

    .u-mx44sp {
      margin-right: 44px;
      margin-left: 44px
    }

    .u-my44sp {
      margin-top: 44px;
      margin-bottom: 44px
    }

    .u-pt44sp {
      padding-top: 44px
    }

    .u-pr44sp {
      padding-right: 44px
    }

    .u-pb44sp {
      padding-bottom: 44px
    }

    .u-pl44sp {
      padding-left: 44px
    }

    .u-pa44sp {
      padding: 44px
    }

    .u-px44sp {
      padding-right: 44px;
      padding-left: 44px
    }

    .u-py44sp {
      padding-top: 44px;
      padding-bottom: 44px
    }

    .u-mt48sp {
      margin-top: 48px
    }

    .u-mr48sp {
      margin-right: 48px
    }

    .u-mb48sp {
      margin-bottom: 48px
    }

    .u-ml48sp {
      margin-left: 48px
    }

    .u-mx48sp {
      margin-right: 48px;
      margin-left: 48px
    }

    .u-my48sp {
      margin-top: 48px;
      margin-bottom: 48px
    }

    .u-pt48sp {
      padding-top: 48px
    }

    .u-pr48sp {
      padding-right: 48px
    }

    .u-pb48sp {
      padding-bottom: 48px
    }

    .u-pl48sp {
      padding-left: 48px
    }

    .u-pa48sp {
      padding: 48px
    }

    .u-px48sp {
      padding-right: 48px;
      padding-left: 48px
    }

    .u-py48sp {
      padding-top: 48px;
      padding-bottom: 48px
    }

    .u-mt52sp {
      margin-top: 52px
    }

    .u-mr52sp {
      margin-right: 52px
    }

    .u-mb52sp {
      margin-bottom: 52px
    }

    .u-ml52sp {
      margin-left: 52px
    }

    .u-mx52sp {
      margin-right: 52px;
      margin-left: 52px
    }

    .u-my52sp {
      margin-top: 52px;
      margin-bottom: 52px
    }

    .u-pt52sp {
      padding-top: 52px
    }

    .u-pr52sp {
      padding-right: 52px
    }

    .u-pb52sp {
      padding-bottom: 52px
    }

    .u-pl52sp {
      padding-left: 52px
    }

    .u-pa52sp {
      padding: 52px
    }

    .u-px52sp {
      padding-right: 52px;
      padding-left: 52px
    }

    .u-py52sp {
      padding-top: 52px;
      padding-bottom: 52px
    }

    .u-mt56sp {
      margin-top: 56px
    }

    .u-mr56sp {
      margin-right: 56px
    }

    .u-mb56sp {
      margin-bottom: 56px
    }

    .u-ml56sp {
      margin-left: 56px
    }

    .u-mx56sp {
      margin-right: 56px;
      margin-left: 56px
    }

    .u-my56sp {
      margin-top: 56px;
      margin-bottom: 56px
    }

    .u-pt56sp {
      padding-top: 56px
    }

    .u-pr56sp {
      padding-right: 56px
    }

    .u-pb56sp {
      padding-bottom: 56px
    }

    .u-pl56sp {
      padding-left: 56px
    }

    .u-pa56sp {
      padding: 56px
    }

    .u-px56sp {
      padding-right: 56px;
      padding-left: 56px
    }

    .u-py56sp {
      padding-top: 56px;
      padding-bottom: 56px
    }

    .u-mt60sp {
      margin-top: 60px
    }

    .u-mr60sp {
      margin-right: 60px
    }

    .u-mb60sp {
      margin-bottom: 60px
    }

    .u-ml60sp {
      margin-left: 60px
    }

    .u-mx60sp {
      margin-right: 60px;
      margin-left: 60px
    }

    .u-my60sp {
      margin-top: 60px;
      margin-bottom: 60px
    }

    .u-pt60sp {
      padding-top: 60px
    }

    .u-pr60sp {
      padding-right: 60px
    }

    .u-pb60sp {
      padding-bottom: 60px
    }

    .u-pl60sp {
      padding-left: 60px
    }

    .u-pa60sp {
      padding: 60px
    }

    .u-px60sp {
      padding-right: 60px;
      padding-left: 60px
    }

    .u-py60sp {
      padding-top: 60px;
      padding-bottom: 60px
    }

    .u-mt64sp {
      margin-top: 64px
    }

    .u-mr64sp {
      margin-right: 64px
    }

    .u-mb64sp {
      margin-bottom: 64px
    }

    .u-ml64sp {
      margin-left: 64px
    }

    .u-mx64sp {
      margin-right: 64px;
      margin-left: 64px
    }

    .u-my64sp {
      margin-top: 64px;
      margin-bottom: 64px
    }

    .u-pt64sp {
      padding-top: 64px
    }

    .u-pr64sp {
      padding-right: 64px
    }

    .u-pb64sp {
      padding-bottom: 64px
    }

    .u-pl64sp {
      padding-left: 64px
    }

    .u-pa64sp {
      padding: 64px
    }

    .u-px64sp {
      padding-right: 64px;
      padding-left: 64px
    }

    .u-py64sp {
      padding-top: 64px;
      padding-bottom: 64px
    }

    .u-mt68sp {
      margin-top: 68px
    }

    .u-mr68sp {
      margin-right: 68px
    }

    .u-mb68sp {
      margin-bottom: 68px
    }

    .u-ml68sp {
      margin-left: 68px
    }

    .u-mx68sp {
      margin-right: 68px;
      margin-left: 68px
    }

    .u-my68sp {
      margin-top: 68px;
      margin-bottom: 68px
    }

    .u-pt68sp {
      padding-top: 68px
    }

    .u-pr68sp {
      padding-right: 68px
    }

    .u-pb68sp {
      padding-bottom: 68px
    }

    .u-pl68sp {
      padding-left: 68px
    }

    .u-pa68sp {
      padding: 68px
    }

    .u-px68sp {
      padding-right: 68px;
      padding-left: 68px
    }

    .u-py68sp {
      padding-top: 68px;
      padding-bottom: 68px
    }

    .u-mt72sp {
      margin-top: 72px
    }

    .u-mr72sp {
      margin-right: 72px
    }

    .u-mb72sp {
      margin-bottom: 72px
    }

    .u-ml72sp {
      margin-left: 72px
    }

    .u-mx72sp {
      margin-right: 72px;
      margin-left: 72px
    }

    .u-my72sp {
      margin-top: 72px;
      margin-bottom: 72px
    }

    .u-pt72sp {
      padding-top: 72px
    }

    .u-pr72sp {
      padding-right: 72px
    }

    .u-pb72sp {
      padding-bottom: 72px
    }

    .u-pl72sp {
      padding-left: 72px
    }

    .u-pa72sp {
      padding: 72px
    }

    .u-px72sp {
      padding-right: 72px;
      padding-left: 72px
    }

    .u-py72sp {
      padding-top: 72px;
      padding-bottom: 72px
    }

    .u-mt76sp {
      margin-top: 76px
    }

    .u-mr76sp {
      margin-right: 76px
    }

    .u-mb76sp {
      margin-bottom: 76px
    }

    .u-ml76sp {
      margin-left: 76px
    }

    .u-mx76sp {
      margin-right: 76px;
      margin-left: 76px
    }

    .u-my76sp {
      margin-top: 76px;
      margin-bottom: 76px
    }

    .u-pt76sp {
      padding-top: 76px
    }

    .u-pr76sp {
      padding-right: 76px
    }

    .u-pb76sp {
      padding-bottom: 76px
    }

    .u-pl76sp {
      padding-left: 76px
    }

    .u-pa76sp {
      padding: 76px
    }

    .u-px76sp {
      padding-right: 76px;
      padding-left: 76px
    }

    .u-py76sp {
      padding-top: 76px;
      padding-bottom: 76px
    }

    .u-mt80sp {
      margin-top: 80px
    }

    .u-mr80sp {
      margin-right: 80px
    }

    .u-mb80sp {
      margin-bottom: 80px
    }

    .u-ml80sp {
      margin-left: 80px
    }

    .u-mx80sp {
      margin-right: 80px;
      margin-left: 80px
    }

    .u-my80sp {
      margin-top: 80px;
      margin-bottom: 80px
    }

    .u-pt80sp {
      padding-top: 80px
    }

    .u-pr80sp {
      padding-right: 80px
    }

    .u-pb80sp {
      padding-bottom: 80px
    }

    .u-pl80sp {
      padding-left: 80px
    }

    .u-pa80sp {
      padding: 80px
    }

    .u-px80sp {
      padding-right: 80px;
      padding-left: 80px
    }

    .u-py80sp {
      padding-top: 80px;
      padding-bottom: 80px
    }

    .u-mt84sp {
      margin-top: 84px
    }

    .u-mr84sp {
      margin-right: 84px
    }

    .u-mb84sp {
      margin-bottom: 84px
    }

    .u-ml84sp {
      margin-left: 84px
    }

    .u-mx84sp {
      margin-right: 84px;
      margin-left: 84px
    }

    .u-my84sp {
      margin-top: 84px;
      margin-bottom: 84px
    }

    .u-pt84sp {
      padding-top: 84px
    }

    .u-pr84sp {
      padding-right: 84px
    }

    .u-pb84sp {
      padding-bottom: 84px
    }

    .u-pl84sp {
      padding-left: 84px
    }

    .u-pa84sp {
      padding: 84px
    }

    .u-px84sp {
      padding-right: 84px;
      padding-left: 84px
    }

    .u-py84sp {
      padding-top: 84px;
      padding-bottom: 84px
    }

    .u-mt88sp {
      margin-top: 88px
    }

    .u-mr88sp {
      margin-right: 88px
    }

    .u-mb88sp {
      margin-bottom: 88px
    }

    .u-ml88sp {
      margin-left: 88px
    }

    .u-mx88sp {
      margin-right: 88px;
      margin-left: 88px
    }

    .u-my88sp {
      margin-top: 88px;
      margin-bottom: 88px
    }

    .u-pt88sp {
      padding-top: 88px
    }

    .u-pr88sp {
      padding-right: 88px
    }

    .u-pb88sp {
      padding-bottom: 88px
    }

    .u-pl88sp {
      padding-left: 88px
    }

    .u-pa88sp {
      padding: 88px
    }

    .u-px88sp {
      padding-right: 88px;
      padding-left: 88px
    }

    .u-py88sp {
      padding-top: 88px;
      padding-bottom: 88px
    }

    .u-mt92sp {
      margin-top: 92px
    }

    .u-mr92sp {
      margin-right: 92px
    }

    .u-mb92sp {
      margin-bottom: 92px
    }

    .u-ml92sp {
      margin-left: 92px
    }

    .u-mx92sp {
      margin-right: 92px;
      margin-left: 92px
    }

    .u-my92sp {
      margin-top: 92px;
      margin-bottom: 92px
    }

    .u-pt92sp {
      padding-top: 92px
    }

    .u-pr92sp {
      padding-right: 92px
    }

    .u-pb92sp {
      padding-bottom: 92px
    }

    .u-pl92sp {
      padding-left: 92px
    }

    .u-pa92sp {
      padding: 92px
    }

    .u-px92sp {
      padding-right: 92px;
      padding-left: 92px
    }

    .u-py92sp {
      padding-top: 92px;
      padding-bottom: 92px
    }

    .u-mt96sp {
      margin-top: 96px
    }

    .u-mr96sp {
      margin-right: 96px
    }

    .u-mb96sp {
      margin-bottom: 96px
    }

    .u-ml96sp {
      margin-left: 96px
    }

    .u-mx96sp {
      margin-right: 96px;
      margin-left: 96px
    }

    .u-my96sp {
      margin-top: 96px;
      margin-bottom: 96px
    }

    .u-pt96sp {
      padding-top: 96px
    }

    .u-pr96sp {
      padding-right: 96px
    }

    .u-pb96sp {
      padding-bottom: 96px
    }

    .u-pl96sp {
      padding-left: 96px
    }

    .u-pa96sp {
      padding: 96px
    }

    .u-px96sp {
      padding-right: 96px;
      padding-left: 96px
    }

    .u-py96sp {
      padding-top: 96px;
      padding-bottom: 96px
    }

    .u-mt100sp {
      margin-top: 100px
    }

    .u-mr100sp {
      margin-right: 100px
    }

    .u-mb100sp {
      margin-bottom: 100px
    }

    .u-ml100sp {
      margin-left: 100px
    }

    .u-mx100sp {
      margin-right: 100px;
      margin-left: 100px
    }

    .u-my100sp {
      margin-top: 100px;
      margin-bottom: 100px
    }

    .u-pt100sp {
      padding-top: 100px
    }

    .u-pr100sp {
      padding-right: 100px
    }

    .u-pb100sp {
      padding-bottom: 100px
    }

    .u-pl100sp {
      padding-left: 100px
    }

    .u-pa100sp {
      padding: 100px
    }

    .u-px100sp {
      padding-right: 100px;
      padding-left: 100px
    }

    .u-py100sp {
      padding-top: 100px;
      padding-bottom: 100px
    }

    .u-mt104sp {
      margin-top: 104px
    }

    .u-mr104sp {
      margin-right: 104px
    }

    .u-mb104sp {
      margin-bottom: 104px
    }

    .u-ml104sp {
      margin-left: 104px
    }

    .u-mx104sp {
      margin-right: 104px;
      margin-left: 104px
    }

    .u-my104sp {
      margin-top: 104px;
      margin-bottom: 104px
    }

    .u-pt104sp {
      padding-top: 104px
    }

    .u-pr104sp {
      padding-right: 104px
    }

    .u-pb104sp {
      padding-bottom: 104px
    }

    .u-pl104sp {
      padding-left: 104px
    }

    .u-pa104sp {
      padding: 104px
    }

    .u-px104sp {
      padding-right: 104px;
      padding-left: 104px
    }

    .u-py104sp {
      padding-top: 104px;
      padding-bottom: 104px
    }

    .u-mt108sp {
      margin-top: 108px
    }

    .u-mr108sp {
      margin-right: 108px
    }

    .u-mb108sp {
      margin-bottom: 108px
    }

    .u-ml108sp {
      margin-left: 108px
    }

    .u-mx108sp {
      margin-right: 108px;
      margin-left: 108px
    }

    .u-my108sp {
      margin-top: 108px;
      margin-bottom: 108px
    }

    .u-pt108sp {
      padding-top: 108px
    }

    .u-pr108sp {
      padding-right: 108px
    }

    .u-pb108sp {
      padding-bottom: 108px
    }

    .u-pl108sp {
      padding-left: 108px
    }

    .u-pa108sp {
      padding: 108px
    }

    .u-px108sp {
      padding-right: 108px;
      padding-left: 108px
    }

    .u-py108sp {
      padding-top: 108px;
      padding-bottom: 108px
    }

    .u-mt112sp {
      margin-top: 112px
    }

    .u-mr112sp {
      margin-right: 112px
    }

    .u-mb112sp {
      margin-bottom: 112px
    }

    .u-ml112sp {
      margin-left: 112px
    }

    .u-mx112sp {
      margin-right: 112px;
      margin-left: 112px
    }

    .u-my112sp {
      margin-top: 112px;
      margin-bottom: 112px
    }

    .u-pt112sp {
      padding-top: 112px
    }

    .u-pr112sp {
      padding-right: 112px
    }

    .u-pb112sp {
      padding-bottom: 112px
    }

    .u-pl112sp {
      padding-left: 112px
    }

    .u-pa112sp {
      padding: 112px
    }

    .u-px112sp {
      padding-right: 112px;
      padding-left: 112px
    }

    .u-py112sp {
      padding-top: 112px;
      padding-bottom: 112px
    }

    .u-mt116sp {
      margin-top: 116px
    }

    .u-mr116sp {
      margin-right: 116px
    }

    .u-mb116sp {
      margin-bottom: 116px
    }

    .u-ml116sp {
      margin-left: 116px
    }

    .u-mx116sp {
      margin-right: 116px;
      margin-left: 116px
    }

    .u-my116sp {
      margin-top: 116px;
      margin-bottom: 116px
    }

    .u-pt116sp {
      padding-top: 116px
    }

    .u-pr116sp {
      padding-right: 116px
    }

    .u-pb116sp {
      padding-bottom: 116px
    }

    .u-pl116sp {
      padding-left: 116px
    }

    .u-pa116sp {
      padding: 116px
    }

    .u-px116sp {
      padding-right: 116px;
      padding-left: 116px
    }

    .u-py116sp {
      padding-top: 116px;
      padding-bottom: 116px
    }

    .u-mt120sp {
      margin-top: 120px
    }

    .u-mr120sp {
      margin-right: 120px
    }

    .u-mb120sp {
      margin-bottom: 120px
    }

    .u-ml120sp {
      margin-left: 120px
    }

    .u-mx120sp {
      margin-right: 120px;
      margin-left: 120px
    }

    .u-my120sp {
      margin-top: 120px;
      margin-bottom: 120px
    }

    .u-pt120sp {
      padding-top: 120px
    }

    .u-pr120sp {
      padding-right: 120px
    }

    .u-pb120sp {
      padding-bottom: 120px
    }

    .u-pl120sp {
      padding-left: 120px
    }

    .u-pa120sp {
      padding: 120px
    }

    .u-px120sp {
      padding-right: 120px;
      padding-left: 120px
    }

    .u-py120sp {
      padding-top: 120px;
      padding-bottom: 120px
    }

    .u-sp-hidden {
      display: none
    }
  }

  @media(width > 768px) {
    .u-mt0pc {
      margin-top: 0px
    }

    .u-mr0pc {
      margin-right: 0px
    }

    .u-mb0pc {
      margin-bottom: 0px
    }

    .u-ml0pc {
      margin-left: 0px
    }

    .u-mx0pc {
      margin-right: 0px;
      margin-left: 0px
    }

    .u-my0pc {
      margin-top: 0px;
      margin-bottom: 0px
    }

    .u-pt0pc {
      padding-top: 0px
    }

    .u-pr0pc {
      padding-right: 0px
    }

    .u-pb0pc {
      padding-bottom: 0px
    }

    .u-pl0pc {
      padding-left: 0px
    }

    .u-pa0pc {
      padding: 0px
    }

    .u-px0pc {
      padding-right: 0px;
      padding-left: 0px
    }

    .u-py0pc {
      padding-top: 0px;
      padding-bottom: 0px
    }

    .u-mt4pc {
      margin-top: 4px
    }

    .u-mr4pc {
      margin-right: 4px
    }

    .u-mb4pc {
      margin-bottom: 4px
    }

    .u-ml4pc {
      margin-left: 4px
    }

    .u-mx4pc {
      margin-right: 4px;
      margin-left: 4px
    }

    .u-my4pc {
      margin-top: 4px;
      margin-bottom: 4px
    }

    .u-pt4pc {
      padding-top: 4px
    }

    .u-pr4pc {
      padding-right: 4px
    }

    .u-pb4pc {
      padding-bottom: 4px
    }

    .u-pl4pc {
      padding-left: 4px
    }

    .u-pa4pc {
      padding: 4px
    }

    .u-px4pc {
      padding-right: 4px;
      padding-left: 4px
    }

    .u-py4pc {
      padding-top: 4px;
      padding-bottom: 4px
    }

    .u-mt8pc {
      margin-top: 8px
    }

    .u-mr8pc {
      margin-right: 8px
    }

    .u-mb8pc {
      margin-bottom: 8px
    }

    .u-ml8pc {
      margin-left: 8px
    }

    .u-mx8pc {
      margin-right: 8px;
      margin-left: 8px
    }

    .u-my8pc {
      margin-top: 8px;
      margin-bottom: 8px
    }

    .u-pt8pc {
      padding-top: 8px
    }

    .u-pr8pc {
      padding-right: 8px
    }

    .u-pb8pc {
      padding-bottom: 8px
    }

    .u-pl8pc {
      padding-left: 8px
    }

    .u-pa8pc {
      padding: 8px
    }

    .u-px8pc {
      padding-right: 8px;
      padding-left: 8px
    }

    .u-py8pc {
      padding-top: 8px;
      padding-bottom: 8px
    }

    .u-mt12pc {
      margin-top: 12px
    }

    .u-mr12pc {
      margin-right: 12px
    }

    .u-mb12pc {
      margin-bottom: 12px
    }

    .u-ml12pc {
      margin-left: 12px
    }

    .u-mx12pc {
      margin-right: 12px;
      margin-left: 12px
    }

    .u-my12pc {
      margin-top: 12px;
      margin-bottom: 12px
    }

    .u-pt12pc {
      padding-top: 12px
    }

    .u-pr12pc {
      padding-right: 12px
    }

    .u-pb12pc {
      padding-bottom: 12px
    }

    .u-pl12pc {
      padding-left: 12px
    }

    .u-pa12pc {
      padding: 12px
    }

    .u-px12pc {
      padding-right: 12px;
      padding-left: 12px
    }

    .u-py12pc {
      padding-top: 12px;
      padding-bottom: 12px
    }

    .u-mt16pc {
      margin-top: 16px
    }

    .u-mr16pc {
      margin-right: 16px
    }

    .u-mb16pc {
      margin-bottom: 16px
    }

    .u-ml16pc {
      margin-left: 16px
    }

    .u-mx16pc {
      margin-right: 16px;
      margin-left: 16px
    }

    .u-my16pc {
      margin-top: 16px;
      margin-bottom: 16px
    }

    .u-pt16pc {
      padding-top: 16px
    }

    .u-pr16pc {
      padding-right: 16px
    }

    .u-pb16pc {
      padding-bottom: 16px
    }

    .u-pl16pc {
      padding-left: 16px
    }

    .u-pa16pc {
      padding: 16px
    }

    .u-px16pc {
      padding-right: 16px;
      padding-left: 16px
    }

    .u-py16pc {
      padding-top: 16px;
      padding-bottom: 16px
    }

    .u-mt20pc {
      margin-top: 20px
    }

    .u-mr20pc {
      margin-right: 20px
    }

    .u-mb20pc {
      margin-bottom: 20px
    }

    .u-ml20pc {
      margin-left: 20px
    }

    .u-mx20pc {
      margin-right: 20px;
      margin-left: 20px
    }

    .u-my20pc {
      margin-top: 20px;
      margin-bottom: 20px
    }

    .u-pt20pc {
      padding-top: 20px
    }

    .u-pr20pc {
      padding-right: 20px
    }

    .u-pb20pc {
      padding-bottom: 20px
    }

    .u-pl20pc {
      padding-left: 20px
    }

    .u-pa20pc {
      padding: 20px
    }

    .u-px20pc {
      padding-right: 20px;
      padding-left: 20px
    }

    .u-py20pc {
      padding-top: 20px;
      padding-bottom: 20px
    }

    .u-mt24pc {
      margin-top: 24px
    }

    .u-mr24pc {
      margin-right: 24px
    }

    .u-mb24pc {
      margin-bottom: 24px
    }

    .u-ml24pc {
      margin-left: 24px
    }

    .u-mx24pc {
      margin-right: 24px;
      margin-left: 24px
    }

    .u-my24pc {
      margin-top: 24px;
      margin-bottom: 24px
    }

    .u-pt24pc {
      padding-top: 24px
    }

    .u-pr24pc {
      padding-right: 24px
    }

    .u-pb24pc {
      padding-bottom: 24px
    }

    .u-pl24pc {
      padding-left: 24px
    }

    .u-pa24pc {
      padding: 24px
    }

    .u-px24pc {
      padding-right: 24px;
      padding-left: 24px
    }

    .u-py24pc {
      padding-top: 24px;
      padding-bottom: 24px
    }

    .u-mt28pc {
      margin-top: 28px
    }

    .u-mr28pc {
      margin-right: 28px
    }

    .u-mb28pc {
      margin-bottom: 28px
    }

    .u-ml28pc {
      margin-left: 28px
    }

    .u-mx28pc {
      margin-right: 28px;
      margin-left: 28px
    }

    .u-my28pc {
      margin-top: 28px;
      margin-bottom: 28px
    }

    .u-pt28pc {
      padding-top: 28px
    }

    .u-pr28pc {
      padding-right: 28px
    }

    .u-pb28pc {
      padding-bottom: 28px
    }

    .u-pl28pc {
      padding-left: 28px
    }

    .u-pa28pc {
      padding: 28px
    }

    .u-px28pc {
      padding-right: 28px;
      padding-left: 28px
    }

    .u-py28pc {
      padding-top: 28px;
      padding-bottom: 28px
    }

    .u-mt32pc {
      margin-top: 32px
    }

    .u-mr32pc {
      margin-right: 32px
    }

    .u-mb32pc {
      margin-bottom: 32px
    }

    .u-ml32pc {
      margin-left: 32px
    }

    .u-mx32pc {
      margin-right: 32px;
      margin-left: 32px
    }

    .u-my32pc {
      margin-top: 32px;
      margin-bottom: 32px
    }

    .u-pt32pc {
      padding-top: 32px
    }

    .u-pr32pc {
      padding-right: 32px
    }

    .u-pb32pc {
      padding-bottom: 32px
    }

    .u-pl32pc {
      padding-left: 32px
    }

    .u-pa32pc {
      padding: 32px
    }

    .u-px32pc {
      padding-right: 32px;
      padding-left: 32px
    }

    .u-py32pc {
      padding-top: 32px;
      padding-bottom: 32px
    }

    .u-mt36pc {
      margin-top: 36px
    }

    .u-mr36pc {
      margin-right: 36px
    }

    .u-mb36pc {
      margin-bottom: 36px
    }

    .u-ml36pc {
      margin-left: 36px
    }

    .u-mx36pc {
      margin-right: 36px;
      margin-left: 36px
    }

    .u-my36pc {
      margin-top: 36px;
      margin-bottom: 36px
    }

    .u-pt36pc {
      padding-top: 36px
    }

    .u-pr36pc {
      padding-right: 36px
    }

    .u-pb36pc {
      padding-bottom: 36px
    }

    .u-pl36pc {
      padding-left: 36px
    }

    .u-pa36pc {
      padding: 36px
    }

    .u-px36pc {
      padding-right: 36px;
      padding-left: 36px
    }

    .u-py36pc {
      padding-top: 36px;
      padding-bottom: 36px
    }

    .u-mt40pc {
      margin-top: 40px
    }

    .u-mr40pc {
      margin-right: 40px
    }

    .u-mb40pc {
      margin-bottom: 40px
    }

    .u-ml40pc {
      margin-left: 40px
    }

    .u-mx40pc {
      margin-right: 40px;
      margin-left: 40px
    }

    .u-my40pc {
      margin-top: 40px;
      margin-bottom: 40px
    }

    .u-pt40pc {
      padding-top: 40px
    }

    .u-pr40pc {
      padding-right: 40px
    }

    .u-pb40pc {
      padding-bottom: 40px
    }

    .u-pl40pc {
      padding-left: 40px
    }

    .u-pa40pc {
      padding: 40px
    }

    .u-px40pc {
      padding-right: 40px;
      padding-left: 40px
    }

    .u-py40pc {
      padding-top: 40px;
      padding-bottom: 40px
    }

    .u-mt44pc {
      margin-top: 44px
    }

    .u-mr44pc {
      margin-right: 44px
    }

    .u-mb44pc {
      margin-bottom: 44px
    }

    .u-ml44pc {
      margin-left: 44px
    }

    .u-mx44pc {
      margin-right: 44px;
      margin-left: 44px
    }

    .u-my44pc {
      margin-top: 44px;
      margin-bottom: 44px
    }

    .u-pt44pc {
      padding-top: 44px
    }

    .u-pr44pc {
      padding-right: 44px
    }

    .u-pb44pc {
      padding-bottom: 44px
    }

    .u-pl44pc {
      padding-left: 44px
    }

    .u-pa44pc {
      padding: 44px
    }

    .u-px44pc {
      padding-right: 44px;
      padding-left: 44px
    }

    .u-py44pc {
      padding-top: 44px;
      padding-bottom: 44px
    }

    .u-mt48pc {
      margin-top: 48px
    }

    .u-mr48pc {
      margin-right: 48px
    }

    .u-mb48pc {
      margin-bottom: 48px
    }

    .u-ml48pc {
      margin-left: 48px
    }

    .u-mx48pc {
      margin-right: 48px;
      margin-left: 48px
    }

    .u-my48pc {
      margin-top: 48px;
      margin-bottom: 48px
    }

    .u-pt48pc {
      padding-top: 48px
    }

    .u-pr48pc {
      padding-right: 48px
    }

    .u-pb48pc {
      padding-bottom: 48px
    }

    .u-pl48pc {
      padding-left: 48px
    }

    .u-pa48pc {
      padding: 48px
    }

    .u-px48pc {
      padding-right: 48px;
      padding-left: 48px
    }

    .u-py48pc {
      padding-top: 48px;
      padding-bottom: 48px
    }

    .u-mt52pc {
      margin-top: 52px
    }

    .u-mr52pc {
      margin-right: 52px
    }

    .u-mb52pc {
      margin-bottom: 52px
    }

    .u-ml52pc {
      margin-left: 52px
    }

    .u-mx52pc {
      margin-right: 52px;
      margin-left: 52px
    }

    .u-my52pc {
      margin-top: 52px;
      margin-bottom: 52px
    }

    .u-pt52pc {
      padding-top: 52px
    }

    .u-pr52pc {
      padding-right: 52px
    }

    .u-pb52pc {
      padding-bottom: 52px
    }

    .u-pl52pc {
      padding-left: 52px
    }

    .u-pa52pc {
      padding: 52px
    }

    .u-px52pc {
      padding-right: 52px;
      padding-left: 52px
    }

    .u-py52pc {
      padding-top: 52px;
      padding-bottom: 52px
    }

    .u-mt56pc {
      margin-top: 56px
    }

    .u-mr56pc {
      margin-right: 56px
    }

    .u-mb56pc {
      margin-bottom: 56px
    }

    .u-ml56pc {
      margin-left: 56px
    }

    .u-mx56pc {
      margin-right: 56px;
      margin-left: 56px
    }

    .u-my56pc {
      margin-top: 56px;
      margin-bottom: 56px
    }

    .u-pt56pc {
      padding-top: 56px
    }

    .u-pr56pc {
      padding-right: 56px
    }

    .u-pb56pc {
      padding-bottom: 56px
    }

    .u-pl56pc {
      padding-left: 56px
    }

    .u-pa56pc {
      padding: 56px
    }

    .u-px56pc {
      padding-right: 56px;
      padding-left: 56px
    }

    .u-py56pc {
      padding-top: 56px;
      padding-bottom: 56px
    }

    .u-mt60pc {
      margin-top: 60px
    }

    .u-mr60pc {
      margin-right: 60px
    }

    .u-mb60pc {
      margin-bottom: 60px
    }

    .u-ml60pc {
      margin-left: 60px
    }

    .u-mx60pc {
      margin-right: 60px;
      margin-left: 60px
    }

    .u-my60pc {
      margin-top: 60px;
      margin-bottom: 60px
    }

    .u-pt60pc {
      padding-top: 60px
    }

    .u-pr60pc {
      padding-right: 60px
    }

    .u-pb60pc {
      padding-bottom: 60px
    }

    .u-pl60pc {
      padding-left: 60px
    }

    .u-pa60pc {
      padding: 60px
    }

    .u-px60pc {
      padding-right: 60px;
      padding-left: 60px
    }

    .u-py60pc {
      padding-top: 60px;
      padding-bottom: 60px
    }

    .u-mt64pc {
      margin-top: 64px
    }

    .u-mr64pc {
      margin-right: 64px
    }

    .u-mb64pc {
      margin-bottom: 64px
    }

    .u-ml64pc {
      margin-left: 64px
    }

    .u-mx64pc {
      margin-right: 64px;
      margin-left: 64px
    }

    .u-my64pc {
      margin-top: 64px;
      margin-bottom: 64px
    }

    .u-pt64pc {
      padding-top: 64px
    }

    .u-pr64pc {
      padding-right: 64px
    }

    .u-pb64pc {
      padding-bottom: 64px
    }

    .u-pl64pc {
      padding-left: 64px
    }

    .u-pa64pc {
      padding: 64px
    }

    .u-px64pc {
      padding-right: 64px;
      padding-left: 64px
    }

    .u-py64pc {
      padding-top: 64px;
      padding-bottom: 64px
    }

    .u-mt68pc {
      margin-top: 68px
    }

    .u-mr68pc {
      margin-right: 68px
    }

    .u-mb68pc {
      margin-bottom: 68px
    }

    .u-ml68pc {
      margin-left: 68px
    }

    .u-mx68pc {
      margin-right: 68px;
      margin-left: 68px
    }

    .u-my68pc {
      margin-top: 68px;
      margin-bottom: 68px
    }

    .u-pt68pc {
      padding-top: 68px
    }

    .u-pr68pc {
      padding-right: 68px
    }

    .u-pb68pc {
      padding-bottom: 68px
    }

    .u-pl68pc {
      padding-left: 68px
    }

    .u-pa68pc {
      padding: 68px
    }

    .u-px68pc {
      padding-right: 68px;
      padding-left: 68px
    }

    .u-py68pc {
      padding-top: 68px;
      padding-bottom: 68px
    }

    .u-mt72pc {
      margin-top: 72px
    }

    .u-mr72pc {
      margin-right: 72px
    }

    .u-mb72pc {
      margin-bottom: 72px
    }

    .u-ml72pc {
      margin-left: 72px
    }

    .u-mx72pc {
      margin-right: 72px;
      margin-left: 72px
    }

    .u-my72pc {
      margin-top: 72px;
      margin-bottom: 72px
    }

    .u-pt72pc {
      padding-top: 72px
    }

    .u-pr72pc {
      padding-right: 72px
    }

    .u-pb72pc {
      padding-bottom: 72px
    }

    .u-pl72pc {
      padding-left: 72px
    }

    .u-pa72pc {
      padding: 72px
    }

    .u-px72pc {
      padding-right: 72px;
      padding-left: 72px
    }

    .u-py72pc {
      padding-top: 72px;
      padding-bottom: 72px
    }

    .u-mt76pc {
      margin-top: 76px
    }

    .u-mr76pc {
      margin-right: 76px
    }

    .u-mb76pc {
      margin-bottom: 76px
    }

    .u-ml76pc {
      margin-left: 76px
    }

    .u-mx76pc {
      margin-right: 76px;
      margin-left: 76px
    }

    .u-my76pc {
      margin-top: 76px;
      margin-bottom: 76px
    }

    .u-pt76pc {
      padding-top: 76px
    }

    .u-pr76pc {
      padding-right: 76px
    }

    .u-pb76pc {
      padding-bottom: 76px
    }

    .u-pl76pc {
      padding-left: 76px
    }

    .u-pa76pc {
      padding: 76px
    }

    .u-px76pc {
      padding-right: 76px;
      padding-left: 76px
    }

    .u-py76pc {
      padding-top: 76px;
      padding-bottom: 76px
    }

    .u-mt80pc {
      margin-top: 80px
    }

    .u-mr80pc {
      margin-right: 80px
    }

    .u-mb80pc {
      margin-bottom: 80px
    }

    .u-ml80pc {
      margin-left: 80px
    }

    .u-mx80pc {
      margin-right: 80px;
      margin-left: 80px
    }

    .u-my80pc {
      margin-top: 80px;
      margin-bottom: 80px
    }

    .u-pt80pc {
      padding-top: 80px
    }

    .u-pr80pc {
      padding-right: 80px
    }

    .u-pb80pc {
      padding-bottom: 80px
    }

    .u-pl80pc {
      padding-left: 80px
    }

    .u-pa80pc {
      padding: 80px
    }

    .u-px80pc {
      padding-right: 80px;
      padding-left: 80px
    }

    .u-py80pc {
      padding-top: 80px;
      padding-bottom: 80px
    }

    .u-mt84pc {
      margin-top: 84px
    }

    .u-mr84pc {
      margin-right: 84px
    }

    .u-mb84pc {
      margin-bottom: 84px
    }

    .u-ml84pc {
      margin-left: 84px
    }

    .u-mx84pc {
      margin-right: 84px;
      margin-left: 84px
    }

    .u-my84pc {
      margin-top: 84px;
      margin-bottom: 84px
    }

    .u-pt84pc {
      padding-top: 84px
    }

    .u-pr84pc {
      padding-right: 84px
    }

    .u-pb84pc {
      padding-bottom: 84px
    }

    .u-pl84pc {
      padding-left: 84px
    }

    .u-pa84pc {
      padding: 84px
    }

    .u-px84pc {
      padding-right: 84px;
      padding-left: 84px
    }

    .u-py84pc {
      padding-top: 84px;
      padding-bottom: 84px
    }

    .u-mt88pc {
      margin-top: 88px
    }

    .u-mr88pc {
      margin-right: 88px
    }

    .u-mb88pc {
      margin-bottom: 88px
    }

    .u-ml88pc {
      margin-left: 88px
    }

    .u-mx88pc {
      margin-right: 88px;
      margin-left: 88px
    }

    .u-my88pc {
      margin-top: 88px;
      margin-bottom: 88px
    }

    .u-pt88pc {
      padding-top: 88px
    }

    .u-pr88pc {
      padding-right: 88px
    }

    .u-pb88pc {
      padding-bottom: 88px
    }

    .u-pl88pc {
      padding-left: 88px
    }

    .u-pa88pc {
      padding: 88px
    }

    .u-px88pc {
      padding-right: 88px;
      padding-left: 88px
    }

    .u-py88pc {
      padding-top: 88px;
      padding-bottom: 88px
    }

    .u-mt92pc {
      margin-top: 92px
    }

    .u-mr92pc {
      margin-right: 92px
    }

    .u-mb92pc {
      margin-bottom: 92px
    }

    .u-ml92pc {
      margin-left: 92px
    }

    .u-mx92pc {
      margin-right: 92px;
      margin-left: 92px
    }

    .u-my92pc {
      margin-top: 92px;
      margin-bottom: 92px
    }

    .u-pt92pc {
      padding-top: 92px
    }

    .u-pr92pc {
      padding-right: 92px
    }

    .u-pb92pc {
      padding-bottom: 92px
    }

    .u-pl92pc {
      padding-left: 92px
    }

    .u-pa92pc {
      padding: 92px
    }

    .u-px92pc {
      padding-right: 92px;
      padding-left: 92px
    }

    .u-py92pc {
      padding-top: 92px;
      padding-bottom: 92px
    }

    .u-mt96pc {
      margin-top: 96px
    }

    .u-mr96pc {
      margin-right: 96px
    }

    .u-mb96pc {
      margin-bottom: 96px
    }

    .u-ml96pc {
      margin-left: 96px
    }

    .u-mx96pc {
      margin-right: 96px;
      margin-left: 96px
    }

    .u-my96pc {
      margin-top: 96px;
      margin-bottom: 96px
    }

    .u-pt96pc {
      padding-top: 96px
    }

    .u-pr96pc {
      padding-right: 96px
    }

    .u-pb96pc {
      padding-bottom: 96px
    }

    .u-pl96pc {
      padding-left: 96px
    }

    .u-pa96pc {
      padding: 96px
    }

    .u-px96pc {
      padding-right: 96px;
      padding-left: 96px
    }

    .u-py96pc {
      padding-top: 96px;
      padding-bottom: 96px
    }

    .u-mt100pc {
      margin-top: 100px
    }

    .u-mr100pc {
      margin-right: 100px
    }

    .u-mb100pc {
      margin-bottom: 100px
    }

    .u-ml100pc {
      margin-left: 100px
    }

    .u-mx100pc {
      margin-right: 100px;
      margin-left: 100px
    }

    .u-my100pc {
      margin-top: 100px;
      margin-bottom: 100px
    }

    .u-pt100pc {
      padding-top: 100px
    }

    .u-pr100pc {
      padding-right: 100px
    }

    .u-pb100pc {
      padding-bottom: 100px
    }

    .u-pl100pc {
      padding-left: 100px
    }

    .u-pa100pc {
      padding: 100px
    }

    .u-px100pc {
      padding-right: 100px;
      padding-left: 100px
    }

    .u-py100pc {
      padding-top: 100px;
      padding-bottom: 100px
    }

    .u-mt104pc {
      margin-top: 104px
    }

    .u-mr104pc {
      margin-right: 104px
    }

    .u-mb104pc {
      margin-bottom: 104px
    }

    .u-ml104pc {
      margin-left: 104px
    }

    .u-mx104pc {
      margin-right: 104px;
      margin-left: 104px
    }

    .u-my104pc {
      margin-top: 104px;
      margin-bottom: 104px
    }

    .u-pt104pc {
      padding-top: 104px
    }

    .u-pr104pc {
      padding-right: 104px
    }

    .u-pb104pc {
      padding-bottom: 104px
    }

    .u-pl104pc {
      padding-left: 104px
    }

    .u-pa104pc {
      padding: 104px
    }

    .u-px104pc {
      padding-right: 104px;
      padding-left: 104px
    }

    .u-py104pc {
      padding-top: 104px;
      padding-bottom: 104px
    }

    .u-mt108pc {
      margin-top: 108px
    }

    .u-mr108pc {
      margin-right: 108px
    }

    .u-mb108pc {
      margin-bottom: 108px
    }

    .u-ml108pc {
      margin-left: 108px
    }

    .u-mx108pc {
      margin-right: 108px;
      margin-left: 108px
    }

    .u-my108pc {
      margin-top: 108px;
      margin-bottom: 108px
    }

    .u-pt108pc {
      padding-top: 108px
    }

    .u-pr108pc {
      padding-right: 108px
    }

    .u-pb108pc {
      padding-bottom: 108px
    }

    .u-pl108pc {
      padding-left: 108px
    }

    .u-pa108pc {
      padding: 108px
    }

    .u-px108pc {
      padding-right: 108px;
      padding-left: 108px
    }

    .u-py108pc {
      padding-top: 108px;
      padding-bottom: 108px
    }

    .u-mt112pc {
      margin-top: 112px
    }

    .u-mr112pc {
      margin-right: 112px
    }

    .u-mb112pc {
      margin-bottom: 112px
    }

    .u-ml112pc {
      margin-left: 112px
    }

    .u-mx112pc {
      margin-right: 112px;
      margin-left: 112px
    }

    .u-my112pc {
      margin-top: 112px;
      margin-bottom: 112px
    }

    .u-pt112pc {
      padding-top: 112px
    }

    .u-pr112pc {
      padding-right: 112px
    }

    .u-pb112pc {
      padding-bottom: 112px
    }

    .u-pl112pc {
      padding-left: 112px
    }

    .u-pa112pc {
      padding: 112px
    }

    .u-px112pc {
      padding-right: 112px;
      padding-left: 112px
    }

    .u-py112pc {
      padding-top: 112px;
      padding-bottom: 112px
    }

    .u-mt116pc {
      margin-top: 116px
    }

    .u-mr116pc {
      margin-right: 116px
    }

    .u-mb116pc {
      margin-bottom: 116px
    }

    .u-ml116pc {
      margin-left: 116px
    }

    .u-mx116pc {
      margin-right: 116px;
      margin-left: 116px
    }

    .u-my116pc {
      margin-top: 116px;
      margin-bottom: 116px
    }

    .u-pt116pc {
      padding-top: 116px
    }

    .u-pr116pc {
      padding-right: 116px
    }

    .u-pb116pc {
      padding-bottom: 116px
    }

    .u-pl116pc {
      padding-left: 116px
    }

    .u-pa116pc {
      padding: 116px
    }

    .u-px116pc {
      padding-right: 116px;
      padding-left: 116px
    }

    .u-py116pc {
      padding-top: 116px;
      padding-bottom: 116px
    }

    .u-mt120pc {
      margin-top: 120px
    }

    .u-mr120pc {
      margin-right: 120px
    }

    .u-mb120pc {
      margin-bottom: 120px
    }

    .u-ml120pc {
      margin-left: 120px
    }

    .u-mx120pc {
      margin-right: 120px;
      margin-left: 120px
    }

    .u-my120pc {
      margin-top: 120px;
      margin-bottom: 120px
    }

    .u-pt120pc {
      padding-top: 120px
    }

    .u-pr120pc {
      padding-right: 120px
    }

    .u-pb120pc {
      padding-bottom: 120px
    }

    .u-pl120pc {
      padding-left: 120px
    }

    .u-pa120pc {
      padding: 120px
    }

    .u-px120pc {
      padding-right: 120px;
      padding-left: 120px
    }

    .u-py120pc {
      padding-top: 120px;
      padding-bottom: 120px
    }

    .u-pc-hidden {
      display: none
    }
  }

  .u-gap4 {
    gap: 4px
  }

  .u-gap8 {
    gap: 8px
  }

  .u-gap12 {
    gap: 12px
  }

  .u-gap16 {
    gap: 16px
  }

  .u-gap20 {
    gap: 20px
  }

  .u-gap24 {
    gap: 24px
  }

  .u-gap28 {
    gap: 28px
  }

  .u-gap32 {
    gap: 32px
  }

  .u-gap36 {
    gap: 36px
  }

  .u-gap40 {
    gap: 40px
  }

  .u-gap44 {
    gap: 44px
  }

  .u-gap48 {
    gap: 48px
  }

  .u-gap52 {
    gap: 52px
  }

  .u-gap56 {
    gap: 56px
  }

  .u-gap60 {
    gap: 60px
  }

  .u-gap64 {
    gap: 64px
  }

  .u-gap68 {
    gap: 68px
  }

  .u-gap72 {
    gap: 72px
  }

  .u-gap76 {
    gap: 76px
  }

  .u-gap80 {
    gap: 80px
  }

  .u-gap84 {
    gap: 84px
  }

  .u-gap88 {
    gap: 88px
  }

  .u-gap92 {
    gap: 92px
  }

  .u-gap96 {
    gap: 96px
  }

  .u-gap100 {
    gap: 100px
  }

  .u-fz10 {
    font-size: 10px
  }

  .u-fz11 {
    font-size: 11px
  }

  .u-fz12 {
    font-size: 12px
  }

  .u-fz13 {
    font-size: 13px
  }

  .u-fz14 {
    font-size: 14px
  }

  .u-fz15 {
    font-size: 15px
  }

  .u-fz16 {
    font-size: 16px
  }

  .u-fz17 {
    font-size: 17px
  }

  .u-fz18 {
    font-size: 18px
  }

  .u-fz19 {
    font-size: 19px
  }

  .u-fz20 {
    font-size: 20px
  }

  .u-fz21 {
    font-size: 21px
  }

  .u-fz22 {
    font-size: 22px
  }

  .u-fz23 {
    font-size: 23px
  }

  .u-fz24 {
    font-size: 24px
  }

  .u-fz25 {
    font-size: 25px
  }

  .u-fz26 {
    font-size: 26px
  }

  .u-fz27 {
    font-size: 27px
  }

  .u-fz28 {
    font-size: 28px
  }

  .u-fz29 {
    font-size: 29px
  }

  .u-fz30 {
    font-size: 30px
  }

  .u-fz31 {
    font-size: 31px
  }

  .u-fz32 {
    font-size: 32px
  }

  .u-fz33 {
    font-size: 33px
  }

  .u-fz34 {
    font-size: 34px
  }

  .u-fz35 {
    font-size: 35px
  }

  .u-fz36 {
    font-size: 36px
  }

  .u-fz37 {
    font-size: 37px
  }

  .u-fz38 {
    font-size: 38px
  }

  .u-fz39 {
    font-size: 39px
  }

  .u-fz40 {
    font-size: 40px
  }

  .u-fz41 {
    font-size: 41px
  }

  .u-fz42 {
    font-size: 42px
  }

  .u-fz43 {
    font-size: 43px
  }

  .u-fz44 {
    font-size: 44px
  }

  .u-fz45 {
    font-size: 45px
  }

  .u-fz46 {
    font-size: 46px
  }

  .u-fz47 {
    font-size: 47px
  }

  .u-fz48 {
    font-size: 48px
  }

  .u-fz49 {
    font-size: 49px
  }

  .u-fz50 {
    font-size: 50px
  }

  @media(width <=768px) {
    .u-fz10sp {
      font-size: 10px
    }
  }

  @media(width <=768px) {
    .u-fz11sp {
      font-size: 11px
    }
  }

  @media(width <=768px) {
    .u-fz12sp {
      font-size: 12px
    }
  }

  @media(width <=768px) {
    .u-fz13sp {
      font-size: 13px
    }
  }

  @media(width <=768px) {
    .u-fz14sp {
      font-size: 14px
    }
  }

  @media(width <=768px) {
    .u-fz15sp {
      font-size: 15px
    }
  }

  @media(width <=768px) {
    .u-fz16sp {
      font-size: 16px
    }
  }

  @media(width <=768px) {
    .u-fz17sp {
      font-size: 17px
    }
  }

  @media(width <=768px) {
    .u-fz18sp {
      font-size: 18px
    }
  }

  @media(width <=768px) {
    .u-fz19sp {
      font-size: 19px
    }
  }

  @media(width <=768px) {
    .u-fz20sp {
      font-size: 20px
    }
  }

  @media(width <=768px) {
    .u-fz21sp {
      font-size: 21px
    }
  }

  @media(width <=768px) {
    .u-fz22sp {
      font-size: 22px
    }
  }

  @media(width <=768px) {
    .u-fz23sp {
      font-size: 23px
    }
  }

  @media(width <=768px) {
    .u-fz24sp {
      font-size: 24px
    }
  }

  @media(width <=768px) {
    .u-fz25sp {
      font-size: 25px
    }
  }

  @media(width <=768px) {
    .u-fz26sp {
      font-size: 26px
    }
  }

  @media(width <=768px) {
    .u-fz27sp {
      font-size: 27px
    }
  }

  @media(width <=768px) {
    .u-fz28sp {
      font-size: 28px
    }
  }

  @media(width <=768px) {
    .u-fz29sp {
      font-size: 29px
    }
  }

  @media(width <=768px) {
    .u-fz30sp {
      font-size: 30px
    }
  }

  @media(width <=768px) {
    .u-fz31sp {
      font-size: 31px
    }
  }

  @media(width <=768px) {
    .u-fz32sp {
      font-size: 32px
    }
  }

  @media(width <=768px) {
    .u-fz33sp {
      font-size: 33px
    }
  }

  @media(width <=768px) {
    .u-fz34sp {
      font-size: 34px
    }
  }

  @media(width <=768px) {
    .u-fz35sp {
      font-size: 35px
    }
  }

  @media(width <=768px) {
    .u-fz36sp {
      font-size: 36px
    }
  }

  @media(width <=768px) {
    .u-fz37sp {
      font-size: 37px
    }
  }

  @media(width <=768px) {
    .u-fz38sp {
      font-size: 38px
    }
  }

  @media(width <=768px) {
    .u-fz39sp {
      font-size: 39px
    }
  }

  @media(width <=768px) {
    .u-fz40sp {
      font-size: 40px
    }
  }

  @media(width <=768px) {
    .u-fz41sp {
      font-size: 41px
    }
  }

  @media(width <=768px) {
    .u-fz42sp {
      font-size: 42px
    }
  }

  @media(width <=768px) {
    .u-fz43sp {
      font-size: 43px
    }
  }

  @media(width <=768px) {
    .u-fz44sp {
      font-size: 44px
    }
  }

  @media(width <=768px) {
    .u-fz45sp {
      font-size: 45px
    }
  }

  @media(width <=768px) {
    .u-fz46sp {
      font-size: 46px
    }
  }

  @media(width <=768px) {
    .u-fz47sp {
      font-size: 47px
    }
  }

  @media(width <=768px) {
    .u-fz48sp {
      font-size: 48px
    }
  }

  @media(width <=768px) {
    .u-fz49sp {
      font-size: 49px
    }
  }

  @media(width <=768px) {
    .u-fz50sp {
      font-size: 50px
    }
  }

  @media(width > 768px) {
    .u-fz10pc {
      font-size: 10px
    }
  }

  @media(width > 768px) {
    .u-fz11pc {
      font-size: 11px
    }
  }

  @media(width > 768px) {
    .u-fz12pc {
      font-size: 12px
    }
  }

  @media(width > 768px) {
    .u-fz13pc {
      font-size: 13px
    }
  }

  @media(width > 768px) {
    .u-fz14pc {
      font-size: 14px
    }
  }

  @media(width > 768px) {
    .u-fz15pc {
      font-size: 15px
    }
  }

  @media(width > 768px) {
    .u-fz16pc {
      font-size: 16px
    }
  }

  @media(width > 768px) {
    .u-fz17pc {
      font-size: 17px
    }
  }

  @media(width > 768px) {
    .u-fz18pc {
      font-size: 18px
    }
  }

  @media(width > 768px) {
    .u-fz19pc {
      font-size: 19px
    }
  }

  @media(width > 768px) {
    .u-fz20pc {
      font-size: 20px
    }
  }

  @media(width > 768px) {
    .u-fz21pc {
      font-size: 21px
    }
  }

  @media(width > 768px) {
    .u-fz22pc {
      font-size: 22px
    }
  }

  @media(width > 768px) {
    .u-fz23pc {
      font-size: 23px
    }
  }

  @media(width > 768px) {
    .u-fz24pc {
      font-size: 24px
    }
  }

  @media(width > 768px) {
    .u-fz25pc {
      font-size: 25px
    }
  }

  @media(width > 768px) {
    .u-fz26pc {
      font-size: 26px
    }
  }

  @media(width > 768px) {
    .u-fz27pc {
      font-size: 27px
    }
  }

  @media(width > 768px) {
    .u-fz28pc {
      font-size: 28px
    }
  }

  @media(width > 768px) {
    .u-fz29pc {
      font-size: 29px
    }
  }

  @media(width > 768px) {
    .u-fz30pc {
      font-size: 30px
    }
  }

  @media(width > 768px) {
    .u-fz31pc {
      font-size: 31px
    }
  }

  @media(width > 768px) {
    .u-fz32pc {
      font-size: 32px
    }
  }

  @media(width > 768px) {
    .u-fz33pc {
      font-size: 33px
    }
  }

  @media(width > 768px) {
    .u-fz34pc {
      font-size: 34px
    }
  }

  @media(width > 768px) {
    .u-fz35pc {
      font-size: 35px
    }
  }

  @media(width > 768px) {
    .u-fz36pc {
      font-size: 36px
    }
  }

  @media(width > 768px) {
    .u-fz37pc {
      font-size: 37px
    }
  }

  @media(width > 768px) {
    .u-fz38pc {
      font-size: 38px
    }
  }

  @media(width > 768px) {
    .u-fz39pc {
      font-size: 39px
    }
  }

  @media(width > 768px) {
    .u-fz40pc {
      font-size: 40px
    }
  }

  @media(width > 768px) {
    .u-fz41pc {
      font-size: 41px
    }
  }

  @media(width > 768px) {
    .u-fz42pc {
      font-size: 42px
    }
  }

  @media(width > 768px) {
    .u-fz43pc {
      font-size: 43px
    }
  }

  @media(width > 768px) {
    .u-fz44pc {
      font-size: 44px
    }
  }

  @media(width > 768px) {
    .u-fz45pc {
      font-size: 45px
    }
  }

  @media(width > 768px) {
    .u-fz46pc {
      font-size: 46px
    }
  }

  @media(width > 768px) {
    .u-fz47pc {
      font-size: 47px
    }
  }

  @media(width > 768px) {
    .u-fz48pc {
      font-size: 48px
    }
  }

  @media(width > 768px) {
    .u-fz49pc {
      font-size: 49px
    }
  }

  @media(width > 768px) {
    .u-fz50pc {
      font-size: 50px
    }
  }

  .u-font-jakarta {
    font-family: "Plus Jakarta Sans"
  }

  .u-font-inter {
    font-family: "Inter"
  }

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

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

  @media(width <=768px) {
    .u-text-center-sp {
      text-align: center
    }
  }

  @media(width > 768px) {
    .u-text-center-pc {
      text-align: center
    }
  }

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

  .u-vertical-bottom {
    vertical-align: bottom
  }

  .u-vertical-middle {
    vertical-align: middle
  }

  .u-text-decoration-none {
    text-decoration: none
  }

  .u-flex {
    display: flex
  }

  .u-flex-wrap {
    flex-wrap: wrap
  }

  .u-justify-center {
    justify-content: center
  }

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

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

  .u-align-center {
    align-items: center
  }

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

  .u-align-self-end {
    align-self: end
  }

  .u-align-self-start {
    align-self: flex-start
  }

  .u-align-self-center {
    align-self: center
  }

  .u-justify-between {
    justify-content: space-between
  }

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

  .u-grid {
    display: grid
  }

  .u-grid-col-1 {
    grid-template-columns: repeat(1, 1fr)
  }

  .u-grid-row-1 {
    grid-template-rows: repeat(1, auto)
  }

  .u-col-1 {
    grid-column: span 1
  }

  .u-row-1 {
    grid-row: span 1
  }

  .u-grid-col-2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .u-grid-row-2 {
    grid-template-rows: repeat(2, auto)
  }

  .u-col-2 {
    grid-column: span 2
  }

  .u-row-2 {
    grid-row: span 2
  }

  .u-grid-col-3 {
    grid-template-columns: repeat(3, 1fr)
  }

  .u-grid-row-3 {
    grid-template-rows: repeat(3, auto)
  }

  .u-col-3 {
    grid-column: span 3
  }

  .u-row-3 {
    grid-row: span 3
  }

  .u-grid-col-4 {
    grid-template-columns: repeat(4, 1fr)
  }

  .u-grid-row-4 {
    grid-template-rows: repeat(4, auto)
  }

  .u-col-4 {
    grid-column: span 4
  }

  .u-row-4 {
    grid-row: span 4
  }

  .u-grid-col-5 {
    grid-template-columns: repeat(5, 1fr)
  }

  .u-grid-row-5 {
    grid-template-rows: repeat(5, auto)
  }

  .u-col-5 {
    grid-column: span 5
  }

  .u-row-5 {
    grid-row: span 5
  }

  .u-grid-col-6 {
    grid-template-columns: repeat(6, 1fr)
  }

  .u-grid-row-6 {
    grid-template-rows: repeat(6, auto)
  }

  .u-col-6 {
    grid-column: span 6
  }

  .u-row-6 {
    grid-row: span 6
  }

  .u-grid-col-7 {
    grid-template-columns: repeat(7, 1fr)
  }

  .u-grid-row-7 {
    grid-template-rows: repeat(7, auto)
  }

  .u-col-7 {
    grid-column: span 7
  }

  .u-row-7 {
    grid-row: span 7
  }

  .u-grid-col-8 {
    grid-template-columns: repeat(8, 1fr)
  }

  .u-grid-row-8 {
    grid-template-rows: repeat(8, auto)
  }

  .u-col-8 {
    grid-column: span 8
  }

  .u-row-8 {
    grid-row: span 8
  }

  .u-grid-col-9 {
    grid-template-columns: repeat(9, 1fr)
  }

  .u-grid-row-9 {
    grid-template-rows: repeat(9, auto)
  }

  .u-col-9 {
    grid-column: span 9
  }

  .u-row-9 {
    grid-row: span 9
  }

  .u-grid-col-10 {
    grid-template-columns: repeat(10, 1fr)
  }

  .u-grid-row-10 {
    grid-template-rows: repeat(10, auto)
  }

  .u-col-10 {
    grid-column: span 10
  }

  .u-row-10 {
    grid-row: span 10
  }

  .u-grid-col-11 {
    grid-template-columns: repeat(11, 1fr)
  }

  .u-grid-row-11 {
    grid-template-rows: repeat(11, auto)
  }

  .u-col-11 {
    grid-column: span 11
  }

  .u-row-11 {
    grid-row: span 11
  }

  .u-grid-col-12 {
    grid-template-columns: repeat(12, 1fr)
  }

  .u-grid-row-12 {
    grid-template-rows: repeat(12, auto)
  }

  .u-col-12 {
    grid-column: span 12
  }

  .u-row-12 {
    grid-row: span 12
  }

  .u-wh100p {
    width: 100%;
    height: auto
  }

  .u-max-w100p {
    max-width: 100%;
    height: auto
  }

  .u-text-indent-1em {
    padding-left: 1em;
    text-indent: -1em
  }

  .u-line-height-1 {
    line-height: 1
  }

  .u-block {
    display: block
  }

  .u-inline-block {
    display: inline-block
  }

  .u-word-break-all {
    word-break: break-all
  }

  .u-fw500 {
    font-weight: 500
  }

  .u-fwBold {
    font-weight: bold
  }

  .u-hidden {
    display: none
  }

  .u-ml-auto {
    margin-left: auto
  }

  .u-mr-auto {
    margin-right: auto
  }

  .u-mx-auto {
    margin-right: auto;
    margin-left: auto
  }

  .u-relative {
    position: relative
  }

  .u-pointer {
    cursor: pointer
  }

  .u-hover {
    transition: opacity 250ms
  }

  @media(hover: hover)and (pointer: fine) {

    .u-hover:hover,
    .u-hover:focus {
      opacity: .7
    }
  }

  .u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
  }
}