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

:root {
  --color_primary: #F28D00;
  --color_secondary: #2BA2B7;
  --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_bg_gray: #fafafa;
  --color_bg_blue: #F0FAFA;
  --color_border_blue: #B8E8EC;
  --color_border_header: #e8e8e8
}

@layer foundation {

  *,
  *::after,
  *::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
  }

  body {
    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
  }

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

  ol,
  ul {
    list-style: none
  }

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

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

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

  button {
    cursor: pointer;
    appearance: none;
    background: none
  }
}

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

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

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

  .c-heading--h2 {
    font-size: 2.5rem;
    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 span {
    font-weight: inherit;
    line-height: inherit;
    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--check {
    font-size: inherit;
    color: inherit;
    margin-top: .4em
  }

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

  .c-list--check li::before {
    content: "";
    width: .8em;
    height: .4em;
    border-left: 2px solid var(--color_secondary);
    border-bottom: 2px solid var(--color_secondary);
    display: block;
    position: absolute;
    left: .2em;
    top: .35em;
    transform: rotate(-45deg)
  }

  .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: 1px;
    border-style: solid;
    border-color: var(--color_primary);
    border-radius: 30px;
    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
    }
  }

  .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--download {
    color: var(--color_secondary);
    background-color: #fff;
    border-color: var(--color_border_header)
  }

  .c-box {
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: var(--color_gray3);
    width: 100%;
    border-radius: 24px
  }

  .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 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    max-height: 164px
  }

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

  .c-hero {
    width: 100%;
    height: auto;
    display: block;
    padding-top: max(84px, 5.676vw);
    padding-bottom: max(84px, 5.676vw);
    position: relative;
    overflow: hidden;
    z-index: 0
  }

  @media(width <=768px) {
    .c-hero {
      padding-top: 6.4vw;
      padding-bottom: 68.5vw
    }
  }

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

  @media(width <=768px) {
    .c-hero__container {
      padding-left: 4vw;
      padding-right: 4vw
    }
  }

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

  @media(width > 768px) {
    .c-hero__bg {
      right: 0;
      width: auto;
      height: 100%;
      display: block
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-hero__bg {
      right: -156px
    }
  }

  @media(width <=768px) {
    .c-hero__bg {
      width: 100%;
      height: auto
    }
  }

  .c-hero__title {
    font-weight: 900;
    font-size: max(3rem, 3.243vw);
    line-height: 1.333
  }

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

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

  .c-hero p {
    margin-top: max(16px, 1.081vw);
    line-height: 1.85;
    letter-spacing: .05em;
    font-size: max(1em, 1.081vw)
  }

  @media(width <=768px) {
    .c-hero p {
      font-size: 4.1vw;
      line-height: 1.7
    }
  }

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

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

  .c-hero__buttons .c-button {
    font-size: max(1em, 1.081vw);
    padding: max(16px, 1.082vw) max(36px, 2.432vw);
    border-radius: max(30px, 2.027vw);
    border-width: max(1px, .0676vw)
  }

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

  .c-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px
  }

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

  .c-columns--functions {
    gap: 16px 40px
  }

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

  .c-columns__item {
    display: flex
  }

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

  .c-func-card {
    display: grid;
    grid-template-columns: 64px auto;
    grid-template-rows: repeat(2, auto);
    gap: 16px 24px
  }

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

  .c-func-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 1/3;
    grid-column: 1/2;
    color: var(--color_secondary)
  }

  .c-func-card__icon .ti {
    color: var(--color_secondary)
  }

  .c-func-card__icon .ti:before {
    font-size: 60px;
    font-weight: 300
  }

  .c-func-card__icon svg {
    width: 100%;
    height: auto
  }

  .c-func-card__text {
    grid-row: 2/3;
    grid-column: 2/3;
    letter-spacing: .05em;
    line-height: 1.7
  }

  .c-problem__header {
    color: #fff;
    background: linear-gradient(94deg, #2BA2B7 10.83%, #2BB7A9 95.65%);
    padding-top: 80px;
    padding-bottom: 120px
  }

  @media(width <=768px) {
    .c-problem__header {
      padding-top: 60px;
      padding-bottom: calc(44px + 34vw)
    }
  }

  .c-problem__graph {
    position: relative;
    top: -82px;
    width: 100%;
    height: auto
  }

  @media(width <=768px) {
    .c-problem__graph {
      top: -34vw
    }
  }

  .c-banner {
    padding-left: 28px;
    padding-right: 28px;
    width: 100%;
    max-width: 1416px;
    margin: 80px auto 0
  }

  @media(width <=768px) {
    .c-banner {
      padding-left: 14px;
      padding-right: 14px;
      margin-top: 40px
    }
  }

  .c-banner__inner {
    border-radius: 24px;
    background: var(--back, linear-gradient(94deg, #2BA2B7 10.83%, #2BB7A9 95.65%));
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: min(12vw, 179px);
    padding-right: min(12vw, 179px);
    position: relative;
    container-type: normal
  }

  @media(width <=768px) {
    .c-banner__inner {
      padding-top: 32px;
      padding-bottom: 32px;
      padding-left: 16px;
      padding-right: 16px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-banner__inner {
      padding-left: 6vw;
      padding-right: 6vw
    }
  }

  .c-banner__inner__deco1 {
    position: absolute;
    background: hsla(0, 0%, 100%, .06);
    width: 40cqmax;
    height: 40cqmax;
    display: block;
    border-radius: 100%;
    top: 50%;
    right: -20cqmax;
    transform: translateY(-50%)
  }

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

  .c-banner__content {
    display: grid;
    gap: 16px 36px;
    grid-template-columns: auto min(480px, 34vw);
    grid-template-rows: repeat(2, auto);
    position: relative;
    z-index: 1
  }

  @media(width <=768px) {
    .c-banner__content {
      grid-template-columns: 100%;
      grid-template-rows: repeat(3, auto)
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .c-banner__content {
      grid-template-columns: auto min(400px, 35vw);
      gap: 16px 40px
    }
  }

  .c-banner__title {
    grid-column: 1/2;
    grid-row: 1/2;
    color: #fff
  }

  @media(width <=768px) {
    .c-banner__title {
      grid-column: 1/2;
      line-height: 1.53
    }
  }

  .c-banner__text {
    grid-column: 1/2;
    grid-row: 2/3;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: .05em
  }

  @media(width <=768px) {
    .c-banner__text {
      grid-column: 1/2;
      font-size: 1rem
    }
  }

  .c-banner__buttons {
    grid-column: 2/3;
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    gap: 16px;
    align-self: center;
    width: 100%
  }

  @media(width <=768px) {
    .c-banner__buttons {
      grid-column: 1/2;
      grid-row: 3/4;
      gap: 16px;
      justify-content: center;
      flex-direction: column
    }
  }

  .c-banner__buttons .c-button {
    flex: 0 0 calc(50% - 8px)
  }

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

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

  @media(width > 768px)and (width <=1200px) {
    .c-plan {
      padding-left: 30px;
      padding-right: 30px
    }
  }

  .c-plan__box {
    display: flex
  }

  .c-plan__box .c-box__content {
    width: 100%;
    background-color: #fff;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 24px repeat(4, auto);
    gap: 16px
  }

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

  .c-plan__box__badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    grid-row: 1/2
  }

  .c-plan__box__badges__badge {
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
    border-radius: 20px;
    background: linear-gradient(94deg, #2BA2B7 10.83%, #2BB7A9 95.65%);
    display: flex;
    align-items: center;
    padding: 4px 12px;
    gap: 4px;
    line-height: 1.2
  }

  .c-plan__box__badges__badge svg {
    width: 15px;
    height: 15px
  }

  .c-plan__box__title {
    grid-row: 2/3;
    text-align: center
  }

  .c-plan__box__price {
    grid-row: 3/4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
  }

  .c-plan__box__price__ammount {
    color: var(--color_secondary);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
    font-optical-sizing: auto
  }

  .c-plan__box__price__detail {
    font-size: 0.875rem
  }

  .c-plan__box__initc {
    color: var(--color_gray7);
    grid-row: 4/5;
    font-size: 0.875rem;
    text-align: center
  }

  .c-plan__box__details {
    border-top: 1px solid var(--color_gray3);
    padding-top: 16px;
    color: var(--color_gray7);
    font-size: 0.875rem;
    grid-row: 5/6
  }

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

  .c-tonext {
    background: url(../img/product/offline/tonextbg.jpg) no-repeat center/cover;
    padding: 88px 0 76px
  }

  @media(width <=768px) {
    .c-tonext {
      padding-top: 80px;
      background: url(../img/product/offline/tonextbg-sp.jpg) no-repeat center top/cover
    }

    .c-tonext .c-heading--h1 {
      font-size: 1.875rem;
      line-height: 1.5
    }
  }

  .c-tonext__container {
    display: flex;
    gap: 60px;
    align-items: center
  }

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

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

  @media(width <=768px) {
    .c-tonext__container {
      flex-direction: column;
      align-items: flex-start
    }
  }

  .c-tonext__leads {
    color: #fff;
    flex: 0 0 364px
  }

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

  .c-tonext__buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px
  }

  @media(width <=768px) {
    .c-tonext__buttons {
      flex-direction: column;
      justify-content: center;
      width: 100%
    }
  }

  .c-tonext__buttons .c-button {
    flex: 0 1 300px
  }

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

@layer layout {
  .l-header {
    background-color: #fff;
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--color_border_header);
    padding-top: 14px;
    padding-bottom: 14px;
    z-index: 10
  }

  @media(width <=768px) {
    .l-header {
      height: 55px;
      padding-top: 7px;
      padding-bottom: 7px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header {
      height: 55px;
      padding-top: 7px;
      padding-bottom: 7px
    }
  }

  .l-header__container {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin: 0px auto;
    padding-left: 32px;
    padding-right: 14px
  }

  @media(width <=768px) {
    .l-header__container {
      padding-left: 16px;
      padding-right: 10px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__container {
      padding-left: 16px;
      padding-right: 10px
    }
  }

  .l-header__logo {
    width: 238px;
    height: 39px
  }

  @media(width <=768px) {
    .l-header__logo {
      width: 160px;
      height: 26.2px
    }
  }

  .l-header__logo img {
    width: 100%;
    height: auto
  }

  .l-header__content {
    display: flex;
    align-items: center
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__content {
      gap: 20px
    }
  }

  @media(width <=768px) {
    .l-header__content {
      gap: 6px
    }
  }

  .l-header__nav {
    display: flex;
    gap: 24px
  }

  @media(width <=768px) {
    .l-header__nav {
      flex-direction: column;
      gap: 0;
      padding-top: 12px;
      padding-bottom: 4px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__nav {
      flex-direction: column;
      gap: 0;
      padding-top: 12px;
      padding-bottom: 4px
    }
  }

  .l-header__nav a {
    text-decoration: none;
    font-weight: 700;
    color: var(--color_text_light);
    font-size: 0.875rem
  }

  @media(width <=768px) {
    .l-header__nav a {
      color: #fff;
      padding: 10px 16px;
      font-size: 1.25rem
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__nav a {
      color: #fff;
      padding: 10px 16px;
      font-size: 1.25rem
    }
  }

  .l-header__menu {
    display: flex;
    gap: 50px;
    align-items: center
  }

  @media(width <=768px) {
    .l-header__menu {
      position: absolute;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      height: auto;
      top: 54px;
      left: 0;
      background-color: #fff;
      border-bottom: 1px solid var(--color_border_header);
      max-height: 0;
      overflow: hidden;
      transition: max-height 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 400ms, pointer-events 400ms;
      background: #1898a4;
      z-index: 10;
      gap: 0;
      pointer-events: none;
      visibility: hidden
    }

    .l-header__menu.is-open {
      max-height: 700px;
      pointer-events: all;
      visibility: visible;
      transition: max-height 400ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s, pointer-events 0s
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__menu {
      position: absolute;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      height: auto;
      top: 54px;
      left: 0;
      background-color: #fff;
      border-bottom: 1px solid var(--color_border_header);
      max-height: 0;
      overflow: hidden;
      transition: max-height 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 400ms, pointer-events 400ms;
      background: #1898a4;
      z-index: 10;
      gap: 0;
      pointer-events: none;
      visibility: hidden
    }

    .l-header__menu.is-open {
      max-height: 700px;
      pointer-events: all;
      visibility: visible;
      transition: max-height 400ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s, pointer-events 0s
    }
  }

  .l-header__menu-btn {
    display: none
  }

  @media(width <=768px) {
    .l-header__menu-btn {
      display: block;
      flex-direction: column;
      width: 44px;
      height: 36px;
      container-type: inline-size;
      justify-content: center;
      position: relative
    }

    .l-header__menu-btn__bar {
      width: 69cqw;
      height: 4px;
      background-color: var(--color_gray4);
      margin: auto;
      position: absolute;
      top: calc(50% - 2px);
      left: calc(50% - 34.5cqw);
      transition: opacity 200ms, transform 200ms
    }

    .l-header__menu-btn__bar:nth-child(1) {
      transform: translateY(-8px)
    }

    .l-header__menu-btn__bar:nth-child(3) {
      transform: translateY(8px)
    }

    .l-header__menu-btn.is-open .l-header__menu-btn__bar:nth-child(1) {
      transform: rotate(45deg) translateY(0)
    }

    .l-header__menu-btn.is-open .l-header__menu-btn__bar:nth-child(2) {
      opacity: 0
    }

    .l-header__menu-btn.is-open .l-header__menu-btn__bar:nth-child(3) {
      transform: rotate(-45deg) translateY(0)
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__menu-btn {
      display: block;
      flex-direction: column;
      width: 44px;
      height: 36px;
      container-type: inline-size;
      justify-content: center;
      position: relative
    }

    .l-header__menu-btn__bar {
      width: 69cqw;
      height: 4px;
      background-color: var(--color_gray4);
      margin: auto;
      position: absolute;
      top: calc(50% - 2px);
      left: calc(50% - 34.5cqw);
      transition: opacity 200ms, transform 200ms
    }

    .l-header__menu-btn__bar:nth-child(1) {
      transform: translateY(-8px)
    }

    .l-header__menu-btn__bar:nth-child(3) {
      transform: translateY(8px)
    }

    .l-header__menu-btn.is-open .l-header__menu-btn__bar:nth-child(1) {
      transform: rotate(45deg) translateY(0)
    }

    .l-header__menu-btn.is-open .l-header__menu-btn__bar:nth-child(2) {
      opacity: 0
    }

    .l-header__menu-btn.is-open .l-header__menu-btn__bar:nth-child(3) {
      transform: rotate(-45deg) translateY(0)
    }
  }

  .l-header__buttons {
    display: flex;
    gap: 16px
  }

  @media(width <=768px) {
    .l-header__buttons {
      flex-direction: column;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 24px
    }
  }

  @media(width > 768px)and (width <=1200px) {
    .l-header__buttons {
      flex-direction: column;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 24px
    }
  }

  .l-header__buttons .c-button {
    padding: 7px 18px;
    font-size: 0.875rem;
    border-radius: 20px
  }

  .l-header__buttons .c-button--shadow {
    box-shadow: 0 2px 10px 0 rgba(242, 141, 0, .32)
  }

  @media(width <=768px) {
    .l-header__buttons .c-button {
      padding: 14px 15px;
      border-radius: 50px;
      font-size: 1rem;
      border-width: 2px
    }

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

  @media(width > 768px)and (width <=1200px) {
    .l-header__buttons .c-button {
      padding: 14px 15px;
      border-radius: 50px;
      font-size: 1rem;
      border-width: 2px
    }

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

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

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

  .l-footer {
    padding: 24px 0;
    background-color: #fff
  }

  .l-footer .l-container {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    gap: 6px
  }

  @media(width <=768px) {
    .l-footer .l-container {
      grid-template-columns: 100%;
      grid-template-rows: repeat(3, auto)
    }
  }

  .l-footer__logo {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 238px;
    height: 39px
  }

  @media(width <=768px) {
    .l-footer__logo {
      grid-row: 2/3;
      width: 160px;
      height: 26.2px;
      justify-self: center;
      margin-top: 24px
    }
  }

  .l-footer__logo img {
    width: 100%;
    height: auto
  }

  .l-footer__nav {
    grid-column: 2/3;
    grid-row: 1/3;
    justify-self: flex-end;
    align-self: center;
    display: flex;
    gap: 24px
  }

  @media(width <=768px) {
    .l-footer__nav {
      grid-column: 1/2;
      grid-row: 1/2;
      flex-direction: column;
      gap: 24px;
      padding-top: 12px;
      padding-bottom: 4px;
      align-items: center;
      width: 100%
    }
  }

  .l-footer__nav a {
    text-decoration: none;
    font-weight: 700;
    color: var(--color_text_light);
    font-size: 0.875rem
  }

  .l-footer__copy {
    color: var(--color_gray5);
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: 0.75rem
  }

  @media(width <=768px) {
    .l-footer__copy {
      grid-row: 3/4;
      justify-self: center
    }
  }
}

@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-bg_gray {
    color: var(--color_bg_gray)
  }

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

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

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

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

  .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-hidden {
    display: none
  }

  .u-ml-auto {
    margin-left: auto
  }

  .u-mr-auto {
    margin-right: 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
  }
}