header, footer, nav, main, section, aside, article {
  display: block
}
figure, figcaption {
  margin: 0;
  padding: 0
}
:root {
  box-sizing: border-box;
  --header-height: 50px;
  --container-max-width: 516px;
  --container-padding: 4%
}
@media only screen and (min-width: 768px), print {
  :root {
    --container-max-width: 782px
  }
}
@media only screen and (min-width: 1024px), print {
  :root {
    --header-height: 80px;
    --container-max-width: 1208px;
    --container-padding: 24px
  }
}
@media only screen and (min-width: 1200px), print {
  :root {
    --header-height: 96px
  }
}
*, ::before, ::after {
  border-width: 0;
  border-style: solid;
  box-sizing: inherit
}
body {
  color: #030503;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: .05em;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  background: #fff none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td {
  margin: 0;
  padding: 0
}
input, textarea {
  margin: 0;
  font-size: 100%
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%
}
fieldset, img {
  border: 0
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}
address, caption, cite, code, dfn, em, th, var {
  font-weight: normal;
  font-style: normal
}
ol, ul {
  list-style: none
}
caption, th {
  text-align: left
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}
q:after, q:before {
  content: ""
}
abbr, acronym {
  border: 0
}
html {
  overflow-y: scroll;
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height)
}
html.is-fixed {
  scroll-behavior: auto !important
}
@media print {
  html, html body {
    *zoom: .65
  }
}
body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%
}
.l-wrapper {
  margin: 0 auto
}
.l-container {
  position: relative;
  margin-inline: auto;
  padding-inline: var(--container-padding);
  width: 100%;
  max-width: calc(var(--container-max-width) + var(--container-padding)*2)
}
@media only screen and (min-width: 1024px), print {
  .l-container--wide {
    max-width: calc(1368px + var(--container-padding)*2)
  }
}
@media only screen and (min-width: 1024px), print {
  .l-container--regular {
    max-width: calc(1000px + var(--container-padding)*2)
  }
}
@media only screen and (min-width: 1024px), print {
  .l-container--medium {
    max-width: calc(872px + var(--container-padding)*2)
  }
}
@media only screen and (min-width: 1024px), print {
  .l-container--narrow {
    max-width: calc(792px + var(--container-padding)*2)
  }
}
.l-contents {
  /*margin-block: 56px*/
}
@media only screen and (min-width: 768px), print {
  .l-contents {
    /*margin-block: 80px*/
  }
}
.l-contents p:not([class]) {
  margin-bottom: 1em
}
.l-header {
margin: 20px auto;
}
@media only screen and (min-width: 1024px), print {
  .l-header {
    grid-template-areas: "logo";
    grid-template-columns: max-content
  }
}
.l-header__logo {
  grid-area: logo;
  max-width: max-content;
  padding-inline-start: 16px
}
.l-header__logo svg {
  width: 84.64px;
  height: 29.07px;
  transition: width .3s, fill .3s;
  vertical-align: middle;
  fill: #030503
}
@media only screen and (min-width: 1024px), print {
  .l-header__logo svg {
    width: clamp(150px, 97.397260274px + 5.1369863014vw, 180px);
    height: clamp(51.52px, 33.4421917808px + 1.7654109589vw, 61.83px)
  }
}
@media only screen and (min-width: 1024px), print {
  /*.l-header__logo {
    padding-inline-start: clamp(24px, -346.5882352941px + 30.8823529412vw, 150px)
  }*/
}
.l-footer {
  margin: 32px auto 80px;
}
.l-footer .copyright {
  font-size: 12px
}
.l-footer .footer-brandIdentity {
  text-align: center;
    margin-bottom: 20px;
}

.p-page-header {
  margin-block-end: 20px
}
@media only screen and (min-width: 768px), print {
  .p-page-header {
    margin-block-end: 12px
  }
}
.p-page-title {
  padding:50px 0;
}
.p-page-title--ja {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: 32px;
  color: #0A545F;
}
@media only screen and (min-width: 768px), print {
  .p-page-title--ja {
    font-size: 46px;
  }
}
.p-page-description {
  font-size: 16px;
  margin-top:1rem;
}
.p-page-header--center {
/*  display: grid;
  place-content: center*/
}
.p-page-header--center .p-page-title {
/*  display: grid;
  row-gap: 16px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto*/
}
@media only screen and (min-width: 768px), print {
  .p-page-header--center .p-page-title {
    row-gap: 20px
  }
}
.p-page-header--center .p-page-title--ja {
  font-size: 32px;
}
@media only screen and (min-width: 768px), print {
  .p-page-header--center .p-page-title--ja {
    /*font-size: 46px;*/
  }
}
.p-page-header--center .p-page-description {
  text-align: left
}
@media only screen and (min-width: 768px), print {
  .p-page-header--center .p-page-description {
    text-align: left
  }
}
.l-container,.l-header {
  max-width: calc(1208px + var(--container-padding)*2)
}
.is-hidden {
  display: none !important
}
.c-button-block--start {
  text-align: left
}
.c-button-block--start > [class^=c-button] {
  margin-inline-end: auto
}
.c-button-block--center {
  text-align: center
}
.c-button-block--center > [class^=c-button] {
  margin-inline: auto
}
.c-button-block--end {
  text-align: right
}
.c-button-block--end > [class^=c-button] {
  margin-inline-start: auto
}
.ui-widget-content .ui-state-disabled .ui-state-default {
  background: #fff;
  color: #333;
  border: 1px solid #c5c5c5
}
.ui-state-default, .ui-widget-content .ui-state-default {
  background: #edfae6;
  color: teal;
  border-color: teal
}
.ui-state-default, .ui-widget-content .ui-state-hover {
  background: #cee1be
}
.ui-state-default, .ui-widget-content .ui-state-default.ui-state-active {
  background: teal;
  color: #fff
}
.c-button-submit {
  display: inline-block;
  position: relative;
  min-width: 276px;
  padding: 20px;
  border-radius: 40px;
  background: teal;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  transition: all .3s
}
@media only screen and (min-width: 1024px), print {
  .c-button-submit {
    min-width: 416px;
    padding: 25px;
    font-size: 1.25rem
  }
}
.c-button-submit[disabled] {
  background: #e8e8e8;
  color: #afafad;
  pointer-events: none
}
.c-button-submit[disabled] .c-button-cv__arrow {
  display: none
}
.c-button-submit[tabindex="-1"] {
  background: #d9d9d9;
  color: #030503;
  pointer-events: none
}
.c-button-submit[tabindex="-1"] .c-button-cv__arrow {
  display: none
}
.c-button-submit__arrow {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  display: inline-block;
  width: 14px;
  height: 10px;
  overflow: hidden
}
.c-button-submit__arrow::before, .c-button-submit__arrow::after {
  content: "";
  position: absolute;
  left: 0;
  background-image: url(/asu/common/img/common/icon_arrow_white.svg);
  width: 14px;
  height: 10px;
  aspect-ratio: 7/5;
  transition: transform .5s
}
.c-button-submit__arrow::after {
  transform: translate3d(-30px, 0, 0)
}
.c-button-submit:is(:hover, :active, :focus) {
  color: #fff;
  background: rgba(0, 128, 128, .8)
}
.c-button-submit:is(:hover, :active, :focus) .c-button-submit__arrow::before {
  transform: translate3d(30px, 0, 0)
}
.c-button-submit:is(:hover, :active, :focus) .c-button-submit__arrow::after {
  transform: translate3d(0, 0, 0)
}
input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  box-sizing: border-box;
  margin: 0
}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], input[type=url], input[type=number], textarea {
  width: 100%;
  padding: .5rem;
  border: 1px solid #afafad;
  border-radius: 4px
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=number], textarea::placeholder {
  font-size: 0.875rem
}
textarea {
  resize: vertical;
  min-height: calc(5em + 1rem)
}
input[type=number] {
  text-align: right;
  max-width: -moz-fit-content;
  max-width: fit-content
}
input[type=checkbox], input[type=radio] {
  margin-right: .5rem
}
select {
  width: 100%;
  max-width: max-content;
  overflow-x: hidden;
  height: 2.625em;
  padding: .5rem .8rem;
  border: 1px solid #afafad;
  border-radius: 3px;
  background-color: #fff;
  color: #030503;
  cursor: pointer
}
select[disabled] {
  pointer-events: none
}
button, input[type=submit], input[type=reset], input[type=button] {
  padding: .5rem 1rem;
  border: 1px solid #afafad;
  border-radius: 4px;
  background-color: #f5f5f5;
  cursor: pointer
}
.c-section + .c-section {
  margin-block-start: 80px
}
.c-section__header {
  margin-block-end: 24px
}
.c-section__title {
  font-size: 1.25rem;
  font-weight: 500
}
@media only screen and (min-width: 768px), print {
  .c-section__title {
    font-size: 1.5rem
  }
}
.c-section__title + p {
  margin-block-start: 16px
}
.c-section a {
  color: #1571da;
  text-decoration: none
}
.c-field-row {
  display: grid;
  grid-auto-flow: row
}
@media only screen and (min-width: 768px), print {
  .c-field-row {
    grid-auto-flow: column;
    grid-template-columns: 31.1258278146% 1fr;
    border-bottom: 1px solid #afafad
  }
}
@media only screen and (min-width: 768px), print {
  .c-section__header + .c-field-row {
    border-top: 1px solid #afafad
  }
}
.c-field-label {
  display: grid;
  grid-auto-flow: column;
  column-gap: 16px;
  justify-content: space-between;
  border-top: 1px solid #afafad;
  border-bottom: 1px solid #afafad;
  background: #f7f7f7;
  padding: 16px 14px 16px 25px;
  font-size: 1.125rem;
  font-weight: 500
}
@media only screen and (min-width: 768px), print {
  .c-field-label {
    border: initial;
    padding: 43px 32px
  }
}
.c-fields {
  padding: 32px 25px
}
@media only screen and (min-width: 768px), print {
  .c-fields {
    padding: 43px 40px
  }
}
.c-fields--no-padding {
  padding-inline: 0
}
@media only screen and (min-width: 768px), print {
  .c-fields--no-padding {
    padding-inline: 40px
  }
}
.c-fields--horizontal {
  display: inline-grid;
  grid-template-columns: repeat(auto-fit, minmax(0px, max-content));
  column-gap: 16px
}
@media only screen and (min-width: 768px), print {
  .c-fields--horizontal {
    column-gap: 24px
  }
}
@media only screen and (min-width: 768px), print {
  .c-fields--pc-horizontal {
    display: inline-grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, max-content));
    column-gap: 24px
  }
}
.c-fields--vertical {
  display: inline-grid;
  row-gap: 16px
}
@media only screen and (min-width: 1024px), print {
  .c-fields--pc-vertical {
    display: inline-grid;
    row-gap: 16px
  }
}
.c-field {
  display: inline-grid;
  align-items: start
}
.c-field--full {
  display: grid;
  width: 100%
}
.c-field--fit {
  width: -moz-fit-content;
  width: fit-content
}
.c-field--fit input, .c-field--fit select {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 272px
}
.c-field:has(.error):not(:has(.valid)) {
  grid-template-rows: auto auto;
  row-gap: 16px
}
.c-field:has(.error:not([style=""])):not(:has(.valid)) {
  grid-template-rows: auto
}
.c-field-group-wrap {
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px
}
.c-field-group-wrap--horizontal {
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px
}
.c-field-group-wrap--vertical {
  grid-auto-flow: row;
  justify-items: start;
  row-gap: 12px;
  column-gap: initial
}
@media only screen and (min-width: 768px), print {
  .c-field-group-wrap--pc-horizontal {
    display: grid;
    grid-auto-flow: column;
    column-gap: 40px
  }
}
@media only screen and (min-width: 1024px), print {
  .c-field-group-wrap--pc-vertical {
    grid-auto-flow: row;
    justify-items: start;
    row-gap: 12px;
    column-gap: initial
  }
}
.c-field-group {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 12px
}
.c-tag {
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 2px;
  color: #fff
}
.c-tag--required {
  background: #ad0403
}
.c-tag--optional {
  background: #776f57
}
.c-label--radio {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 12px
}
.c-label--radio::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #afafad;
  border-radius: 50%;
  grid-column: 1/2;
  grid-row: 1/2
}
input[type=radio]:focus-visible + .c-label--radio::before {
  outline: 2px solid #101010
}
input[type=radio]:checked + .c-label--radio::before {
  background: #707070;
  border-width: 0
}
input[type=radio]:checked + .c-label--radio::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  grid-column: 1/2;
  grid-row: 1/2;
  background: #fff;
  margin: auto
}
input[type=radio]:disabled + .c-label--radio {
  color: #afafad
}
input[type=radio]:disabled + .c-label--radio::before {
  background: #e8e8e8;
  border: 1px solid #d9d9d9
}
input[type=radio]:disabled + .c-label--radio::after {
  content: ""
}
.c-label--checkbox {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 16px
}
.c-label--checkbox::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #afafad;
  border-radius: 2px;
  grid-column: 1/2;
  grid-row: 1/2
}
input[type=checkbox]:focus-visible + .c-label--checkbox::before {
  outline: 2px solid #101010
}
input[type=checkbox]:checked + .c-label--checkbox::before {
  background: #707070
}
input[type=checkbox]:checked + .c-label--checkbox::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2217.23%22%20viewBox%3D%220%200%2022%2017.23%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1567443%22%20data-name%3D%22%E3%83%91%E3%82%B9%201567443%22%20d%3D%22M568.357%2C181a2.1%2C2.1%2C0%2C0%2C1-1.572-.694l-7.047-7.923%2C3.145-2.539%2C5.427%2C6.1%2C10.207-12.176%2C3.221%2C2.451L569.968%2C180.26a2.1%2C2.1%2C0%2C0%2C1-1.581.738Z%22%20transform%3D%22translate(-559.738%20-163.769)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  display: grid;
  place-self: center;
  align-content: baseline;
  width: 22px;
  height: 17px;
  grid-column: 1/2;
  grid-row: 1/2
}
label.error {
  padding-inline-start: 28px;
  color: #ad0403;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_665006%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20665006%22%20transform%3D%22translate(-616%20-893)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_5704%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%205704%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20transform%3D%22translate(616%20893)%22%20fill%3D%22%23ad0403%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1567442%22%20data-name%3D%22%E3%83%91%E3%82%B9%201567442%22%20d%3D%22M6.426-3.472H7.574L7.9-8.624l.042-1.848H6.062L6.1-8.624ZM7%2C.1A1.026%2C1.026%2C0%2C0%2C0%2C8.05-.966%2C1.026%2C1.026%2C0%2C0%2C0%2C7-2.03%2C1.026%2C1.026%2C0%2C0%2C0%2C5.95-.966%2C1.026%2C1.026%2C0%2C0%2C0%2C7%2C.1Z%22%20transform%3D%22translate(619%20908.188)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 0.875rem
}
input.error, select.error {
  border-color: #ad0403
}
label.alert {
  padding-left: 28px !important;
  color: #ad0403 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_665006%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20665006%22%20transform%3D%22translate(-616%20-893)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_5704%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%205704%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20transform%3D%22translate(616%20893)%22%20fill%3D%22%23ad0403%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1567442%22%20data-name%3D%22%E3%83%91%E3%82%B9%201567442%22%20d%3D%22M6.426-3.472H7.574L7.9-8.624l.042-1.848H6.062L6.1-8.624ZM7%2C.1A1.026%2C1.026%2C0%2C0%2C0%2C8.05-.966%2C1.026%2C1.026%2C0%2C0%2C0%2C7-2.03%2C1.026%2C1.026%2C0%2C0%2C0%2C5.95-.966%2C1.026%2C1.026%2C0%2C0%2C0%2C7%2C.1Z%22%20transform%3D%22translate(619%20908.188)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 0.875rem;
  margin: 8px 0 0
}
@media only screen and (min-width: 768px), print {
  .c-catalog-wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch
  }
}
.c-catalog {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 15px;
  border: 1px solid #ccc
}
@media only screen and (min-width: 768px), print {
  .c-catalog {
    margin: 0 10px
  }
}
.c-catalog::before {
  content: "";
  display: block;
  width: min(85.7142857143vw, 300px);
  height: 0;
  padding-top: 94.9%;
  background-color: #fff
}
@media only screen and (min-width: 768px), print {
  .c-catalog::before {
    width: 200px
  }
}
.c-catalog .c-field-group {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  background-color: #f5f4f0;
  padding: 10px 0
}
.c-catalog .c-label--checkbox::before {
  background-color: #fff
}
.c-catalog.-book1::before {
  background-image: url(/asu/common/img/download/book01.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}
.c-catalog.-book2::before {
  background-image: url(/asu/common/img/download/book02.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}
.c-catalog.-book3::before {
  background-image: url(/asu/common/img/download/book03.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}
.c-field.-small {
  align-items: center
}
.c-field.-small .c-field-group-wrap--pc-horizontal {
  column-gap: 18px
}
.c-field.-small .c-label--radio {
  column-gap: 6px;
  font-size: 14px
}
.-twoCol {
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr 1fr
}
a {
  color: #030503;
  text-decoration: none;
  transition: all .3s
}
a:hover, a:active, a:focus {
  color: #030503
}
@media only screen and (min-width: 768px), print {
  a[href^="tel:"] {
    pointer-events: none
  }
}
.u-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap
}
.u-fwn {
  font-weight: normal
}
.u-fwb {
  font-weight: bold
}
.u-ff-sans {
  font-family: "Noto Sans JP", sans-serif
}
.u-ff-serif {
  font-family: "Zen Old Mincho", serif
}
.u-ff-en {
  font-family: "Roboto", sans-serif
}
.u-text-left {
  text-align: left !important
}
.u-text-center {
  text-align: center !important
}
.u-text-right {
  text-align: right !important
}
.u-align-top {
  vertical-align: top !important
}
.u-align-middle {
  vertical-align: middle !important
}
.u-align-bottom {
  vertical-align: bottom !important
}
.u-blockC {
  margin-inline: auto;
  text-align: left
}
* html .u-blockC {
  margin-inline: 0
}
.u-blockR {
  margin-left: auto;
  text-align: left
}
* html .u-blockR {
  margin-left: 0
}
.u-side-over-width {
  margin-left: calc(586px - 50vw);
  margin-right: calc(586px - 50vw)
}
.u-side-over-width-content {
  margin-left: 0 calc(586px - 50vw);
  margin-right: 0 calc(586px - 50vw);
  padding-left: 0 calc(50vw - 586px);
  padding-right: 0 calc(50vw - 586px)
}
.u-over-width {
  margin-left: calc(50% - 50vw + 10px);
  margin-right: calc(50% - 50vw + 10px)
}
.u-over-width-content {
  margin-left: calc(50% - 50vw + 10px);
  margin-right: calc(50% - 50vw + 10px);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%)
}
.u-tab-inline-block, .u-pc-inline-block {
  display: none !important
}
.u-sp-inline-block {
  display: inline-block !important
}
@media only screen and (min-width: 768px), print {
  .u-sp-inline-block {
    display: none !important
  }
  .u-tab-inline-block {
    display: inline-block !important
  }
}
@media only screen and (min-width: 1024px), print {
  .u-tab-inline-block {
    display: none !important
  }
  .u-pc-inline-block {
    display: inline-block !important
  }
}
@media only screen and (max-width: 767px) {
  .u-sp-none {
    display: none !important
  }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
  .u-tab-none {
    display: none !important
  }
}
@media only screen and (min-width: 1024px) {
  .u-pc-none {
    display: none !important
  }
}
.u-clear {
  clear: both
}
.u-block {
  display: block
}
.u-hide {
  display: none
}
.u-bgN {
  background: none !important
}
.u-tdU {
  text-decoration: underline
}
.u-tdN {
  text-decoration: none
}
.u-lh1 {
  line-height: 1
}
.u-lh15 {
  line-height: 1.5
}
.u-lh18 {
  line-height: 1.8
}
.u-lh2 {
  line-height: 2
}
.u-mt0 {
  margin-top: 0px !important
}
.u-mt4 {
  margin-top: 4px !important
}
.u-mt8 {
  margin-top: 8px !important
}
.u-mt12 {
  margin-top: 12px !important
}
.u-mt16 {
  margin-top: 16px !important
}
.u-mt24 {
  margin-top: 24px !important
}
.u-mt32 {
  margin-top: 32px !important
}
.u-mt40 {
  margin-top: 40px !important
}
.u-mt48 {
  margin-top: 48px !important
}
.u-mt56 {
  margin-top: 56px !important
}
.u-mt64 {
  margin-top: 64px !important
}
.u-mt80 {
  margin-top: 80px !important
}
.u-mt120 {
  margin-top: 120px !important
}
.u-mt160 {
  margin-top: 160px !important
}
.u-mr0 {
  margin-right: 0px !important
}
.u-mr4 {
  margin-right: 4px !important
}
.u-mr8 {
  margin-right: 8px !important
}
.u-mr12 {
  margin-right: 12px !important
}
.u-mr16 {
  margin-right: 16px !important
}
.u-mr24 {
  margin-right: 24px !important
}
.u-mr32 {
  margin-right: 32px !important
}
.u-mr40 {
  margin-right: 40px !important
}
.u-mr48 {
  margin-right: 48px !important
}
.u-mr56 {
  margin-right: 56px !important
}
.u-mr64 {
  margin-right: 64px !important
}
.u-mr80 {
  margin-right: 80px !important
}
.u-mr120 {
  margin-right: 120px !important
}
.u-mr160 {
  margin-right: 160px !important
}
.u-mb0 {
  margin-bottom: 0px !important
}
.u-mb4 {
  margin-bottom: 4px !important
}
.u-mb8 {
  margin-bottom: 8px !important
}
.u-mb12 {
  margin-bottom: 12px !important
}
.u-mb16 {
  margin-bottom: 16px !important
}
.u-mb24 {
  margin-bottom: 24px !important
}
.u-mb32 {
  margin-bottom: 32px !important
}
.u-mb40 {
  margin-bottom: 40px !important
}
.u-mb48 {
  margin-bottom: 48px !important
}
.u-mb56 {
  margin-bottom: 56px !important
}
.u-mb64 {
  margin-bottom: 64px !important
}
.u-mb80 {
  margin-bottom: 80px !important
}
.u-mb120 {
  margin-bottom: 120px !important
}
.u-mb160 {
  margin-bottom: 160px !important
}
.u-ml0 {
  margin-left: 0px !important
}
.u-ml4 {
  margin-left: 4px !important
}
.u-ml8 {
  margin-left: 8px !important
}
.u-ml12 {
  margin-left: 12px !important
}
.u-ml16 {
  margin-left: 16px !important
}
.u-ml24 {
  margin-left: 24px !important
}
.u-ml32 {
  margin-left: 32px !important
}
.u-ml40 {
  margin-left: 40px !important
}
.u-ml48 {
  margin-left: 48px !important
}
.u-ml56 {
  margin-left: 56px !important
}
.u-ml64 {
  margin-left: 64px !important
}
.u-ml80 {
  margin-left: 80px !important
}
.u-ml120 {
  margin-left: 120px !important
}
.u-ml160 {
  margin-left: 160px !important
}
@media only screen and (max-width: 767px) {
  .u-sp-mt0 {
    margin-top: 0px !important
  }
  .u-sp-mt4 {
    margin-top: 4px !important
  }
  .u-sp-mt8 {
    margin-top: 8px !important
  }
  .u-sp-mt12 {
    margin-top: 12px !important
  }
  .u-sp-mt16 {
    margin-top: 16px !important
  }
  .u-sp-mt24 {
    margin-top: 24px !important
  }
  .u-sp-mt32 {
    margin-top: 32px !important
  }
  .u-sp-mt40 {
    margin-top: 40px !important
  }
  .u-sp-mt48 {
    margin-top: 48px !important
  }
  .u-sp-mt56 {
    margin-top: 56px !important
  }
  .u-sp-mt64 {
    margin-top: 64px !important
  }
  .u-sp-mt80 {
    margin-top: 80px !important
  }
  .u-sp-mt120 {
    margin-top: 120px !important
  }
  .u-sp-mt160 {
    margin-top: 160px !important
  }
  .u-sp-mr0 {
    margin-right: 0px !important
  }
  .u-sp-mr4 {
    margin-right: 4px !important
  }
  .u-sp-mr8 {
    margin-right: 8px !important
  }
  .u-sp-mr12 {
    margin-right: 12px !important
  }
  .u-sp-mr16 {
    margin-right: 16px !important
  }
  .u-sp-mr24 {
    margin-right: 24px !important
  }
  .u-sp-mr32 {
    margin-right: 32px !important
  }
  .u-sp-mr40 {
    margin-right: 40px !important
  }
  .u-sp-mr48 {
    margin-right: 48px !important
  }
  .u-sp-mr56 {
    margin-right: 56px !important
  }
  .u-sp-mr64 {
    margin-right: 64px !important
  }
  .u-sp-mr80 {
    margin-right: 80px !important
  }
  .u-sp-mr120 {
    margin-right: 120px !important
  }
  .u-sp-mr160 {
    margin-right: 160px !important
  }
  .u-sp-mb0 {
    margin-bottom: 0px !important
  }
  .u-sp-mb4 {
    margin-bottom: 4px !important
  }
  .u-sp-mb8 {
    margin-bottom: 8px !important
  }
  .u-sp-mb12 {
    margin-bottom: 12px !important
  }
  .u-sp-mb16 {
    margin-bottom: 16px !important
  }
  .u-sp-mb24 {
    margin-bottom: 24px !important
  }
  .u-sp-mb32 {
    margin-bottom: 32px !important
  }
  .u-sp-mb40 {
    margin-bottom: 40px !important
  }
  .u-sp-mb48 {
    margin-bottom: 48px !important
  }
  .u-sp-mb56 {
    margin-bottom: 56px !important
  }
  .u-sp-mb64 {
    margin-bottom: 64px !important
  }
  .u-sp-mb80 {
    margin-bottom: 80px !important
  }
  .u-sp-mb120 {
    margin-bottom: 120px !important
  }
  .u-sp-mb160 {
    margin-bottom: 160px !important
  }
  .u-sp-ml0 {
    margin-left: 0px !important
  }
  .u-sp-ml4 {
    margin-left: 4px !important
  }
  .u-sp-ml8 {
    margin-left: 8px !important
  }
  .u-sp-ml12 {
    margin-left: 12px !important
  }
  .u-sp-ml16 {
    margin-left: 16px !important
  }
  .u-sp-ml24 {
    margin-left: 24px !important
  }
  .u-sp-ml32 {
    margin-left: 32px !important
  }
  .u-sp-ml40 {
    margin-left: 40px !important
  }
  .u-sp-ml48 {
    margin-left: 48px !important
  }
  .u-sp-ml56 {
    margin-left: 56px !important
  }
  .u-sp-ml64 {
    margin-left: 64px !important
  }
  .u-sp-ml80 {
    margin-left: 80px !important
  }
  .u-sp-ml120 {
    margin-left: 120px !important
  }
  .u-sp-ml160 {
    margin-left: 160px !important
  }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
  .u-tab-mt0 {
    margin-top: 0px !important
  }
  .u-tab-mt4 {
    margin-top: 4px !important
  }
  .u-tab-mt8 {
    margin-top: 8px !important
  }
  .u-tab-mt12 {
    margin-top: 12px !important
  }
  .u-tab-mt16 {
    margin-top: 16px !important
  }
  .u-tab-mt24 {
    margin-top: 24px !important
  }
  .u-tab-mt32 {
    margin-top: 32px !important
  }
  .u-tab-mt40 {
    margin-top: 40px !important
  }
  .u-tab-mt48 {
    margin-top: 48px !important
  }
  .u-tab-mt56 {
    margin-top: 56px !important
  }
  .u-tab-mt64 {
    margin-top: 64px !important
  }
  .u-tab-mt80 {
    margin-top: 80px !important
  }
  .u-tab-mt120 {
    margin-top: 120px !important
  }
  .u-tab-mt160 {
    margin-top: 160px !important
  }
  .u-tab-mr0 {
    margin-right: 0px !important
  }
  .u-tab-mr4 {
    margin-right: 4px !important
  }
  .u-tab-mr8 {
    margin-right: 8px !important
  }
  .u-tab-mr12 {
    margin-right: 12px !important
  }
  .u-tab-mr16 {
    margin-right: 16px !important
  }
  .u-tab-mr24 {
    margin-right: 24px !important
  }
  .u-tab-mr32 {
    margin-right: 32px !important
  }
  .u-tab-mr40 {
    margin-right: 40px !important
  }
  .u-tab-mr48 {
    margin-right: 48px !important
  }
  .u-tab-mr56 {
    margin-right: 56px !important
  }
  .u-tab-mr64 {
    margin-right: 64px !important
  }
  .u-tab-mr80 {
    margin-right: 80px !important
  }
  .u-tab-mr120 {
    margin-right: 120px !important
  }
  .u-tab-mr160 {
    margin-right: 160px !important
  }
  .u-tab-mb0 {
    margin-bottom: 0px !important
  }
  .u-tab-mb4 {
    margin-bottom: 4px !important
  }
  .u-tab-mb8 {
    margin-bottom: 8px !important
  }
  .u-tab-mb12 {
    margin-bottom: 12px !important
  }
  .u-tab-mb16 {
    margin-bottom: 16px !important
  }
  .u-tab-mb24 {
    margin-bottom: 24px !important
  }
  .u-tab-mb32 {
    margin-bottom: 32px !important
  }
  .u-tab-mb40 {
    margin-bottom: 40px !important
  }
  .u-tab-mb48 {
    margin-bottom: 48px !important
  }
  .u-tab-mb56 {
    margin-bottom: 56px !important
  }
  .u-tab-mb64 {
    margin-bottom: 64px !important
  }
  .u-tab-mb80 {
    margin-bottom: 80px !important
  }
  .u-tab-mb120 {
    margin-bottom: 120px !important
  }
  .u-tab-mb160 {
    margin-bottom: 160px !important
  }
  .u-tab-ml0 {
    margin-left: 0px !important
  }
  .u-tab-ml4 {
    margin-left: 4px !important
  }
  .u-tab-ml8 {
    margin-left: 8px !important
  }
  .u-tab-ml12 {
    margin-left: 12px !important
  }
  .u-tab-ml16 {
    margin-left: 16px !important
  }
  .u-tab-ml24 {
    margin-left: 24px !important
  }
  .u-tab-ml32 {
    margin-left: 32px !important
  }
  .u-tab-ml40 {
    margin-left: 40px !important
  }
  .u-tab-ml48 {
    margin-left: 48px !important
  }
  .u-tab-ml56 {
    margin-left: 56px !important
  }
  .u-tab-ml64 {
    margin-left: 64px !important
  }
  .u-tab-ml80 {
    margin-left: 80px !important
  }
  .u-tab-ml120 {
    margin-left: 120px !important
  }
  .u-tab-ml160 {
    margin-left: 160px !important
  }
}
@media only screen and (min-width: 1024px) {
  .u-pc-mt0 {
    margin-top: 0px !important
  }
  .u-pc-mt4 {
    margin-top: 4px !important
  }
  .u-pc-mt8 {
    margin-top: 8px !important
  }
  .u-pc-mt12 {
    margin-top: 12px !important
  }
  .u-pc-mt16 {
    margin-top: 16px !important
  }
  .u-pc-mt24 {
    margin-top: 24px !important
  }
  .u-pc-mt32 {
    margin-top: 32px !important
  }
  .u-pc-mt40 {
    margin-top: 40px !important
  }
  .u-pc-mt48 {
    margin-top: 48px !important
  }
  .u-pc-mt56 {
    margin-top: 56px !important
  }
  .u-pc-mt64 {
    margin-top: 64px !important
  }
  .u-pc-mt80 {
    margin-top: 80px !important
  }
  .u-pc-mt120 {
    margin-top: 120px !important
  }
  .u-pc-mt160 {
    margin-top: 160px !important
  }
  .u-pc-mr0 {
    margin-right: 0px !important
  }
  .u-pc-mr4 {
    margin-right: 4px !important
  }
  .u-pc-mr8 {
    margin-right: 8px !important
  }
  .u-pc-mr12 {
    margin-right: 12px !important
  }
  .u-pc-mr16 {
    margin-right: 16px !important
  }
  .u-pc-mr24 {
    margin-right: 24px !important
  }
  .u-pc-mr32 {
    margin-right: 32px !important
  }
  .u-pc-mr40 {
    margin-right: 40px !important
  }
  .u-pc-mr48 {
    margin-right: 48px !important
  }
  .u-pc-mr56 {
    margin-right: 56px !important
  }
  .u-pc-mr64 {
    margin-right: 64px !important
  }
  .u-pc-mr80 {
    margin-right: 80px !important
  }
  .u-pc-mr120 {
    margin-right: 120px !important
  }
  .u-pc-mr160 {
    margin-right: 160px !important
  }
  .u-pc-mb0 {
    margin-bottom: 0px !important
  }
  .u-pc-mb4 {
    margin-bottom: 4px !important
  }
  .u-pc-mb8 {
    margin-bottom: 8px !important
  }
  .u-pc-mb12 {
    margin-bottom: 12px !important
  }
  .u-pc-mb16 {
    margin-bottom: 16px !important
  }
  .u-pc-mb24 {
    margin-bottom: 24px !important
  }
  .u-pc-mb32 {
    margin-bottom: 32px !important
  }
  .u-pc-mb40 {
    margin-bottom: 40px !important
  }
  .u-pc-mb48 {
    margin-bottom: 48px !important
  }
  .u-pc-mb56 {
    margin-bottom: 56px !important
  }
  .u-pc-mb64 {
    margin-bottom: 64px !important
  }
  .u-pc-mb80 {
    margin-bottom: 80px !important
  }
  .u-pc-mb120 {
    margin-bottom: 120px !important
  }
  .u-pc-mb160 {
    margin-bottom: 160px !important
  }
  .u-pc-ml0 {
    margin-left: 0px !important
  }
  .u-pc-ml4 {
    margin-left: 4px !important
  }
  .u-pc-ml8 {
    margin-left: 8px !important
  }
  .u-pc-ml12 {
    margin-left: 12px !important
  }
  .u-pc-ml16 {
    margin-left: 16px !important
  }
  .u-pc-ml24 {
    margin-left: 24px !important
  }
  .u-pc-ml32 {
    margin-left: 32px !important
  }
  .u-pc-ml40 {
    margin-left: 40px !important
  }
  .u-pc-ml48 {
    margin-left: 48px !important
  }
  .u-pc-ml56 {
    margin-left: 56px !important
  }
  .u-pc-ml64 {
    margin-left: 64px !important
  }
  .u-pc-ml80 {
    margin-left: 80px !important
  }
  .u-pc-ml120 {
    margin-left: 120px !important
  }
  .u-pc-ml160 {
    margin-left: 160px !important
  }
}
.u-pt0 {
  padding-top: 0px !important
}
.u-pt4 {
  padding-top: 4px !important
}
.u-pt8 {
  padding-top: 8px !important
}
.u-pt12 {
  padding-top: 12px !important
}
.u-pt16 {
  padding-top: 16px !important
}
.u-pt24 {
  padding-top: 24px !important
}
.u-pt32 {
  padding-top: 32px !important
}
.u-pt40 {
  padding-top: 40px !important
}
.u-pt48 {
  padding-top: 48px !important
}
.u-pt56 {
  padding-top: 56px !important
}
.u-pt64 {
  padding-top: 64px !important
}
.u-pt80 {
  padding-top: 80px !important
}
.u-pt120 {
  padding-top: 120px !important
}
.u-pt160 {
  padding-top: 160px !important
}
.u-pr0 {
  padding-right: 0px !important
}
.u-pr4 {
  padding-right: 4px !important
}
.u-pr8 {
  padding-right: 8px !important
}
.u-pr12 {
  padding-right: 12px !important
}
.u-pr16 {
  padding-right: 16px !important
}
.u-pr24 {
  padding-right: 24px !important
}
.u-pr32 {
  padding-right: 32px !important
}
.u-pr40 {
  padding-right: 40px !important
}
.u-pr48 {
  padding-right: 48px !important
}
.u-pr56 {
  padding-right: 56px !important
}
.u-pr64 {
  padding-right: 64px !important
}
.u-pr80 {
  padding-right: 80px !important
}
.u-pr120 {
  padding-right: 120px !important
}
.u-pr160 {
  padding-right: 160px !important
}
.u-pb0 {
  padding-bottom: 0px !important
}
.u-pb4 {
  padding-bottom: 4px !important
}
.u-pb8 {
  padding-bottom: 8px !important
}
.u-pb12 {
  padding-bottom: 12px !important
}
.u-pb16 {
  padding-bottom: 16px !important
}
.u-pb24 {
  padding-bottom: 24px !important
}
.u-pb32 {
  padding-bottom: 32px !important
}
.u-pb40 {
  padding-bottom: 40px !important
}
.u-pb48 {
  padding-bottom: 48px !important
}
.u-pb56 {
  padding-bottom: 56px !important
}
.u-pb64 {
  padding-bottom: 64px !important
}
.u-pb80 {
  padding-bottom: 80px !important
}
.u-pb120 {
  padding-bottom: 120px !important
}
.u-pb160 {
  padding-bottom: 160px !important
}
.u-pl0 {
  padding-left: 0px !important
}
.u-pl4 {
  padding-left: 4px !important
}
.u-pl8 {
  padding-left: 8px !important
}
.u-pl12 {
  padding-left: 12px !important
}
.u-pl16 {
  padding-left: 16px !important
}
.u-pl24 {
  padding-left: 24px !important
}
.u-pl32 {
  padding-left: 32px !important
}
.u-pl40 {
  padding-left: 40px !important
}
.u-pl48 {
  padding-left: 48px !important
}
.u-pl56 {
  padding-left: 56px !important
}
.u-pl64 {
  padding-left: 64px !important
}
.u-pl80 {
  padding-left: 80px !important
}
.u-pl120 {
  padding-left: 120px !important
}
.u-pl160 {
  padding-left: 160px !important
}
@media only screen and (max-width: 767px) {
  .u-sp-pt0 {
    padding-top: 0px !important
  }
  .u-sp-pt4 {
    padding-top: 4px !important
  }
  .u-sp-pt8 {
    padding-top: 8px !important
  }
  .u-sp-pt12 {
    padding-top: 12px !important
  }
  .u-sp-pt16 {
    padding-top: 16px !important
  }
  .u-sp-pt24 {
    padding-top: 24px !important
  }
  .u-sp-pt32 {
    padding-top: 32px !important
  }
  .u-sp-pt40 {
    padding-top: 40px !important
  }
  .u-sp-pt48 {
    padding-top: 48px !important
  }
  .u-sp-pt56 {
    padding-top: 56px !important
  }
  .u-sp-pt64 {
    padding-top: 64px !important
  }
  .u-sp-pt80 {
    padding-top: 80px !important
  }
  .u-sp-pt120 {
    padding-top: 120px !important
  }
  .u-sp-pt160 {
    padding-top: 160px !important
  }
  .u-sp-pr0 {
    padding-right: 0px !important
  }
  .u-sp-pr4 {
    padding-right: 4px !important
  }
  .u-sp-pr8 {
    padding-right: 8px !important
  }
  .u-sp-pr12 {
    padding-right: 12px !important
  }
  .u-sp-pr16 {
    padding-right: 16px !important
  }
  .u-sp-pr24 {
    padding-right: 24px !important
  }
  .u-sp-pr32 {
    padding-right: 32px !important
  }
  .u-sp-pr40 {
    padding-right: 40px !important
  }
  .u-sp-pr48 {
    padding-right: 48px !important
  }
  .u-sp-pr56 {
    padding-right: 56px !important
  }
  .u-sp-pr64 {
    padding-right: 64px !important
  }
  .u-sp-pr80 {
    padding-right: 80px !important
  }
  .u-sp-pr120 {
    padding-right: 120px !important
  }
  .u-sp-pr160 {
    padding-right: 160px !important
  }
  .u-sp-pb0 {
    padding-bottom: 0px !important
  }
  .u-sp-pb4 {
    padding-bottom: 4px !important
  }
  .u-sp-pb8 {
    padding-bottom: 8px !important
  }
  .u-sp-pb12 {
    padding-bottom: 12px !important
  }
  .u-sp-pb16 {
    padding-bottom: 16px !important
  }
  .u-sp-pb24 {
    padding-bottom: 24px !important
  }
  .u-sp-pb32 {
    padding-bottom: 32px !important
  }
  .u-sp-pb40 {
    padding-bottom: 40px !important
  }
  .u-sp-pb48 {
    padding-bottom: 48px !important
  }
  .u-sp-pb56 {
    padding-bottom: 56px !important
  }
  .u-sp-pb64 {
    padding-bottom: 64px !important
  }
  .u-sp-pb80 {
    padding-bottom: 80px !important
  }
  .u-sp-pb120 {
    padding-bottom: 120px !important
  }
  .u-sp-pb160 {
    padding-bottom: 160px !important
  }
  .u-sp-pl0 {
    padding-left: 0px !important
  }
  .u-sp-pl4 {
    padding-left: 4px !important
  }
  .u-sp-pl8 {
    padding-left: 8px !important
  }
  .u-sp-pl12 {
    padding-left: 12px !important
  }
  .u-sp-pl16 {
    padding-left: 16px !important
  }
  .u-sp-pl24 {
    padding-left: 24px !important
  }
  .u-sp-pl32 {
    padding-left: 32px !important
  }
  .u-sp-pl40 {
    padding-left: 40px !important
  }
  .u-sp-pl48 {
    padding-left: 48px !important
  }
  .u-sp-pl56 {
    padding-left: 56px !important
  }
  .u-sp-pl64 {
    padding-left: 64px !important
  }
  .u-sp-pl80 {
    padding-left: 80px !important
  }
  .u-sp-pl120 {
    padding-left: 120px !important
  }
  .u-sp-pl160 {
    padding-left: 160px !important
  }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
  .u-tab-pt0 {
    padding-top: 0px !important
  }
  .u-tab-pt4 {
    padding-top: 4px !important
  }
  .u-tab-pt8 {
    padding-top: 8px !important
  }
  .u-tab-pt12 {
    padding-top: 12px !important
  }
  .u-tab-pt16 {
    padding-top: 16px !important
  }
  .u-tab-pt24 {
    padding-top: 24px !important
  }
  .u-tab-pt32 {
    padding-top: 32px !important
  }
  .u-tab-pt40 {
    padding-top: 40px !important
  }
  .u-tab-pt48 {
    padding-top: 48px !important
  }
  .u-tab-pt56 {
    padding-top: 56px !important
  }
  .u-tab-pt64 {
    padding-top: 64px !important
  }
  .u-tab-pt80 {
    padding-top: 80px !important
  }
  .u-tab-pt120 {
    padding-top: 120px !important
  }
  .u-tab-pt160 {
    padding-top: 160px !important
  }
  .u-tab-pr0 {
    padding-right: 0px !important
  }
  .u-tab-pr4 {
    padding-right: 4px !important
  }
  .u-tab-pr8 {
    padding-right: 8px !important
  }
  .u-tab-pr12 {
    padding-right: 12px !important
  }
  .u-tab-pr16 {
    padding-right: 16px !important
  }
  .u-tab-pr24 {
    padding-right: 24px !important
  }
  .u-tab-pr32 {
    padding-right: 32px !important
  }
  .u-tab-pr40 {
    padding-right: 40px !important
  }
  .u-tab-pr48 {
    padding-right: 48px !important
  }
  .u-tab-pr56 {
    padding-right: 56px !important
  }
  .u-tab-pr64 {
    padding-right: 64px !important
  }
  .u-tab-pr80 {
    padding-right: 80px !important
  }
  .u-tab-pr120 {
    padding-right: 120px !important
  }
  .u-tab-pr160 {
    padding-right: 160px !important
  }
  .u-tab-pb0 {
    padding-bottom: 0px !important
  }
  .u-tab-pb4 {
    padding-bottom: 4px !important
  }
  .u-tab-pb8 {
    padding-bottom: 8px !important
  }
  .u-tab-pb12 {
    padding-bottom: 12px !important
  }
  .u-tab-pb16 {
    padding-bottom: 16px !important
  }
  .u-tab-pb24 {
    padding-bottom: 24px !important
  }
  .u-tab-pb32 {
    padding-bottom: 32px !important
  }
  .u-tab-pb40 {
    padding-bottom: 40px !important
  }
  .u-tab-pb48 {
    padding-bottom: 48px !important
  }
  .u-tab-pb56 {
    padding-bottom: 56px !important
  }
  .u-tab-pb64 {
    padding-bottom: 64px !important
  }
  .u-tab-pb80 {
    padding-bottom: 80px !important
  }
  .u-tab-pb120 {
    padding-bottom: 120px !important
  }
  .u-tab-pb160 {
    padding-bottom: 160px !important
  }
  .u-tab-pl0 {
    padding-left: 0px !important
  }
  .u-tab-pl4 {
    padding-left: 4px !important
  }
  .u-tab-pl8 {
    padding-left: 8px !important
  }
  .u-tab-pl12 {
    padding-left: 12px !important
  }
  .u-tab-pl16 {
    padding-left: 16px !important
  }
  .u-tab-pl24 {
    padding-left: 24px !important
  }
  .u-tab-pl32 {
    padding-left: 32px !important
  }
  .u-tab-pl40 {
    padding-left: 40px !important
  }
  .u-tab-pl48 {
    padding-left: 48px !important
  }
  .u-tab-pl56 {
    padding-left: 56px !important
  }
  .u-tab-pl64 {
    padding-left: 64px !important
  }
  .u-tab-pl80 {
    padding-left: 80px !important
  }
  .u-tab-pl120 {
    padding-left: 120px !important
  }
  .u-tab-pl160 {
    padding-left: 160px !important
  }
}
@media only screen and (min-width: 1024px) {
  .u-pc-pt0 {
    padding-top: 0px !important
  }
  .u-pc-pt4 {
    padding-top: 4px !important
  }
  .u-pc-pt8 {
    padding-top: 8px !important
  }
  .u-pc-pt12 {
    padding-top: 12px !important
  }
  .u-pc-pt16 {
    padding-top: 16px !important
  }
  .u-pc-pt24 {
    padding-top: 24px !important
  }
  .u-pc-pt32 {
    padding-top: 32px !important
  }
  .u-pc-pt40 {
    padding-top: 40px !important
  }
  .u-pc-pt48 {
    padding-top: 48px !important
  }
  .u-pc-pt56 {
    padding-top: 56px !important
  }
  .u-pc-pt64 {
    padding-top: 64px !important
  }
  .u-pc-pt80 {
    padding-top: 80px !important
  }
  .u-pc-pt120 {
    padding-top: 120px !important
  }
  .u-pc-pt160 {
    padding-top: 160px !important
  }
  .u-pc-pr0 {
    padding-right: 0px !important
  }
  .u-pc-pr4 {
    padding-right: 4px !important
  }
  .u-pc-pr8 {
    padding-right: 8px !important
  }
  .u-pc-pr12 {
    padding-right: 12px !important
  }
  .u-pc-pr16 {
    padding-right: 16px !important
  }
  .u-pc-pr24 {
    padding-right: 24px !important
  }
  .u-pc-pr32 {
    padding-right: 32px !important
  }
  .u-pc-pr40 {
    padding-right: 40px !important
  }
  .u-pc-pr48 {
    padding-right: 48px !important
  }
  .u-pc-pr56 {
    padding-right: 56px !important
  }
  .u-pc-pr64 {
    padding-right: 64px !important
  }
  .u-pc-pr80 {
    padding-right: 80px !important
  }
  .u-pc-pr120 {
    padding-right: 120px !important
  }
  .u-pc-pr160 {
    padding-right: 160px !important
  }
  .u-pc-pb0 {
    padding-bottom: 0px !important
  }
  .u-pc-pb4 {
    padding-bottom: 4px !important
  }
  .u-pc-pb8 {
    padding-bottom: 8px !important
  }
  .u-pc-pb12 {
    padding-bottom: 12px !important
  }
  .u-pc-pb16 {
    padding-bottom: 16px !important
  }
  .u-pc-pb24 {
    padding-bottom: 24px !important
  }
  .u-pc-pb32 {
    padding-bottom: 32px !important
  }
  .u-pc-pb40 {
    padding-bottom: 40px !important
  }
  .u-pc-pb48 {
    padding-bottom: 48px !important
  }
  .u-pc-pb56 {
    padding-bottom: 56px !important
  }
  .u-pc-pb64 {
    padding-bottom: 64px !important
  }
  .u-pc-pb80 {
    padding-bottom: 80px !important
  }
  .u-pc-pb120 {
    padding-bottom: 120px !important
  }
  .u-pc-pb160 {
    padding-bottom: 160px !important
  }
  .u-pc-pl0 {
    padding-left: 0px !important
  }
  .u-pc-pl4 {
    padding-left: 4px !important
  }
  .u-pc-pl8 {
    padding-left: 8px !important
  }
  .u-pc-pl12 {
    padding-left: 12px !important
  }
  .u-pc-pl16 {
    padding-left: 16px !important
  }
  .u-pc-pl24 {
    padding-left: 24px !important
  }
  .u-pc-pl32 {
    padding-left: 32px !important
  }
  .u-pc-pl40 {
    padding-left: 40px !important
  }
  .u-pc-pl48 {
    padding-left: 48px !important
  }
  .u-pc-pl56 {
    padding-left: 56px !important
  }
  .u-pc-pl64 {
    padding-left: 64px !important
  }
  .u-pc-pl80 {
    padding-left: 80px !important
  }
  .u-pc-pl120 {
    padding-left: 120px !important
  }
  .u-pc-pl160 {
    padding-left: 160px !important
  }
}
.u-grid {
  display: grid
}
.u-grid-flow-col {
  grid-auto-flow: column
}
.u-grid-flow-row {
  grid-auto-flow: row
}
@media only screen and (min-width: 768px), print {
  .u-tab-grid-flow-col {
    grid-auto-flow: column
  }
  .u-tab-grid-flow-row {
    grid-auto-flow: row
  }
}
@media only screen and (min-width: 1024px), print {
  .u-pc-grid-flow-col {
    grid-auto-flow: column
  }
  .u-pc-grid-flow-row {
    grid-auto-flow: row
  }
}
.u-grid-cols1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
.u-grid-cols2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.u-grid-cols3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}
@media only screen and (max-width: 767px) {
  .u-sp-grid-cols1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .u-sp-grid-cols2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .u-sp-grid-cols3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
  .u-tab-grid-cols1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .u-tab-grid-cols2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .u-tab-grid-cols3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media only screen and (min-width: 1024px) {
  .u-pc-grid-cols1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .u-pc-grid-cols2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .u-pc-grid-cols3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
.u-gap0 {
  gap: 0px !important
}
.u-gap4 {
  gap: 4px !important
}
.u-gap8 {
  gap: 8px !important
}
.u-gap12 {
  gap: 12px !important
}
.u-gap16 {
  gap: 16px !important
}
.u-gap24 {
  gap: 24px !important
}
.u-gap32 {
  gap: 32px !important
}
.u-gap40 {
  gap: 40px !important
}
.u-gap48 {
  gap: 48px !important
}
.u-gap56 {
  gap: 56px !important
}
.u-gap64 {
  gap: 64px !important
}
.u-gap80 {
  gap: 80px !important
}
.u-gap120 {
  gap: 120px !important
}
.u-gap160 {
  gap: 160px !important
}
.u-gap-x0 {
  column-gap: 0px !important
}
.u-gap-x4 {
  column-gap: 4px !important
}
.u-gap-x8 {
  column-gap: 8px !important
}
.u-gap-x12 {
  column-gap: 12px !important
}
.u-gap-x16 {
  column-gap: 16px !important
}
.u-gap-x24 {
  column-gap: 24px !important
}
.u-gap-x32 {
  column-gap: 32px !important
}
.u-gap-x40 {
  column-gap: 40px !important
}
.u-gap-x48 {
  column-gap: 48px !important
}
.u-gap-x56 {
  column-gap: 56px !important
}
.u-gap-x64 {
  column-gap: 64px !important
}
.u-gap-x80 {
  column-gap: 80px !important
}
.u-gap-x120 {
  column-gap: 120px !important
}
.u-gap-x160 {
  column-gap: 160px !important
}
.u-gap-y0 {
  row-gap: 0px !important
}
.u-gap-y4 {
  row-gap: 4px !important
}
.u-gap-y8 {
  row-gap: 8px !important
}
.u-gap-y12 {
  row-gap: 12px !important
}
.u-gap-y16 {
  row-gap: 16px !important
}
.u-gap-y24 {
  row-gap: 24px !important
}
.u-gap-y32 {
  row-gap: 32px !important
}
.u-gap-y40 {
  row-gap: 40px !important
}
.u-gap-y48 {
  row-gap: 48px !important
}
.u-gap-y56 {
  row-gap: 56px !important
}
.u-gap-y64 {
  row-gap: 64px !important
}
.u-gap-y80 {
  row-gap: 80px !important
}
.u-gap-y120 {
  row-gap: 120px !important
}
.u-gap-y160 {
  row-gap: 160px !important
}
.u-justify-items-center {
  justify-items: center
}
.u-justify-items-end {
  justify-items: flex-end
}
.u-justify-items-between {
  justify-items: space-between
}
.u-justify-items-around {
  justify-items: space-around
}
.u-justify-items-evenly {
  justify-items: space-evenly
}
.u-align-content-normal {
  align-content: normal
}
.u-align-content-center {
  align-content: center
}
.u-align-content-start {
  align-content: flex-start
}
.u-align-content-between {
  align-content: space-between
}
.u-align-content-around {
  align-content: space-around
}
.u-align-content-evenly {
  align-content: space-evenly
}
.u-align-content-baseline {
  align-content: baseline
}
.u-align-content-stretch {
  align-content: stretch
}
.u-w-full {
  width: 100% !important
}
.u-w-min {
  width: min-content !important
}
.u-w-max {
  width: max-content !important
}
.u-w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important
}
@media only screen and (max-width: 767px) {
  .u-sp-w-full {
    width: 100% !important
  }
  .u-sp-w-min {
    width: min-content !important
  }
  .u-sp-w-max {
    width: max-content !important
  }
  .u-sp-w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
  }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
  .u-tab-w-full {
    width: 100% !important
  }
  .u-tab-w-min {
    width: min-content !important
  }
  .u-tab-w-max {
    width: max-content !important
  }
  .u-tab-w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
  }
}
@media only screen and (min-width: 1024px) {
  .u-pc-w-full {
    width: 100% !important
  }
  .u-pc-w-min {
    width: min-content !important
  }
  .u-pc-w-max {
    width: max-content !important
  }
  .u-pc-w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
  }
}