@charset "UTF-8";
/* break point */
/* layout */
*,
*::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_mgu_blue:#005BAC;
  --color_white:#ffffff;
  --color_black:#0A0A0A;
  --color_border:#e7e7e7;
  --color_card_inner_border:#e0e0e0;
  --color_input_border:#ccc;
  --color_admin_gray:#818181;
  --color_admin_light_gray:#DADADA;
  --color_light_gray:#F5F5F5;
  --color_red:#F64B4B;
  --color_dark_red:#991B1B;
  --color_light_red:#FFEEEE;
  --color_blue:#063B9C;
  --color_dark_blue:#174EA6;
  --color_light_blue:#F5F9FF;
  --color_green:#099C06;
  --color_dark_green:#01884A;
  --color_light_green:#F1FBF0;
  --color_yellow:#E0AF1D;
  --color_dark_yellow:#B9A915;
  --color_light_yellow:#F7EFE5;
  --color_cream:#FFF8DA;
  --color_cream_border:#FFB200;
  --color_orange:#FF7700;
  --color_dark_orange:#CC5A00;
  --color_light_orange:#FFF6F5;
  --color_dt_label:#666666;
  --color_disabled_text:#aaa;
  --color_text_gray:#555;
  --color_button_gray:#6B6B6B;
  --color_button_orange:#F15F26;
  --color_button_disabled:#E6E6E6;
  --color_button_search:#EAEAEA;
  --color_bg:#F7F7F7;
  --color_admin_bg:#EEF0F6;
  --color_th:#525252;
  --color_th_bg:#F5F5F5;
  --color_td:#404040;
  --color_td_bg:#ffffff;
  --color_table_border:#E5E5E5;
  --color_error_red:#F26C6C;
  --color_link:#1976D2;
  --color_link_hover:#174EA6;
}

body {
  font-family: "Noto Sans JP", "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.6;
  color: var(--color_text);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--color_bg);
}
body.admin {
  background-color: var(--color_admin_bg);
}

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

p {
  margin: 0;
  line-height: 1.43;
}

.l-container {
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  margin: 0 auto;
  max-width: 1232px;
}

.l-main {
  flex: 1;
  padding: 24px 16px;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
.l-main > * + * {
  margin-top: 24px;
}

.l-admin {
  width: 100%;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.l-header {
  background-color: var(--color_mgu_blue);
  padding: 16px;
}
.l-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-header__title {
  color: var(--color_white);
}
.l-header__company, .l-header__system-name {
  display: block;
}
.l-header__company {
  font-size: 10px;
  font-weight: 500;
}
.l-header__system-name {
  font-size: 13px;
  font-weight: 700;
}

.l-footer {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 4px;
}
.l-footer__company, .l-footer__copyright {
  font-size: 10px;
  font-weight: 500;
}
.l-footer__copyright {
  display: block;
}

.l-admin-header {
  background-color: var(--color_mgu_blue);
  padding: 12px 24px;
}
.l-admin-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-admin-header__title {
  color: var(--color_white);
  font-size: 15px;
  font-weight: 900;
}
.l-admin-header__title::before {
  content: "\ea9c";
  font-family: tabler-icons;
  width: 24px;
  font-weight: 700;
  margin-right: 12px;
}

.c-link {
  color: var(--color_primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  display: inline-flex;
  align-items: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  gap: 5px;
}
.c-link:hover {
  text-decoration: none;
}

.c-button {
  text-decoration: none;
  background-color: var(--color_mgu_blue);
  color: var(--color_white);
  padding: 16px 8px;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  text-align: center;
}
.c-button--left {
  margin: 0;
  align-self: flex-start;
}
.c-button--gray {
  background-color: var(--color_button_gray);
}
.c-button--orange {
  background-color: var(--color_button_orange);
}
.c-button--disabled {
  background-color: var(--color_button_disabled);
}
.c-button__approval {
  padding: 8px 24px;
  background-color: var(--color_green);
  border-bottom: #076A05 1px solid;
  margin: 0;
}
.c-button__approval--red {
  background-color: var(--color_red);
  border-bottom: #9D2A2A 1px solid;
}
.c-button__approval--blue {
  background-color: var(--color_mgu_blue);
  border-bottom: #023868 1px solid;
}
.c-button:hover {
  opacity: 0.7;
}
.c-button--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}
.c-button--disabled {
  background-color: var(--color_gray3);
  color: var(--color_gray6);
  pointer-events: none;
}

.c-logout {
  background-color: var(--color_white);
  color: var(--color_mgu_blue);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 8px;
}

.c-textLink {
  color: var(--color_link);
  background-color: var(--color_white);
  text-align: right;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .c-textLink {
    font-size: 14px;
  }
}

.admin .c-button {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  border-bottom: 1px solid #023868;
  box-shadow: none;
}
.admin .c-button--search {
  background-color: var(--color_button_search);
  color: #535353;
  border-bottom: none;
  margin: 0;
}

.c-heading {
  font-weight: 700;
}

.c-card__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--color_card_inner_border);
  border-radius: 4px;
}
.c-card__row {
  border-bottom: solid 1px var(--color_border);
  display: flex;
  padding: 12px 0;
}
.c-card__row--note {
  border: none;
  padding: 0 0 16px 0;
}
.c-card__row--note .c-card__label,
.c-card__row--note .c-card__content {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
}
.c-card__row--note .c-card__label {
  flex: 0 0 8em;
}
.c-card__row--note:last-child {
  padding-bottom: 0;
}
.c-card__note {
  border-bottom: solid 1px var(--color_border);
  padding: 12px 0;
}
.c-card__label, .c-card__content {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
}
.c-card__label {
  font-weight: 700;
  color: var(--color_dt_label);
  width: 100%;
  flex: 0 0 120px;
}
.c-card__contents {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}
.c-card__content {
  font-weight: 400;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 16px;
}
.c-card__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.c-card__status {
  font-weight: 700;
}
.c-card__status--blue {
  color: var(--color_mgu_blue);
}
.c-card__status--green {
  color: var(--color_green);
}
.c-card__status--red {
  color: var(--color_red);
}

.c-card-summary {
  background-color: var(--color_light_gray);
  padding: 16px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-card-summary__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color_dt_label);
  padding-bottom: 4px;
  border-bottom: 1px solid var(--color_border);
}

.admin .c-card__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.admin .c-card__row {
  border-bottom: none;
  padding: 0;
}
.admin .c-card__label, .admin .c-card__content {
  font-size: 14px;
  letter-spacing: 0px;
}
.admin .c-card__label {
  flex: 0 0 134px;
}

.c-icon {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.c-icon::before {
  width: 1em;
  height: 1em;
  text-align: center;
}

.c-input-select__select, .c-input {
  font-size: 16px;
  line-height: 1.4;
  background-color: var(--color_white);
  padding: 16px 14px;
  border: 1px solid var(--color_input_border);
  border-radius: 4px;
  font-family: "Noto Sans JP";
}
@media (min-width: 768px) {
  .c-input-select__select, .c-input {
    font-size: 14px;
    padding: 16px 14px;
    width: 100%;
  }
}
.c-input-select__select::-moz-placeholder, .c-input::-moz-placeholder {
  color: var(--color_disabled_text);
}
.c-input-select__select::placeholder, .c-input::placeholder {
  color: var(--color_disabled_text);
}
.c-input-select__select:focus-visible, .c-input:focus-visible {
  outline-color: var(--color_primary);
  border-radius: 0;
}

.c-input-checkbox, .c-input-radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  margin: 0;
}
.c-input-checkbox + label, .c-input-radio + label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.c-input-checkbox + label + .c-input-checkbox + label, .c-input-radio + label + .c-input-checkbox + label, .c-input-checkbox + label + .c-input-radio + label, .c-input-radio + label + .c-input-radio + label {
  margin-inline-start: 8px;
}

.c-input-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .c-input-row {
    gap: 6px;
  }
}
.c-input-row label {
  flex: 0 0 auto;
}
.c-input-row form {
  flex: 1 1 auto;
}

.c-input-field {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.c-input-error {
  color: var(--color_red);
  font-size: 12px;
  letter-spacing: 0;
}

.c-input-note {
  color: var(--color_text_gray);
  font-size: 12px;
}
@media (min-width: 768px) {
  .c-input-note {
    font-size: 14px;
  }
}

.c-input-search {
  font-size: 14px;
  padding: 8px 16px;
}
.c-input-search::-moz-placeholder {
  color: var(--color_gray3);
}
.c-input-search::placeholder {
  color: var(--color_gray3);
}
.c-input-search--small {
  font-size: 14px;
  padding: 9px 14px 9px 38px;
}
.c-input-search--select {
  width: 120px;
}

.c-input__value {
  font-weight: 700;
}
@media (min-width: 768px) {
  .c-input__value {
    font-weight: 400;
    font-size: 14px;
  }
}
.c-input--files {
  padding: 8px;
}
.c-input--date::-moz-placeholder {
  color: var(--color_black);
  font-size: 16px;
  line-height: 24px;
}
.c-input--date::placeholder {
  color: var(--color_black);
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .c-input--date {
    width: 100%;
  }
}
.c-input--small {
  width: 30%;
}
.c-input--textarea {
  min-height: 142px;
  width: 100%;
  resize: vertical;
  font-family: "Noto Sans JP";
}
@media (min-width: 768px) {
  .c-input--textarea {
    min-height: 101px;
    font-size: 14px;
  }
}
.c-input--reception, .c-input--employee, .c-input--application {
  width: 90px;
}
.c-input--name, .c-input--pre-app, .c-input--report {
  width: 120px;
}
.c-input--date {
  width: 100%;
}
.c-input--range {
  min-width: 220px;
}

.c-input-radio + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid var(--color_gray4);
  margin-right: 5px;
  flex: 0 0 16px;
}
.c-input-radio:checked + label::before {
  background-color: var(--color_blue);
  box-shadow: inset 0 0 0 1px #fff;
}

.c-input-checkbox {
  top: 0;
  left: 0;
}
.c-input-checkbox + label {
  top: 50%;
  left: 0;
  position: relative;
  padding-left: 27px;
}
@media (max-width: 767px) {
  .c-input-checkbox + label {
    padding-left: 27px;
  }
}
.c-input-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid var(--color_gray4);
  position: absolute;
  left: 5px;
  margin-right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-input-checkbox:checked + label::before {
  background-color: var(--color_white);
}
.c-input-checkbox:checked + label::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}

.c-input-select {
  position: relative;
}
@media (min-width: 768px) {
  .c-input-select {
    font-size: 14px;
    width: 100%;
  }
}
.c-input-select:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  background-color: transparent;
  pointer-events: none;
  width: 9px;
  height: 13px;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%) rotate(90deg);
  z-index: 1;
}
.c-input-select__select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 40px;
  position: relative;
}

.c-file {
  position: relative;
  display: inline-block;
}
.c-file__edit {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.c-input--file {
  font-size: 14px;
}
.c-input--file::file-selector-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  margin-right: 8px;
  border: 1px solid var(--color_link);
  border-radius: 4px;
  background: var(--color_white);
  color: var(--color_link);
  cursor: pointer;
  transition: background-color 0.2s;
}

.c-radio {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.c-radio-group {
  display: flex;
  gap: 24px;
}
.c-radio__text {
  font-size: 14px;
  color: var(--color_text_gray);
}

input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid var(--color_input_border);
  border-radius: 50%;
  position: relative;
}

input[type=radio]:checked::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--color_input_border);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-select {
  position: relative;
  display: inline-block;
}
.c-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-select::after {
  content: "▼";
  position: absolute;
  font-family: "Noto Sans JP";
  font-size: 9px;
  color: #8F8D8D;
  top: 57%;
  right: 16px;
  pointer-events: none;
}
.c-select--edit::after {
  top: 40%;
}

.admin .c-input {
  padding: 8px;
}

.c-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.c-table th, .c-table td {
  text-align: left;
  border-bottom: 1px solid var(--color_table_border);
  padding: 8px;
  line-height: normal;
}
@media (max-width: 999px) {
  .c-table th, .c-table td {
    padding: 8px;
  }
}
.c-table thead th {
  color: var(--color_th);
  background-color: var(--color_th_bg);
}
.c-table tbody td {
  color: var(--color_td);
  background-color: var(--color_td_bg);
}

.c-table-responsive {
  overflow-x: auto;
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
}
.c-pagination__prev, .c-pagination__next {
  display: inline-flex;
  align-items: center;
  color: var(--color_text);
  text-decoration: none;
  font-size: 12px;
}
.c-pagination__prev:hover, .c-pagination__next:hover {
  opacity: 0.7;
}
.c-pagination__prev::before {
  content: "\ea60";
  font-family: "tabler-icons";
  font-size: 16px;
  font-weight: 700;
  margin-right: 8px;
  line-height: 1;
}
.c-pagination__next::after {
  content: "\ea61";
  font-family: "tabler-icons";
  font-size: 16px;
  font-weight: 700;
  margin-left: 8px;
  line-height: 1;
}
.c-pagination__current {
  min-width: 60px;
  text-align: center;
  color: var(--color_text);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.c-information {
  background-color: var(--color_light_blue);
  border: 1px solid var(--color_blue);
  border-radius: 8px;
  padding: 16px;
  color: var(--color_blue);
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .c-information {
    font-size: 14px;
  }
}
.c-information--red {
  background-color: var(--color_light_red);
  border: 1px solid var(--color_red);
  color: var(--color_red);
}
.c-information--red__notice {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.c-information--red__notice--title {
  font-weight: 700;
}
.c-information--red__notice--text {
  color: var(--color_text_gray);
}
.c-information--green {
  background-color: var(--color_light_green);
  border: 1px solid var(--color_green);
  color: var(--color_green);
}
.c-information--message {
  display: flex;
  align-items: center;
  background-color: var(--color_cream);
  border: 1px solid var(--color_cream_border);
  color: var(--color_text_gray);
  padding: 12px 16px;
  font-weight: 500;
}
.c-information--message:has(.c-button) {
  padding: 6px 16px;
}
.c-information--badge::before {
  position: relative;
  top: 1px;
  content: "\ea05";
  font-family: "tabler-icons";
  color: var(--color_cream_border);
  font-weight: 700;
  font-size: 20px;
  margin-right: 12px;
}

.c-status {
  background-color: var(--color_light_blue);
  border-radius: 4px;
  padding: 24px;
  color: var(--color_blue);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.c-status--green {
  color: var(--color_green);
  background-color: var(--color_light_green);
}

.c-adminBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: center;
  border-radius: 4px;
  padding: 2px;
  color: var(--color_white);
}
.c-adminBadge--mini {
  width: 45px;
}
.c-adminBadge--received {
  background-color: var(--color_blue);
}
.c-adminBadge--approved {
  background-color: var(--color_green);
}
.c-adminBadge--rejected {
  background-color: var(--color_red);
}
.c-adminBadge--unreported {
  background-color: var(--color_admin_gray);
}
.c-adminBadge--exceeded {
  background-color: var(--color_light_red);
  color: var(--color_error_red);
  gap: 3px;
}
.c-adminBadge--exceeded::before {
  left: 3px;
  content: "\ea06";
  font-family: "tabler-icons";
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.c-adminBadge--canceled {
  background-color: var(--color_admin_light_gray);
  color: var(--color_text_gray);
}

.c-proxy {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--color_white);
  background-color: var(--color_mgu_blue);
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.c-box {
  background: var(--color_white);
  border-radius: 8px;
  padding: 24px 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-box--login {
  max-width: 337px;
}
.c-box__title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
.c-box__title--left {
  text-align: left;
}
.c-box__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-box__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25;
}
.c-box__search {
  padding: 16px 24px;
}
.c-box__info-list__item {
  font-size: 14px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px var(--color_border);
}
.c-box__info-list__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.admin .c-box {
  padding: 24px;
  width: 100%;
}
.admin .c-box__title {
  font-size: 16px;
  border-bottom: solid 1px var(--color_border);
  padding-bottom: 8px;
  color: var(--color_mgu_blue);
}

.c-tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: var(--color_white);
}
.c-tab__item {
  text-align: center;
  padding: 12px;
  color: var(--color_black);
  border-bottom: 3px solid transparent;
}
.c-tab__item.is-active {
  border-bottom: 3px solid var(--color_mgu_blue);
}
.c-tab__label, .c-tab__title {
  display: block;
}
.c-tab__label {
  font-size: 14px;
}
.c-tab__title {
  font-size: 16px;
}

.admin .c-tab {
  display: flex;
}
.admin .c-tab__item {
  padding: 12px 32px;
  color: var(--color_admin_gray);
}
.admin .c-tab__item:hover, .admin .c-tab__item.is-active {
  color: var(--color_mgu_blue);
}
.admin .c-tab__label {
  font-weight: 700;
}

.c-text {
  font-weight: 400;
}

.c-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.c-form__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.c-form__label {
  font-size: 16px;
}
.c-form__label.is-required::after {
  content: "必須";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 4px;
  background: var(--color_error_red);
  color: #fff;
  font-size: 10px;
  line-height: 1;
  margin-left: 10px;
}
.c-form__unit {
  margin-left: 8px;
}
.c-form__note {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.25;
  color: var(--color_dt_label);
}
.c-form__date {
  position: relative;
}
.c-form__date .c-form__date__inner {
  position: relative;
}
.c-form__date .c-form__date__inner::before {
  content: "\ea52";
  font-family: "tabler-icons";
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 53%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color_black);
}
.c-form__buttons {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flatpickr-months .flatpickr-month {
  height: 42px;
}

.c-search-form__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c-search-form__fields {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.admin .c-form {
  gap: 12px;
}
.admin .c-form__item {
  flex-direction: row;
  align-items: center;
}
.admin .c-form__item--textarea {
  width: 50%;
}
.admin .c-form__label {
  font-size: 14px;
  font-weight: 700;
  color: var(--color_dt_label);
  min-width: 134px;
}
.admin .c-form__label--search {
  font-size: 12px;
  font-weight: 400;
  color: var(--color_dt_label);
}

.c-admin-list__head, .c-admin-list__row {
  display: grid;
  grid-template-columns: 1.5fr 0.7fr 1.5fr 0.9fr 1fr 0.9fr 1fr 0.7fr 1.8fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
.c-admin-list__head--hojo, .c-admin-list__row--hojo {
  grid-template-columns: 146px 90px 45px 1fr 1fr 1fr 1fr 45px;
}
.c-admin-list__head--hojoCheck, .c-admin-list__row--hojoCheck {
  grid-template-columns: 24px 146px 60px 90px 45px 1fr 1fr 1fr 1fr 45px;
}
.c-admin-list__head--user, .c-admin-list__row--user {
  grid-template-columns: 130px 240px 130px 146px 1fr;
}
.c-admin-list__head--user-link, .c-admin-list__row--user-link {
  text-align: right;
}
.c-admin-list__head--info, .c-admin-list__row--info {
  grid-template-columns: 1fr 60px 190px 146px;
}
.c-admin-list__head--info-link, .c-admin-list__row--info-link {
  text-align: right;
}
.c-admin-list__head {
  padding: 16px 0;
  border-bottom: 1px solid #999;
}
.c-admin-list__head--title {
  font-size: 14px;
  font-weight: 700;
  color: var(--color_admin_gray);
}
.c-admin-list__row {
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
  color: inherit;
  text-decoration: none;
}
.c-admin-list__row--text {
  font-size: 14px;
}
.c-admin-list__row--link:hover {
  background-color: #f7f7f7;
}
.c-admin-list__cell {
  min-width: 0;
}

.c-approval {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.c-approval__status {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  font-weight: 700;
  color: #fff;
  background-color: var(--color_green);
  padding: 16px;
}
.c-approval__status--received {
  background-color: var(--color_blue);
}
.c-approval__status--rejected {
  background-color: var(--color_red);
}
.c-approval__status--unreported {
  background-color: var(--color_admin_gray);
}
.c-approval__status--exceeded {
  background-color: var(--color_light_red);
  color: var(--color_error_red);
  gap: 10px;
}
.c-approval__status--exceeded::before {
  content: "\ea06";
  font-family: "tabler-icons";
  font-size: 1em;
  font-weight: 700;
  display: inline-block;
}
.c-approval__status--canceled {
  background-color: var(--color_admin_gray);
}
.c-approval__note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  border-radius: 8px;
  color: var(--color_text_gray);
  background-color: var(--color_light_gray);
}
.c-approval__note--button {
  padding: 8px 16px;
  justify-content: space-between;
  align-items: center;
}
.c-approval__note--w50 {
  width: 50%;
}
.c-approval__note-label {
  flex-shrink: 0;
  font-weight: 700;
}
.c-approval__note-text {
  min-width: 0;
  font-weight: 500;
}
.c-approval-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
}
.c-approval-action__messeage {
  font-size: 14px;
}
.c-approval-action__buttons {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.u-color-mgu_blue {
  color: var(--color_mgu_blue);
}

.u-bg-color-mgu_blue {
  background-color: var(--color_mgu_blue);
}

.u-color-white {
  color: var(--color_white);
}

.u-bg-color-white {
  background-color: var(--color_white);
}

.u-color-black {
  color: var(--color_black);
}

.u-bg-color-black {
  background-color: var(--color_black);
}

.u-color-border {
  color: var(--color_border);
}

.u-bg-color-border {
  background-color: var(--color_border);
}

.u-color-card_inner_border {
  color: var(--color_card_inner_border);
}

.u-bg-color-card_inner_border {
  background-color: var(--color_card_inner_border);
}

.u-color-input_border {
  color: var(--color_input_border);
}

.u-bg-color-input_border {
  background-color: var(--color_input_border);
}

.u-color-admin_gray {
  color: var(--color_admin_gray);
}

.u-bg-color-admin_gray {
  background-color: var(--color_admin_gray);
}

.u-color-admin_light_gray {
  color: var(--color_admin_light_gray);
}

.u-bg-color-admin_light_gray {
  background-color: var(--color_admin_light_gray);
}

.u-color-light_gray {
  color: var(--color_light_gray);
}

.u-bg-color-light_gray {
  background-color: var(--color_light_gray);
}

.u-color-red {
  color: var(--color_red);
}

.u-bg-color-red {
  background-color: var(--color_red);
}

.u-color-dark_red {
  color: var(--color_dark_red);
}

.u-bg-color-dark_red {
  background-color: var(--color_dark_red);
}

.u-color-light_red {
  color: var(--color_light_red);
}

.u-bg-color-light_red {
  background-color: var(--color_light_red);
}

.u-color-blue {
  color: var(--color_blue);
}

.u-bg-color-blue {
  background-color: var(--color_blue);
}

.u-color-dark_blue {
  color: var(--color_dark_blue);
}

.u-bg-color-dark_blue {
  background-color: var(--color_dark_blue);
}

.u-color-light_blue {
  color: var(--color_light_blue);
}

.u-bg-color-light_blue {
  background-color: var(--color_light_blue);
}

.u-color-green {
  color: var(--color_green);
}

.u-bg-color-green {
  background-color: var(--color_green);
}

.u-color-dark_green {
  color: var(--color_dark_green);
}

.u-bg-color-dark_green {
  background-color: var(--color_dark_green);
}

.u-color-light_green {
  color: var(--color_light_green);
}

.u-bg-color-light_green {
  background-color: var(--color_light_green);
}

.u-color-yellow {
  color: var(--color_yellow);
}

.u-bg-color-yellow {
  background-color: var(--color_yellow);
}

.u-color-dark_yellow {
  color: var(--color_dark_yellow);
}

.u-bg-color-dark_yellow {
  background-color: var(--color_dark_yellow);
}

.u-color-light_yellow {
  color: var(--color_light_yellow);
}

.u-bg-color-light_yellow {
  background-color: var(--color_light_yellow);
}

.u-color-cream {
  color: var(--color_cream);
}

.u-bg-color-cream {
  background-color: var(--color_cream);
}

.u-color-cream_border {
  color: var(--color_cream_border);
}

.u-bg-color-cream_border {
  background-color: var(--color_cream_border);
}

.u-color-orange {
  color: var(--color_orange);
}

.u-bg-color-orange {
  background-color: var(--color_orange);
}

.u-color-dark_orange {
  color: var(--color_dark_orange);
}

.u-bg-color-dark_orange {
  background-color: var(--color_dark_orange);
}

.u-color-light_orange {
  color: var(--color_light_orange);
}

.u-bg-color-light_orange {
  background-color: var(--color_light_orange);
}

.u-color-dt_label {
  color: var(--color_dt_label);
}

.u-bg-color-dt_label {
  background-color: var(--color_dt_label);
}

.u-color-disabled_text {
  color: var(--color_disabled_text);
}

.u-bg-color-disabled_text {
  background-color: var(--color_disabled_text);
}

.u-color-text_gray {
  color: var(--color_text_gray);
}

.u-bg-color-text_gray {
  background-color: var(--color_text_gray);
}

.u-color-button_gray {
  color: var(--color_button_gray);
}

.u-bg-color-button_gray {
  background-color: var(--color_button_gray);
}

.u-color-button_orange {
  color: var(--color_button_orange);
}

.u-bg-color-button_orange {
  background-color: var(--color_button_orange);
}

.u-color-button_disabled {
  color: var(--color_button_disabled);
}

.u-bg-color-button_disabled {
  background-color: var(--color_button_disabled);
}

.u-color-button_search {
  color: var(--color_button_search);
}

.u-bg-color-button_search {
  background-color: var(--color_button_search);
}

.u-color-bg {
  color: var(--color_bg);
}

.u-bg-color-bg {
  background-color: var(--color_bg);
}

.u-color-admin_bg {
  color: var(--color_admin_bg);
}

.u-bg-color-admin_bg {
  background-color: var(--color_admin_bg);
}

.u-color-th {
  color: var(--color_th);
}

.u-bg-color-th {
  background-color: var(--color_th);
}

.u-color-th_bg {
  color: var(--color_th_bg);
}

.u-bg-color-th_bg {
  background-color: var(--color_th_bg);
}

.u-color-td {
  color: var(--color_td);
}

.u-bg-color-td {
  background-color: var(--color_td);
}

.u-color-td_bg {
  color: var(--color_td_bg);
}

.u-bg-color-td_bg {
  background-color: var(--color_td_bg);
}

.u-color-table_border {
  color: var(--color_table_border);
}

.u-bg-color-table_border {
  background-color: var(--color_table_border);
}

.u-color-error_red {
  color: var(--color_error_red);
}

.u-bg-color-error_red {
  background-color: var(--color_error_red);
}

.u-color-link {
  color: var(--color_link);
}

.u-bg-color-link {
  background-color: var(--color_link);
}

.u-color-link_hover {
  color: var(--color_link_hover);
}

.u-bg-color-link_hover {
  background-color: var(--color_link_hover);
}

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

@media (max-width: 767px) {
  .u-sp-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .u-pc-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .u-tablet-hidden {
    display: none !important;
  }
}
@media (min-width: 1000px) and (max-width: 1299px) {
  .u-laptop-hidden {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .u-tablet-laptop-hidden {
    display: none !important;
  }
}
@media (min-width: 1300px) {
  .u-desktop-hidden {
    display: none !important;
  }
}
.u-m0 {
  margin: 0px !important;
}

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

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

.u-mt0 {
  margin-top: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

.u-p0 {
  padding: 0px !important;
}

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

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

.u-pt0 {
  padding-top: 0px !important;
}

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

.u-pb0 {
  padding-bottom: 0px !important;
}

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

.u-m4 {
  margin: 4px !important;
}

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

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

.u-mt4 {
  margin-top: 4px !important;
}

.u-mr4 {
  margin-right: 4px !important;
}

.u-mb4 {
  margin-bottom: 4px !important;
}

.u-ml4 {
  margin-left: 4px !important;
}

.u-p4 {
  padding: 4px !important;
}

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

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

.u-pt4 {
  padding-top: 4px !important;
}

.u-pr4 {
  padding-right: 4px !important;
}

.u-pb4 {
  padding-bottom: 4px !important;
}

.u-pl4 {
  padding-left: 4px !important;
}

.u-m8 {
  margin: 8px !important;
}

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

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

.u-mt8 {
  margin-top: 8px !important;
}

.u-mr8 {
  margin-right: 8px !important;
}

.u-mb8 {
  margin-bottom: 8px !important;
}

.u-ml8 {
  margin-left: 8px !important;
}

.u-p8 {
  padding: 8px !important;
}

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

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

.u-pt8 {
  padding-top: 8px !important;
}

.u-pr8 {
  padding-right: 8px !important;
}

.u-pb8 {
  padding-bottom: 8px !important;
}

.u-pl8 {
  padding-left: 8px !important;
}

.u-m12 {
  margin: 12px !important;
}

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

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

.u-mt12 {
  margin-top: 12px !important;
}

.u-mr12 {
  margin-right: 12px !important;
}

.u-mb12 {
  margin-bottom: 12px !important;
}

.u-ml12 {
  margin-left: 12px !important;
}

.u-p12 {
  padding: 12px !important;
}

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

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

.u-pt12 {
  padding-top: 12px !important;
}

.u-pr12 {
  padding-right: 12px !important;
}

.u-pb12 {
  padding-bottom: 12px !important;
}

.u-pl12 {
  padding-left: 12px !important;
}

.u-m16 {
  margin: 16px !important;
}

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

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

.u-mt16 {
  margin-top: 16px !important;
}

.u-mr16 {
  margin-right: 16px !important;
}

.u-mb16 {
  margin-bottom: 16px !important;
}

.u-ml16 {
  margin-left: 16px !important;
}

.u-p16 {
  padding: 16px !important;
}

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

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

.u-pt16 {
  padding-top: 16px !important;
}

.u-pr16 {
  padding-right: 16px !important;
}

.u-pb16 {
  padding-bottom: 16px !important;
}

.u-pl16 {
  padding-left: 16px !important;
}

.u-m20 {
  margin: 20px !important;
}

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

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

.u-mt20 {
  margin-top: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-p20 {
  padding: 20px !important;
}

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

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

.u-pt20 {
  padding-top: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-m24 {
  margin: 24px !important;
}

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

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

.u-mt24 {
  margin-top: 24px !important;
}

.u-mr24 {
  margin-right: 24px !important;
}

.u-mb24 {
  margin-bottom: 24px !important;
}

.u-ml24 {
  margin-left: 24px !important;
}

.u-p24 {
  padding: 24px !important;
}

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

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

.u-pt24 {
  padding-top: 24px !important;
}

.u-pr24 {
  padding-right: 24px !important;
}

.u-pb24 {
  padding-bottom: 24px !important;
}

.u-pl24 {
  padding-left: 24px !important;
}

.u-m28 {
  margin: 28px !important;
}

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

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

.u-mt28 {
  margin-top: 28px !important;
}

.u-mr28 {
  margin-right: 28px !important;
}

.u-mb28 {
  margin-bottom: 28px !important;
}

.u-ml28 {
  margin-left: 28px !important;
}

.u-p28 {
  padding: 28px !important;
}

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

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

.u-pt28 {
  padding-top: 28px !important;
}

.u-pr28 {
  padding-right: 28px !important;
}

.u-pb28 {
  padding-bottom: 28px !important;
}

.u-pl28 {
  padding-left: 28px !important;
}

.u-m32 {
  margin: 32px !important;
}

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

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

.u-mt32 {
  margin-top: 32px !important;
}

.u-mr32 {
  margin-right: 32px !important;
}

.u-mb32 {
  margin-bottom: 32px !important;
}

.u-ml32 {
  margin-left: 32px !important;
}

.u-p32 {
  padding: 32px !important;
}

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

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

.u-pt32 {
  padding-top: 32px !important;
}

.u-pr32 {
  padding-right: 32px !important;
}

.u-pb32 {
  padding-bottom: 32px !important;
}

.u-pl32 {
  padding-left: 32px !important;
}

.u-m36 {
  margin: 36px !important;
}

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

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

.u-mt36 {
  margin-top: 36px !important;
}

.u-mr36 {
  margin-right: 36px !important;
}

.u-mb36 {
  margin-bottom: 36px !important;
}

.u-ml36 {
  margin-left: 36px !important;
}

.u-p36 {
  padding: 36px !important;
}

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

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

.u-pt36 {
  padding-top: 36px !important;
}

.u-pr36 {
  padding-right: 36px !important;
}

.u-pb36 {
  padding-bottom: 36px !important;
}

.u-pl36 {
  padding-left: 36px !important;
}

.u-m40 {
  margin: 40px !important;
}

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

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

.u-mt40 {
  margin-top: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-p40 {
  padding: 40px !important;
}

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

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

.u-pt40 {
  padding-top: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-m44 {
  margin: 44px !important;
}

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

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

.u-mt44 {
  margin-top: 44px !important;
}

.u-mr44 {
  margin-right: 44px !important;
}

.u-mb44 {
  margin-bottom: 44px !important;
}

.u-ml44 {
  margin-left: 44px !important;
}

.u-p44 {
  padding: 44px !important;
}

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

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

.u-pt44 {
  padding-top: 44px !important;
}

.u-pr44 {
  padding-right: 44px !important;
}

.u-pb44 {
  padding-bottom: 44px !important;
}

.u-pl44 {
  padding-left: 44px !important;
}

.u-m48 {
  margin: 48px !important;
}

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

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

.u-mt48 {
  margin-top: 48px !important;
}

.u-mr48 {
  margin-right: 48px !important;
}

.u-mb48 {
  margin-bottom: 48px !important;
}

.u-ml48 {
  margin-left: 48px !important;
}

.u-p48 {
  padding: 48px !important;
}

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

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

.u-pt48 {
  padding-top: 48px !important;
}

.u-pr48 {
  padding-right: 48px !important;
}

.u-pb48 {
  padding-bottom: 48px !important;
}

.u-pl48 {
  padding-left: 48px !important;
}

.u-m52 {
  margin: 52px !important;
}

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

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

.u-mt52 {
  margin-top: 52px !important;
}

.u-mr52 {
  margin-right: 52px !important;
}

.u-mb52 {
  margin-bottom: 52px !important;
}

.u-ml52 {
  margin-left: 52px !important;
}

.u-p52 {
  padding: 52px !important;
}

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

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

.u-pt52 {
  padding-top: 52px !important;
}

.u-pr52 {
  padding-right: 52px !important;
}

.u-pb52 {
  padding-bottom: 52px !important;
}

.u-pl52 {
  padding-left: 52px !important;
}

.u-m56 {
  margin: 56px !important;
}

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

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

.u-mt56 {
  margin-top: 56px !important;
}

.u-mr56 {
  margin-right: 56px !important;
}

.u-mb56 {
  margin-bottom: 56px !important;
}

.u-ml56 {
  margin-left: 56px !important;
}

.u-p56 {
  padding: 56px !important;
}

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

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

.u-pt56 {
  padding-top: 56px !important;
}

.u-pr56 {
  padding-right: 56px !important;
}

.u-pb56 {
  padding-bottom: 56px !important;
}

.u-pl56 {
  padding-left: 56px !important;
}

.u-m60 {
  margin: 60px !important;
}

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

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

.u-mt60 {
  margin-top: 60px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-p60 {
  padding: 60px !important;
}

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

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

.u-pt60 {
  padding-top: 60px !important;
}

.u-pr60 {
  padding-right: 60px !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

.u-pl60 {
  padding-left: 60px !important;
}

.u-m64 {
  margin: 64px !important;
}

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

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

.u-mt64 {
  margin-top: 64px !important;
}

.u-mr64 {
  margin-right: 64px !important;
}

.u-mb64 {
  margin-bottom: 64px !important;
}

.u-ml64 {
  margin-left: 64px !important;
}

.u-p64 {
  padding: 64px !important;
}

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

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

.u-pt64 {
  padding-top: 64px !important;
}

.u-pr64 {
  padding-right: 64px !important;
}

.u-pb64 {
  padding-bottom: 64px !important;
}

.u-pl64 {
  padding-left: 64px !important;
}

.u-m68 {
  margin: 68px !important;
}

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

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

.u-mt68 {
  margin-top: 68px !important;
}

.u-mr68 {
  margin-right: 68px !important;
}

.u-mb68 {
  margin-bottom: 68px !important;
}

.u-ml68 {
  margin-left: 68px !important;
}

.u-p68 {
  padding: 68px !important;
}

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

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

.u-pt68 {
  padding-top: 68px !important;
}

.u-pr68 {
  padding-right: 68px !important;
}

.u-pb68 {
  padding-bottom: 68px !important;
}

.u-pl68 {
  padding-left: 68px !important;
}

.u-m72 {
  margin: 72px !important;
}

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

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

.u-mt72 {
  margin-top: 72px !important;
}

.u-mr72 {
  margin-right: 72px !important;
}

.u-mb72 {
  margin-bottom: 72px !important;
}

.u-ml72 {
  margin-left: 72px !important;
}

.u-p72 {
  padding: 72px !important;
}

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

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

.u-pt72 {
  padding-top: 72px !important;
}

.u-pr72 {
  padding-right: 72px !important;
}

.u-pb72 {
  padding-bottom: 72px !important;
}

.u-pl72 {
  padding-left: 72px !important;
}

.u-m76 {
  margin: 76px !important;
}

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

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

.u-mt76 {
  margin-top: 76px !important;
}

.u-mr76 {
  margin-right: 76px !important;
}

.u-mb76 {
  margin-bottom: 76px !important;
}

.u-ml76 {
  margin-left: 76px !important;
}

.u-p76 {
  padding: 76px !important;
}

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

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

.u-pt76 {
  padding-top: 76px !important;
}

.u-pr76 {
  padding-right: 76px !important;
}

.u-pb76 {
  padding-bottom: 76px !important;
}

.u-pl76 {
  padding-left: 76px !important;
}

.u-m80 {
  margin: 80px !important;
}

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

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

.u-mt80 {
  margin-top: 80px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-ml80 {
  margin-left: 80px !important;
}

.u-p80 {
  padding: 80px !important;
}

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

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

.u-pt80 {
  padding-top: 80px !important;
}

.u-pr80 {
  padding-right: 80px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-pl80 {
  padding-left: 80px !important;
}

.u-m84 {
  margin: 84px !important;
}

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

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

.u-mt84 {
  margin-top: 84px !important;
}

.u-mr84 {
  margin-right: 84px !important;
}

.u-mb84 {
  margin-bottom: 84px !important;
}

.u-ml84 {
  margin-left: 84px !important;
}

.u-p84 {
  padding: 84px !important;
}

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

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

.u-pt84 {
  padding-top: 84px !important;
}

.u-pr84 {
  padding-right: 84px !important;
}

.u-pb84 {
  padding-bottom: 84px !important;
}

.u-pl84 {
  padding-left: 84px !important;
}

.u-m88 {
  margin: 88px !important;
}

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

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

.u-mt88 {
  margin-top: 88px !important;
}

.u-mr88 {
  margin-right: 88px !important;
}

.u-mb88 {
  margin-bottom: 88px !important;
}

.u-ml88 {
  margin-left: 88px !important;
}

.u-p88 {
  padding: 88px !important;
}

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

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

.u-pt88 {
  padding-top: 88px !important;
}

.u-pr88 {
  padding-right: 88px !important;
}

.u-pb88 {
  padding-bottom: 88px !important;
}

.u-pl88 {
  padding-left: 88px !important;
}

.u-m92 {
  margin: 92px !important;
}

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

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

.u-mt92 {
  margin-top: 92px !important;
}

.u-mr92 {
  margin-right: 92px !important;
}

.u-mb92 {
  margin-bottom: 92px !important;
}

.u-ml92 {
  margin-left: 92px !important;
}

.u-p92 {
  padding: 92px !important;
}

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

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

.u-pt92 {
  padding-top: 92px !important;
}

.u-pr92 {
  padding-right: 92px !important;
}

.u-pb92 {
  padding-bottom: 92px !important;
}

.u-pl92 {
  padding-left: 92px !important;
}

.u-m96 {
  margin: 96px !important;
}

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

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

.u-mt96 {
  margin-top: 96px !important;
}

.u-mr96 {
  margin-right: 96px !important;
}

.u-mb96 {
  margin-bottom: 96px !important;
}

.u-ml96 {
  margin-left: 96px !important;
}

.u-p96 {
  padding: 96px !important;
}

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

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

.u-pt96 {
  padding-top: 96px !important;
}

.u-pr96 {
  padding-right: 96px !important;
}

.u-pb96 {
  padding-bottom: 96px !important;
}

.u-pl96 {
  padding-left: 96px !important;
}

.u-m100 {
  margin: 100px !important;
}

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

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

.u-mt100 {
  margin-top: 100px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-p100 {
  padding: 100px !important;
}

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

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

.u-pt100 {
  padding-top: 100px !important;
}

.u-pr100 {
  padding-right: 100px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-pl100 {
  padding-left: 100px !important;
}

.u-mAuto {
  margin: auto !important;
}

.u-mxAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-myAuto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.u-mtAuto {
  margin-top: auto !important;
}

.u-mrAuto {
  margin-right: auto !important;
}

.u-mbAuto {
  margin-bottom: auto !important;
}

.u-mlAuto {
  margin-left: auto !important;
}

.u-pAuto {
  padding: auto !important;
}

.u-pxAuto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.u-pyAuto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.u-ptAuto {
  padding-top: auto !important;
}

.u-prAuto {
  padding-right: auto !important;
}

.u-pbAuto {
  padding-bottom: auto !important;
}

.u-plAuto {
  padding-left: auto !important;
}

@media (max-width: 767px) {
  .u-m0sp {
    margin: 0px !important;
  }
  .u-mx0sp {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-my0sp {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mt0sp {
    margin-top: 0px !important;
  }
  .u-mr0sp {
    margin-right: 0px !important;
  }
  .u-mb0sp {
    margin-bottom: 0px !important;
  }
  .u-ml0sp {
    margin-left: 0px !important;
  }
  .u-p0sp {
    padding: 0px !important;
  }
  .u-px0sp {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-py0sp {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-pt0sp {
    padding-top: 0px !important;
  }
  .u-pr0sp {
    padding-right: 0px !important;
  }
  .u-pb0sp {
    padding-bottom: 0px !important;
  }
  .u-pl0sp {
    padding-left: 0px !important;
  }
  .u-m4sp {
    margin: 4px !important;
  }
  .u-mx4sp {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my4sp {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-mt4sp {
    margin-top: 4px !important;
  }
  .u-mr4sp {
    margin-right: 4px !important;
  }
  .u-mb4sp {
    margin-bottom: 4px !important;
  }
  .u-ml4sp {
    margin-left: 4px !important;
  }
  .u-p4sp {
    padding: 4px !important;
  }
  .u-px4sp {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py4sp {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-pt4sp {
    padding-top: 4px !important;
  }
  .u-pr4sp {
    padding-right: 4px !important;
  }
  .u-pb4sp {
    padding-bottom: 4px !important;
  }
  .u-pl4sp {
    padding-left: 4px !important;
  }
  .u-m8sp {
    margin: 8px !important;
  }
  .u-mx8sp {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my8sp {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mt8sp {
    margin-top: 8px !important;
  }
  .u-mr8sp {
    margin-right: 8px !important;
  }
  .u-mb8sp {
    margin-bottom: 8px !important;
  }
  .u-ml8sp {
    margin-left: 8px !important;
  }
  .u-p8sp {
    padding: 8px !important;
  }
  .u-px8sp {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py8sp {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-pt8sp {
    padding-top: 8px !important;
  }
  .u-pr8sp {
    padding-right: 8px !important;
  }
  .u-pb8sp {
    padding-bottom: 8px !important;
  }
  .u-pl8sp {
    padding-left: 8px !important;
  }
  .u-m12sp {
    margin: 12px !important;
  }
  .u-mx12sp {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my12sp {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-mt12sp {
    margin-top: 12px !important;
  }
  .u-mr12sp {
    margin-right: 12px !important;
  }
  .u-mb12sp {
    margin-bottom: 12px !important;
  }
  .u-ml12sp {
    margin-left: 12px !important;
  }
  .u-p12sp {
    padding: 12px !important;
  }
  .u-px12sp {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py12sp {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-pt12sp {
    padding-top: 12px !important;
  }
  .u-pr12sp {
    padding-right: 12px !important;
  }
  .u-pb12sp {
    padding-bottom: 12px !important;
  }
  .u-pl12sp {
    padding-left: 12px !important;
  }
  .u-m16sp {
    margin: 16px !important;
  }
  .u-mx16sp {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my16sp {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mt16sp {
    margin-top: 16px !important;
  }
  .u-mr16sp {
    margin-right: 16px !important;
  }
  .u-mb16sp {
    margin-bottom: 16px !important;
  }
  .u-ml16sp {
    margin-left: 16px !important;
  }
  .u-p16sp {
    padding: 16px !important;
  }
  .u-px16sp {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py16sp {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-pt16sp {
    padding-top: 16px !important;
  }
  .u-pr16sp {
    padding-right: 16px !important;
  }
  .u-pb16sp {
    padding-bottom: 16px !important;
  }
  .u-pl16sp {
    padding-left: 16px !important;
  }
  .u-m20sp {
    margin: 20px !important;
  }
  .u-mx20sp {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-my20sp {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-mt20sp {
    margin-top: 20px !important;
  }
  .u-mr20sp {
    margin-right: 20px !important;
  }
  .u-mb20sp {
    margin-bottom: 20px !important;
  }
  .u-ml20sp {
    margin-left: 20px !important;
  }
  .u-p20sp {
    padding: 20px !important;
  }
  .u-px20sp {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-py20sp {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-pt20sp {
    padding-top: 20px !important;
  }
  .u-pr20sp {
    padding-right: 20px !important;
  }
  .u-pb20sp {
    padding-bottom: 20px !important;
  }
  .u-pl20sp {
    padding-left: 20px !important;
  }
  .u-m24sp {
    margin: 24px !important;
  }
  .u-mx24sp {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my24sp {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mt24sp {
    margin-top: 24px !important;
  }
  .u-mr24sp {
    margin-right: 24px !important;
  }
  .u-mb24sp {
    margin-bottom: 24px !important;
  }
  .u-ml24sp {
    margin-left: 24px !important;
  }
  .u-p24sp {
    padding: 24px !important;
  }
  .u-px24sp {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py24sp {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-pt24sp {
    padding-top: 24px !important;
  }
  .u-pr24sp {
    padding-right: 24px !important;
  }
  .u-pb24sp {
    padding-bottom: 24px !important;
  }
  .u-pl24sp {
    padding-left: 24px !important;
  }
  .u-m28sp {
    margin: 28px !important;
  }
  .u-mx28sp {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-my28sp {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-mt28sp {
    margin-top: 28px !important;
  }
  .u-mr28sp {
    margin-right: 28px !important;
  }
  .u-mb28sp {
    margin-bottom: 28px !important;
  }
  .u-ml28sp {
    margin-left: 28px !important;
  }
  .u-p28sp {
    padding: 28px !important;
  }
  .u-px28sp {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .u-py28sp {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-pt28sp {
    padding-top: 28px !important;
  }
  .u-pr28sp {
    padding-right: 28px !important;
  }
  .u-pb28sp {
    padding-bottom: 28px !important;
  }
  .u-pl28sp {
    padding-left: 28px !important;
  }
  .u-m32sp {
    margin: 32px !important;
  }
  .u-mx32sp {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my32sp {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mt32sp {
    margin-top: 32px !important;
  }
  .u-mr32sp {
    margin-right: 32px !important;
  }
  .u-mb32sp {
    margin-bottom: 32px !important;
  }
  .u-ml32sp {
    margin-left: 32px !important;
  }
  .u-p32sp {
    padding: 32px !important;
  }
  .u-px32sp {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py32sp {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-pt32sp {
    padding-top: 32px !important;
  }
  .u-pr32sp {
    padding-right: 32px !important;
  }
  .u-pb32sp {
    padding-bottom: 32px !important;
  }
  .u-pl32sp {
    padding-left: 32px !important;
  }
  .u-m36sp {
    margin: 36px !important;
  }
  .u-mx36sp {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .u-my36sp {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .u-mt36sp {
    margin-top: 36px !important;
  }
  .u-mr36sp {
    margin-right: 36px !important;
  }
  .u-mb36sp {
    margin-bottom: 36px !important;
  }
  .u-ml36sp {
    margin-left: 36px !important;
  }
  .u-p36sp {
    padding: 36px !important;
  }
  .u-px36sp {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .u-py36sp {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .u-pt36sp {
    padding-top: 36px !important;
  }
  .u-pr36sp {
    padding-right: 36px !important;
  }
  .u-pb36sp {
    padding-bottom: 36px !important;
  }
  .u-pl36sp {
    padding-left: 36px !important;
  }
  .u-m40sp {
    margin: 40px !important;
  }
  .u-mx40sp {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my40sp {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mt40sp {
    margin-top: 40px !important;
  }
  .u-mr40sp {
    margin-right: 40px !important;
  }
  .u-mb40sp {
    margin-bottom: 40px !important;
  }
  .u-ml40sp {
    margin-left: 40px !important;
  }
  .u-p40sp {
    padding: 40px !important;
  }
  .u-px40sp {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py40sp {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-pt40sp {
    padding-top: 40px !important;
  }
  .u-pr40sp {
    padding-right: 40px !important;
  }
  .u-pb40sp {
    padding-bottom: 40px !important;
  }
  .u-pl40sp {
    padding-left: 40px !important;
  }
  .u-m44sp {
    margin: 44px !important;
  }
  .u-mx44sp {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
  .u-my44sp {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .u-mt44sp {
    margin-top: 44px !important;
  }
  .u-mr44sp {
    margin-right: 44px !important;
  }
  .u-mb44sp {
    margin-bottom: 44px !important;
  }
  .u-ml44sp {
    margin-left: 44px !important;
  }
  .u-p44sp {
    padding: 44px !important;
  }
  .u-px44sp {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .u-py44sp {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .u-pt44sp {
    padding-top: 44px !important;
  }
  .u-pr44sp {
    padding-right: 44px !important;
  }
  .u-pb44sp {
    padding-bottom: 44px !important;
  }
  .u-pl44sp {
    padding-left: 44px !important;
  }
  .u-m48sp {
    margin: 48px !important;
  }
  .u-mx48sp {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my48sp {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mt48sp {
    margin-top: 48px !important;
  }
  .u-mr48sp {
    margin-right: 48px !important;
  }
  .u-mb48sp {
    margin-bottom: 48px !important;
  }
  .u-ml48sp {
    margin-left: 48px !important;
  }
  .u-p48sp {
    padding: 48px !important;
  }
  .u-px48sp {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py48sp {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-pt48sp {
    padding-top: 48px !important;
  }
  .u-pr48sp {
    padding-right: 48px !important;
  }
  .u-pb48sp {
    padding-bottom: 48px !important;
  }
  .u-pl48sp {
    padding-left: 48px !important;
  }
  .u-m52sp {
    margin: 52px !important;
  }
  .u-mx52sp {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
  .u-my52sp {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .u-mt52sp {
    margin-top: 52px !important;
  }
  .u-mr52sp {
    margin-right: 52px !important;
  }
  .u-mb52sp {
    margin-bottom: 52px !important;
  }
  .u-ml52sp {
    margin-left: 52px !important;
  }
  .u-p52sp {
    padding: 52px !important;
  }
  .u-px52sp {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
  .u-py52sp {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .u-pt52sp {
    padding-top: 52px !important;
  }
  .u-pr52sp {
    padding-right: 52px !important;
  }
  .u-pb52sp {
    padding-bottom: 52px !important;
  }
  .u-pl52sp {
    padding-left: 52px !important;
  }
  .u-m56sp {
    margin: 56px !important;
  }
  .u-mx56sp {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my56sp {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mt56sp {
    margin-top: 56px !important;
  }
  .u-mr56sp {
    margin-right: 56px !important;
  }
  .u-mb56sp {
    margin-bottom: 56px !important;
  }
  .u-ml56sp {
    margin-left: 56px !important;
  }
  .u-p56sp {
    padding: 56px !important;
  }
  .u-px56sp {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py56sp {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-pt56sp {
    padding-top: 56px !important;
  }
  .u-pr56sp {
    padding-right: 56px !important;
  }
  .u-pb56sp {
    padding-bottom: 56px !important;
  }
  .u-pl56sp {
    padding-left: 56px !important;
  }
  .u-m60sp {
    margin: 60px !important;
  }
  .u-mx60sp {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-my60sp {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-mt60sp {
    margin-top: 60px !important;
  }
  .u-mr60sp {
    margin-right: 60px !important;
  }
  .u-mb60sp {
    margin-bottom: 60px !important;
  }
  .u-ml60sp {
    margin-left: 60px !important;
  }
  .u-p60sp {
    padding: 60px !important;
  }
  .u-px60sp {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-py60sp {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .u-pt60sp {
    padding-top: 60px !important;
  }
  .u-pr60sp {
    padding-right: 60px !important;
  }
  .u-pb60sp {
    padding-bottom: 60px !important;
  }
  .u-pl60sp {
    padding-left: 60px !important;
  }
  .u-m64sp {
    margin: 64px !important;
  }
  .u-mx64sp {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my64sp {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mt64sp {
    margin-top: 64px !important;
  }
  .u-mr64sp {
    margin-right: 64px !important;
  }
  .u-mb64sp {
    margin-bottom: 64px !important;
  }
  .u-ml64sp {
    margin-left: 64px !important;
  }
  .u-p64sp {
    padding: 64px !important;
  }
  .u-px64sp {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py64sp {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-pt64sp {
    padding-top: 64px !important;
  }
  .u-pr64sp {
    padding-right: 64px !important;
  }
  .u-pb64sp {
    padding-bottom: 64px !important;
  }
  .u-pl64sp {
    padding-left: 64px !important;
  }
  .u-m68sp {
    margin: 68px !important;
  }
  .u-mx68sp {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
  .u-my68sp {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .u-mt68sp {
    margin-top: 68px !important;
  }
  .u-mr68sp {
    margin-right: 68px !important;
  }
  .u-mb68sp {
    margin-bottom: 68px !important;
  }
  .u-ml68sp {
    margin-left: 68px !important;
  }
  .u-p68sp {
    padding: 68px !important;
  }
  .u-px68sp {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
  .u-py68sp {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .u-pt68sp {
    padding-top: 68px !important;
  }
  .u-pr68sp {
    padding-right: 68px !important;
  }
  .u-pb68sp {
    padding-bottom: 68px !important;
  }
  .u-pl68sp {
    padding-left: 68px !important;
  }
  .u-m72sp {
    margin: 72px !important;
  }
  .u-mx72sp {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my72sp {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mt72sp {
    margin-top: 72px !important;
  }
  .u-mr72sp {
    margin-right: 72px !important;
  }
  .u-mb72sp {
    margin-bottom: 72px !important;
  }
  .u-ml72sp {
    margin-left: 72px !important;
  }
  .u-p72sp {
    padding: 72px !important;
  }
  .u-px72sp {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py72sp {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-pt72sp {
    padding-top: 72px !important;
  }
  .u-pr72sp {
    padding-right: 72px !important;
  }
  .u-pb72sp {
    padding-bottom: 72px !important;
  }
  .u-pl72sp {
    padding-left: 72px !important;
  }
  .u-m76sp {
    margin: 76px !important;
  }
  .u-mx76sp {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
  .u-my76sp {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .u-mt76sp {
    margin-top: 76px !important;
  }
  .u-mr76sp {
    margin-right: 76px !important;
  }
  .u-mb76sp {
    margin-bottom: 76px !important;
  }
  .u-ml76sp {
    margin-left: 76px !important;
  }
  .u-p76sp {
    padding: 76px !important;
  }
  .u-px76sp {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
  .u-py76sp {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .u-pt76sp {
    padding-top: 76px !important;
  }
  .u-pr76sp {
    padding-right: 76px !important;
  }
  .u-pb76sp {
    padding-bottom: 76px !important;
  }
  .u-pl76sp {
    padding-left: 76px !important;
  }
  .u-m80sp {
    margin: 80px !important;
  }
  .u-mx80sp {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .u-my80sp {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mt80sp {
    margin-top: 80px !important;
  }
  .u-mr80sp {
    margin-right: 80px !important;
  }
  .u-mb80sp {
    margin-bottom: 80px !important;
  }
  .u-ml80sp {
    margin-left: 80px !important;
  }
  .u-p80sp {
    padding: 80px !important;
  }
  .u-px80sp {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .u-py80sp {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-pt80sp {
    padding-top: 80px !important;
  }
  .u-pr80sp {
    padding-right: 80px !important;
  }
  .u-pb80sp {
    padding-bottom: 80px !important;
  }
  .u-pl80sp {
    padding-left: 80px !important;
  }
  .u-m84sp {
    margin: 84px !important;
  }
  .u-mx84sp {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
  .u-my84sp {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .u-mt84sp {
    margin-top: 84px !important;
  }
  .u-mr84sp {
    margin-right: 84px !important;
  }
  .u-mb84sp {
    margin-bottom: 84px !important;
  }
  .u-ml84sp {
    margin-left: 84px !important;
  }
  .u-p84sp {
    padding: 84px !important;
  }
  .u-px84sp {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
  .u-py84sp {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .u-pt84sp {
    padding-top: 84px !important;
  }
  .u-pr84sp {
    padding-right: 84px !important;
  }
  .u-pb84sp {
    padding-bottom: 84px !important;
  }
  .u-pl84sp {
    padding-left: 84px !important;
  }
  .u-m88sp {
    margin: 88px !important;
  }
  .u-mx88sp {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my88sp {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-mt88sp {
    margin-top: 88px !important;
  }
  .u-mr88sp {
    margin-right: 88px !important;
  }
  .u-mb88sp {
    margin-bottom: 88px !important;
  }
  .u-ml88sp {
    margin-left: 88px !important;
  }
  .u-p88sp {
    padding: 88px !important;
  }
  .u-px88sp {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py88sp {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-pt88sp {
    padding-top: 88px !important;
  }
  .u-pr88sp {
    padding-right: 88px !important;
  }
  .u-pb88sp {
    padding-bottom: 88px !important;
  }
  .u-pl88sp {
    padding-left: 88px !important;
  }
  .u-m92sp {
    margin: 92px !important;
  }
  .u-mx92sp {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
  .u-my92sp {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .u-mt92sp {
    margin-top: 92px !important;
  }
  .u-mr92sp {
    margin-right: 92px !important;
  }
  .u-mb92sp {
    margin-bottom: 92px !important;
  }
  .u-ml92sp {
    margin-left: 92px !important;
  }
  .u-p92sp {
    padding: 92px !important;
  }
  .u-px92sp {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
  .u-py92sp {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .u-pt92sp {
    padding-top: 92px !important;
  }
  .u-pr92sp {
    padding-right: 92px !important;
  }
  .u-pb92sp {
    padding-bottom: 92px !important;
  }
  .u-pl92sp {
    padding-left: 92px !important;
  }
  .u-m96sp {
    margin: 96px !important;
  }
  .u-mx96sp {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my96sp {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-mt96sp {
    margin-top: 96px !important;
  }
  .u-mr96sp {
    margin-right: 96px !important;
  }
  .u-mb96sp {
    margin-bottom: 96px !important;
  }
  .u-ml96sp {
    margin-left: 96px !important;
  }
  .u-p96sp {
    padding: 96px !important;
  }
  .u-px96sp {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py96sp {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-pt96sp {
    padding-top: 96px !important;
  }
  .u-pr96sp {
    padding-right: 96px !important;
  }
  .u-pb96sp {
    padding-bottom: 96px !important;
  }
  .u-pl96sp {
    padding-left: 96px !important;
  }
  .u-m100sp {
    margin: 100px !important;
  }
  .u-mx100sp {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .u-my100sp {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .u-mt100sp {
    margin-top: 100px !important;
  }
  .u-mr100sp {
    margin-right: 100px !important;
  }
  .u-mb100sp {
    margin-bottom: 100px !important;
  }
  .u-ml100sp {
    margin-left: 100px !important;
  }
  .u-p100sp {
    padding: 100px !important;
  }
  .u-px100sp {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .u-py100sp {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .u-pt100sp {
    padding-top: 100px !important;
  }
  .u-pr100sp {
    padding-right: 100px !important;
  }
  .u-pb100sp {
    padding-bottom: 100px !important;
  }
  .u-pl100sp {
    padding-left: 100px !important;
  }
}
@media (min-width: 768px) {
  .u-m0pc {
    margin: 0px !important;
  }
  .u-mx0pc {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-my0pc {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mt0pc {
    margin-top: 0px !important;
  }
  .u-mr0pc {
    margin-right: 0px !important;
  }
  .u-mb0pc {
    margin-bottom: 0px !important;
  }
  .u-ml0pc {
    margin-left: 0px !important;
  }
  .u-p0pc {
    padding: 0px !important;
  }
  .u-px0pc {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-py0pc {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-pt0pc {
    padding-top: 0px !important;
  }
  .u-pr0pc {
    padding-right: 0px !important;
  }
  .u-pb0pc {
    padding-bottom: 0px !important;
  }
  .u-pl0pc {
    padding-left: 0px !important;
  }
  .u-m4pc {
    margin: 4px !important;
  }
  .u-mx4pc {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my4pc {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-mt4pc {
    margin-top: 4px !important;
  }
  .u-mr4pc {
    margin-right: 4px !important;
  }
  .u-mb4pc {
    margin-bottom: 4px !important;
  }
  .u-ml4pc {
    margin-left: 4px !important;
  }
  .u-p4pc {
    padding: 4px !important;
  }
  .u-px4pc {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py4pc {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-pt4pc {
    padding-top: 4px !important;
  }
  .u-pr4pc {
    padding-right: 4px !important;
  }
  .u-pb4pc {
    padding-bottom: 4px !important;
  }
  .u-pl4pc {
    padding-left: 4px !important;
  }
  .u-m8pc {
    margin: 8px !important;
  }
  .u-mx8pc {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my8pc {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mt8pc {
    margin-top: 8px !important;
  }
  .u-mr8pc {
    margin-right: 8px !important;
  }
  .u-mb8pc {
    margin-bottom: 8px !important;
  }
  .u-ml8pc {
    margin-left: 8px !important;
  }
  .u-p8pc {
    padding: 8px !important;
  }
  .u-px8pc {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py8pc {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-pt8pc {
    padding-top: 8px !important;
  }
  .u-pr8pc {
    padding-right: 8px !important;
  }
  .u-pb8pc {
    padding-bottom: 8px !important;
  }
  .u-pl8pc {
    padding-left: 8px !important;
  }
  .u-m12pc {
    margin: 12px !important;
  }
  .u-mx12pc {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my12pc {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-mt12pc {
    margin-top: 12px !important;
  }
  .u-mr12pc {
    margin-right: 12px !important;
  }
  .u-mb12pc {
    margin-bottom: 12px !important;
  }
  .u-ml12pc {
    margin-left: 12px !important;
  }
  .u-p12pc {
    padding: 12px !important;
  }
  .u-px12pc {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py12pc {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-pt12pc {
    padding-top: 12px !important;
  }
  .u-pr12pc {
    padding-right: 12px !important;
  }
  .u-pb12pc {
    padding-bottom: 12px !important;
  }
  .u-pl12pc {
    padding-left: 12px !important;
  }
  .u-m16pc {
    margin: 16px !important;
  }
  .u-mx16pc {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my16pc {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mt16pc {
    margin-top: 16px !important;
  }
  .u-mr16pc {
    margin-right: 16px !important;
  }
  .u-mb16pc {
    margin-bottom: 16px !important;
  }
  .u-ml16pc {
    margin-left: 16px !important;
  }
  .u-p16pc {
    padding: 16px !important;
  }
  .u-px16pc {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py16pc {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-pt16pc {
    padding-top: 16px !important;
  }
  .u-pr16pc {
    padding-right: 16px !important;
  }
  .u-pb16pc {
    padding-bottom: 16px !important;
  }
  .u-pl16pc {
    padding-left: 16px !important;
  }
  .u-m20pc {
    margin: 20px !important;
  }
  .u-mx20pc {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-my20pc {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-mt20pc {
    margin-top: 20px !important;
  }
  .u-mr20pc {
    margin-right: 20px !important;
  }
  .u-mb20pc {
    margin-bottom: 20px !important;
  }
  .u-ml20pc {
    margin-left: 20px !important;
  }
  .u-p20pc {
    padding: 20px !important;
  }
  .u-px20pc {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-py20pc {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-pt20pc {
    padding-top: 20px !important;
  }
  .u-pr20pc {
    padding-right: 20px !important;
  }
  .u-pb20pc {
    padding-bottom: 20px !important;
  }
  .u-pl20pc {
    padding-left: 20px !important;
  }
  .u-m24pc {
    margin: 24px !important;
  }
  .u-mx24pc {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my24pc {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mt24pc {
    margin-top: 24px !important;
  }
  .u-mr24pc {
    margin-right: 24px !important;
  }
  .u-mb24pc {
    margin-bottom: 24px !important;
  }
  .u-ml24pc {
    margin-left: 24px !important;
  }
  .u-p24pc {
    padding: 24px !important;
  }
  .u-px24pc {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py24pc {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-pt24pc {
    padding-top: 24px !important;
  }
  .u-pr24pc {
    padding-right: 24px !important;
  }
  .u-pb24pc {
    padding-bottom: 24px !important;
  }
  .u-pl24pc {
    padding-left: 24px !important;
  }
  .u-m28pc {
    margin: 28px !important;
  }
  .u-mx28pc {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .u-my28pc {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .u-mt28pc {
    margin-top: 28px !important;
  }
  .u-mr28pc {
    margin-right: 28px !important;
  }
  .u-mb28pc {
    margin-bottom: 28px !important;
  }
  .u-ml28pc {
    margin-left: 28px !important;
  }
  .u-p28pc {
    padding: 28px !important;
  }
  .u-px28pc {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .u-py28pc {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-pt28pc {
    padding-top: 28px !important;
  }
  .u-pr28pc {
    padding-right: 28px !important;
  }
  .u-pb28pc {
    padding-bottom: 28px !important;
  }
  .u-pl28pc {
    padding-left: 28px !important;
  }
  .u-m32pc {
    margin: 32px !important;
  }
  .u-mx32pc {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my32pc {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mt32pc {
    margin-top: 32px !important;
  }
  .u-mr32pc {
    margin-right: 32px !important;
  }
  .u-mb32pc {
    margin-bottom: 32px !important;
  }
  .u-ml32pc {
    margin-left: 32px !important;
  }
  .u-p32pc {
    padding: 32px !important;
  }
  .u-px32pc {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py32pc {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-pt32pc {
    padding-top: 32px !important;
  }
  .u-pr32pc {
    padding-right: 32px !important;
  }
  .u-pb32pc {
    padding-bottom: 32px !important;
  }
  .u-pl32pc {
    padding-left: 32px !important;
  }
  .u-m36pc {
    margin: 36px !important;
  }
  .u-mx36pc {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .u-my36pc {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .u-mt36pc {
    margin-top: 36px !important;
  }
  .u-mr36pc {
    margin-right: 36px !important;
  }
  .u-mb36pc {
    margin-bottom: 36px !important;
  }
  .u-ml36pc {
    margin-left: 36px !important;
  }
  .u-p36pc {
    padding: 36px !important;
  }
  .u-px36pc {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .u-py36pc {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .u-pt36pc {
    padding-top: 36px !important;
  }
  .u-pr36pc {
    padding-right: 36px !important;
  }
  .u-pb36pc {
    padding-bottom: 36px !important;
  }
  .u-pl36pc {
    padding-left: 36px !important;
  }
  .u-m40pc {
    margin: 40px !important;
  }
  .u-mx40pc {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my40pc {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mt40pc {
    margin-top: 40px !important;
  }
  .u-mr40pc {
    margin-right: 40px !important;
  }
  .u-mb40pc {
    margin-bottom: 40px !important;
  }
  .u-ml40pc {
    margin-left: 40px !important;
  }
  .u-p40pc {
    padding: 40px !important;
  }
  .u-px40pc {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py40pc {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-pt40pc {
    padding-top: 40px !important;
  }
  .u-pr40pc {
    padding-right: 40px !important;
  }
  .u-pb40pc {
    padding-bottom: 40px !important;
  }
  .u-pl40pc {
    padding-left: 40px !important;
  }
  .u-m44pc {
    margin: 44px !important;
  }
  .u-mx44pc {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
  .u-my44pc {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .u-mt44pc {
    margin-top: 44px !important;
  }
  .u-mr44pc {
    margin-right: 44px !important;
  }
  .u-mb44pc {
    margin-bottom: 44px !important;
  }
  .u-ml44pc {
    margin-left: 44px !important;
  }
  .u-p44pc {
    padding: 44px !important;
  }
  .u-px44pc {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .u-py44pc {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .u-pt44pc {
    padding-top: 44px !important;
  }
  .u-pr44pc {
    padding-right: 44px !important;
  }
  .u-pb44pc {
    padding-bottom: 44px !important;
  }
  .u-pl44pc {
    padding-left: 44px !important;
  }
  .u-m48pc {
    margin: 48px !important;
  }
  .u-mx48pc {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my48pc {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mt48pc {
    margin-top: 48px !important;
  }
  .u-mr48pc {
    margin-right: 48px !important;
  }
  .u-mb48pc {
    margin-bottom: 48px !important;
  }
  .u-ml48pc {
    margin-left: 48px !important;
  }
  .u-p48pc {
    padding: 48px !important;
  }
  .u-px48pc {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py48pc {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-pt48pc {
    padding-top: 48px !important;
  }
  .u-pr48pc {
    padding-right: 48px !important;
  }
  .u-pb48pc {
    padding-bottom: 48px !important;
  }
  .u-pl48pc {
    padding-left: 48px !important;
  }
  .u-m52pc {
    margin: 52px !important;
  }
  .u-mx52pc {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
  .u-my52pc {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .u-mt52pc {
    margin-top: 52px !important;
  }
  .u-mr52pc {
    margin-right: 52px !important;
  }
  .u-mb52pc {
    margin-bottom: 52px !important;
  }
  .u-ml52pc {
    margin-left: 52px !important;
  }
  .u-p52pc {
    padding: 52px !important;
  }
  .u-px52pc {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
  .u-py52pc {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .u-pt52pc {
    padding-top: 52px !important;
  }
  .u-pr52pc {
    padding-right: 52px !important;
  }
  .u-pb52pc {
    padding-bottom: 52px !important;
  }
  .u-pl52pc {
    padding-left: 52px !important;
  }
  .u-m56pc {
    margin: 56px !important;
  }
  .u-mx56pc {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my56pc {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mt56pc {
    margin-top: 56px !important;
  }
  .u-mr56pc {
    margin-right: 56px !important;
  }
  .u-mb56pc {
    margin-bottom: 56px !important;
  }
  .u-ml56pc {
    margin-left: 56px !important;
  }
  .u-p56pc {
    padding: 56px !important;
  }
  .u-px56pc {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py56pc {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-pt56pc {
    padding-top: 56px !important;
  }
  .u-pr56pc {
    padding-right: 56px !important;
  }
  .u-pb56pc {
    padding-bottom: 56px !important;
  }
  .u-pl56pc {
    padding-left: 56px !important;
  }
  .u-m60pc {
    margin: 60px !important;
  }
  .u-mx60pc {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-my60pc {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-mt60pc {
    margin-top: 60px !important;
  }
  .u-mr60pc {
    margin-right: 60px !important;
  }
  .u-mb60pc {
    margin-bottom: 60px !important;
  }
  .u-ml60pc {
    margin-left: 60px !important;
  }
  .u-p60pc {
    padding: 60px !important;
  }
  .u-px60pc {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-py60pc {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .u-pt60pc {
    padding-top: 60px !important;
  }
  .u-pr60pc {
    padding-right: 60px !important;
  }
  .u-pb60pc {
    padding-bottom: 60px !important;
  }
  .u-pl60pc {
    padding-left: 60px !important;
  }
  .u-m64pc {
    margin: 64px !important;
  }
  .u-mx64pc {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my64pc {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mt64pc {
    margin-top: 64px !important;
  }
  .u-mr64pc {
    margin-right: 64px !important;
  }
  .u-mb64pc {
    margin-bottom: 64px !important;
  }
  .u-ml64pc {
    margin-left: 64px !important;
  }
  .u-p64pc {
    padding: 64px !important;
  }
  .u-px64pc {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py64pc {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-pt64pc {
    padding-top: 64px !important;
  }
  .u-pr64pc {
    padding-right: 64px !important;
  }
  .u-pb64pc {
    padding-bottom: 64px !important;
  }
  .u-pl64pc {
    padding-left: 64px !important;
  }
  .u-m68pc {
    margin: 68px !important;
  }
  .u-mx68pc {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
  .u-my68pc {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
  .u-mt68pc {
    margin-top: 68px !important;
  }
  .u-mr68pc {
    margin-right: 68px !important;
  }
  .u-mb68pc {
    margin-bottom: 68px !important;
  }
  .u-ml68pc {
    margin-left: 68px !important;
  }
  .u-p68pc {
    padding: 68px !important;
  }
  .u-px68pc {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
  .u-py68pc {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .u-pt68pc {
    padding-top: 68px !important;
  }
  .u-pr68pc {
    padding-right: 68px !important;
  }
  .u-pb68pc {
    padding-bottom: 68px !important;
  }
  .u-pl68pc {
    padding-left: 68px !important;
  }
  .u-m72pc {
    margin: 72px !important;
  }
  .u-mx72pc {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my72pc {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mt72pc {
    margin-top: 72px !important;
  }
  .u-mr72pc {
    margin-right: 72px !important;
  }
  .u-mb72pc {
    margin-bottom: 72px !important;
  }
  .u-ml72pc {
    margin-left: 72px !important;
  }
  .u-p72pc {
    padding: 72px !important;
  }
  .u-px72pc {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py72pc {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-pt72pc {
    padding-top: 72px !important;
  }
  .u-pr72pc {
    padding-right: 72px !important;
  }
  .u-pb72pc {
    padding-bottom: 72px !important;
  }
  .u-pl72pc {
    padding-left: 72px !important;
  }
  .u-m76pc {
    margin: 76px !important;
  }
  .u-mx76pc {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
  .u-my76pc {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
  .u-mt76pc {
    margin-top: 76px !important;
  }
  .u-mr76pc {
    margin-right: 76px !important;
  }
  .u-mb76pc {
    margin-bottom: 76px !important;
  }
  .u-ml76pc {
    margin-left: 76px !important;
  }
  .u-p76pc {
    padding: 76px !important;
  }
  .u-px76pc {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
  .u-py76pc {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .u-pt76pc {
    padding-top: 76px !important;
  }
  .u-pr76pc {
    padding-right: 76px !important;
  }
  .u-pb76pc {
    padding-bottom: 76px !important;
  }
  .u-pl76pc {
    padding-left: 76px !important;
  }
  .u-m80pc {
    margin: 80px !important;
  }
  .u-mx80pc {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .u-my80pc {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mt80pc {
    margin-top: 80px !important;
  }
  .u-mr80pc {
    margin-right: 80px !important;
  }
  .u-mb80pc {
    margin-bottom: 80px !important;
  }
  .u-ml80pc {
    margin-left: 80px !important;
  }
  .u-p80pc {
    padding: 80px !important;
  }
  .u-px80pc {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .u-py80pc {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-pt80pc {
    padding-top: 80px !important;
  }
  .u-pr80pc {
    padding-right: 80px !important;
  }
  .u-pb80pc {
    padding-bottom: 80px !important;
  }
  .u-pl80pc {
    padding-left: 80px !important;
  }
  .u-m84pc {
    margin: 84px !important;
  }
  .u-mx84pc {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
  .u-my84pc {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
  .u-mt84pc {
    margin-top: 84px !important;
  }
  .u-mr84pc {
    margin-right: 84px !important;
  }
  .u-mb84pc {
    margin-bottom: 84px !important;
  }
  .u-ml84pc {
    margin-left: 84px !important;
  }
  .u-p84pc {
    padding: 84px !important;
  }
  .u-px84pc {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
  .u-py84pc {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .u-pt84pc {
    padding-top: 84px !important;
  }
  .u-pr84pc {
    padding-right: 84px !important;
  }
  .u-pb84pc {
    padding-bottom: 84px !important;
  }
  .u-pl84pc {
    padding-left: 84px !important;
  }
  .u-m88pc {
    margin: 88px !important;
  }
  .u-mx88pc {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my88pc {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-mt88pc {
    margin-top: 88px !important;
  }
  .u-mr88pc {
    margin-right: 88px !important;
  }
  .u-mb88pc {
    margin-bottom: 88px !important;
  }
  .u-ml88pc {
    margin-left: 88px !important;
  }
  .u-p88pc {
    padding: 88px !important;
  }
  .u-px88pc {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py88pc {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-pt88pc {
    padding-top: 88px !important;
  }
  .u-pr88pc {
    padding-right: 88px !important;
  }
  .u-pb88pc {
    padding-bottom: 88px !important;
  }
  .u-pl88pc {
    padding-left: 88px !important;
  }
  .u-m92pc {
    margin: 92px !important;
  }
  .u-mx92pc {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
  .u-my92pc {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
  .u-mt92pc {
    margin-top: 92px !important;
  }
  .u-mr92pc {
    margin-right: 92px !important;
  }
  .u-mb92pc {
    margin-bottom: 92px !important;
  }
  .u-ml92pc {
    margin-left: 92px !important;
  }
  .u-p92pc {
    padding: 92px !important;
  }
  .u-px92pc {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
  .u-py92pc {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .u-pt92pc {
    padding-top: 92px !important;
  }
  .u-pr92pc {
    padding-right: 92px !important;
  }
  .u-pb92pc {
    padding-bottom: 92px !important;
  }
  .u-pl92pc {
    padding-left: 92px !important;
  }
  .u-m96pc {
    margin: 96px !important;
  }
  .u-mx96pc {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my96pc {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-mt96pc {
    margin-top: 96px !important;
  }
  .u-mr96pc {
    margin-right: 96px !important;
  }
  .u-mb96pc {
    margin-bottom: 96px !important;
  }
  .u-ml96pc {
    margin-left: 96px !important;
  }
  .u-p96pc {
    padding: 96px !important;
  }
  .u-px96pc {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py96pc {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-pt96pc {
    padding-top: 96px !important;
  }
  .u-pr96pc {
    padding-right: 96px !important;
  }
  .u-pb96pc {
    padding-bottom: 96px !important;
  }
  .u-pl96pc {
    padding-left: 96px !important;
  }
  .u-m100pc {
    margin: 100px !important;
  }
  .u-mx100pc {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .u-my100pc {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .u-mt100pc {
    margin-top: 100px !important;
  }
  .u-mr100pc {
    margin-right: 100px !important;
  }
  .u-mb100pc {
    margin-bottom: 100px !important;
  }
  .u-ml100pc {
    margin-left: 100px !important;
  }
  .u-p100pc {
    padding: 100px !important;
  }
  .u-px100pc {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .u-py100pc {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .u-pt100pc {
    padding-top: 100px !important;
  }
  .u-pr100pc {
    padding-right: 100px !important;
  }
  .u-pb100pc {
    padding-bottom: 100px !important;
  }
  .u-pl100pc {
    padding-left: 100px !important;
  }
}
.u-gap4 {
  gap: 4px !important;
}

.u-gap8 {
  gap: 8px !important;
}

.u-gap12 {
  gap: 12px !important;
}

.u-gap16 {
  gap: 16px !important;
}

.u-gap20 {
  gap: 20px !important;
}

.u-gap24 {
  gap: 24px !important;
}

.u-gap28 {
  gap: 28px !important;
}

.u-gap32 {
  gap: 32px !important;
}

.u-gap36 {
  gap: 36px !important;
}

.u-gap40 {
  gap: 40px !important;
}

.u-gap44 {
  gap: 44px !important;
}

.u-gap48 {
  gap: 48px !important;
}

.u-gap52 {
  gap: 52px !important;
}

.u-gap56 {
  gap: 56px !important;
}

.u-gap60 {
  gap: 60px !important;
}

.u-gap64 {
  gap: 64px !important;
}

.u-gap68 {
  gap: 68px !important;
}

.u-gap72 {
  gap: 72px !important;
}

.u-gap76 {
  gap: 76px !important;
}

.u-gap80 {
  gap: 80px !important;
}

@media (max-width: 767px) {
  .u-gap0sp {
    gap: 0px !important;
  }
  .u-gap4sp {
    gap: 4px !important;
  }
  .u-gap8sp {
    gap: 8px !important;
  }
  .u-gap12sp {
    gap: 12px !important;
  }
  .u-gap16sp {
    gap: 16px !important;
  }
  .u-gap20sp {
    gap: 20px !important;
  }
  .u-gap24sp {
    gap: 24px !important;
  }
  .u-gap28sp {
    gap: 28px !important;
  }
  .u-gap32sp {
    gap: 32px !important;
  }
  .u-gap36sp {
    gap: 36px !important;
  }
  .u-gap40sp {
    gap: 40px !important;
  }
  .u-gap44sp {
    gap: 44px !important;
  }
  .u-gap48sp {
    gap: 48px !important;
  }
  .u-gap52sp {
    gap: 52px !important;
  }
  .u-gap56sp {
    gap: 56px !important;
  }
  .u-gap60sp {
    gap: 60px !important;
  }
  .u-gap64sp {
    gap: 64px !important;
  }
  .u-gap68sp {
    gap: 68px !important;
  }
  .u-gap72sp {
    gap: 72px !important;
  }
  .u-gap76sp {
    gap: 76px !important;
  }
  .u-gap80sp {
    gap: 80px !important;
  }
  .u-gap84sp {
    gap: 84px !important;
  }
  .u-gap88sp {
    gap: 88px !important;
  }
  .u-gap92sp {
    gap: 92px !important;
  }
  .u-gap96sp {
    gap: 96px !important;
  }
  .u-gap100sp {
    gap: 100px !important;
  }
}
.u-fz10 {
  font-size: 10px !important;
}

.u-fz11 {
  font-size: 11px !important;
}

.u-fz12 {
  font-size: 12px !important;
}

.u-fz13 {
  font-size: 13px !important;
}

.u-fz14 {
  font-size: 14px !important;
}

.u-fz15 {
  font-size: 15px !important;
}

.u-fz16 {
  font-size: 16px !important;
}

.u-fz17 {
  font-size: 17px !important;
}

.u-fz18 {
  font-size: 18px !important;
}

.u-fz19 {
  font-size: 19px !important;
}

.u-fz20 {
  font-size: 20px !important;
}

.u-fz21 {
  font-size: 21px !important;
}

.u-fz22 {
  font-size: 22px !important;
}

.u-fz23 {
  font-size: 23px !important;
}

.u-fz24 {
  font-size: 24px !important;
}

.u-fz25 {
  font-size: 25px !important;
}

.u-fz26 {
  font-size: 26px !important;
}

.u-fz27 {
  font-size: 27px !important;
}

.u-fz28 {
  font-size: 28px !important;
}

.u-fz29 {
  font-size: 29px !important;
}

.u-fz30 {
  font-size: 30px !important;
}

.u-fz31 {
  font-size: 31px !important;
}

.u-fz32 {
  font-size: 32px !important;
}

.u-fz33 {
  font-size: 33px !important;
}

.u-fz34 {
  font-size: 34px !important;
}

.u-fz35 {
  font-size: 35px !important;
}

.u-fz36 {
  font-size: 36px !important;
}

.u-fz37 {
  font-size: 37px !important;
}

.u-fz38 {
  font-size: 38px !important;
}

.u-fz39 {
  font-size: 39px !important;
}

.u-fz40 {
  font-size: 40px !important;
}

.u-fz41 {
  font-size: 41px !important;
}

.u-fz42 {
  font-size: 42px !important;
}

.u-fz43 {
  font-size: 43px !important;
}

.u-fz44 {
  font-size: 44px !important;
}

.u-fz45 {
  font-size: 45px !important;
}

.u-fz46 {
  font-size: 46px !important;
}

.u-fz47 {
  font-size: 47px !important;
}

.u-fz48 {
  font-size: 48px !important;
}

.u-fz49 {
  font-size: 49px !important;
}

.u-fz50 {
  font-size: 50px !important;
}

.u-fz51 {
  font-size: 51px !important;
}

.u-fz52 {
  font-size: 52px !important;
}

.u-fz53 {
  font-size: 53px !important;
}

.u-fz54 {
  font-size: 54px !important;
}

.u-fz55 {
  font-size: 55px !important;
}

.u-fz56 {
  font-size: 56px !important;
}

.u-fz57 {
  font-size: 57px !important;
}

.u-fz58 {
  font-size: 58px !important;
}

.u-fz59 {
  font-size: 59px !important;
}

.u-fz60 {
  font-size: 60px !important;
}

.u-fz61 {
  font-size: 61px !important;
}

.u-fz62 {
  font-size: 62px !important;
}

.u-fz63 {
  font-size: 63px !important;
}

.u-fz64 {
  font-size: 64px !important;
}

.u-fz65 {
  font-size: 65px !important;
}

.u-fz66 {
  font-size: 66px !important;
}

.u-fz67 {
  font-size: 67px !important;
}

.u-fz68 {
  font-size: 68px !important;
}

.u-fz69 {
  font-size: 69px !important;
}

.u-fz70 {
  font-size: 70px !important;
}

.u-fz71 {
  font-size: 71px !important;
}

.u-fz72 {
  font-size: 72px !important;
}

.u-fz73 {
  font-size: 73px !important;
}

.u-fz74 {
  font-size: 74px !important;
}

.u-fz75 {
  font-size: 75px !important;
}

.u-fz76 {
  font-size: 76px !important;
}

.u-fz77 {
  font-size: 77px !important;
}

.u-fz78 {
  font-size: 78px !important;
}

.u-fz79 {
  font-size: 79px !important;
}

.u-fz80 {
  font-size: 80px !important;
}

.u-fz81 {
  font-size: 81px !important;
}

.u-fz82 {
  font-size: 82px !important;
}

.u-fz83 {
  font-size: 83px !important;
}

.u-fz84 {
  font-size: 84px !important;
}

.u-fz85 {
  font-size: 85px !important;
}

.u-fz86 {
  font-size: 86px !important;
}

.u-fz87 {
  font-size: 87px !important;
}

.u-fz88 {
  font-size: 88px !important;
}

.u-fz89 {
  font-size: 89px !important;
}

.u-fz90 {
  font-size: 90px !important;
}

.u-fz91 {
  font-size: 91px !important;
}

.u-fz92 {
  font-size: 92px !important;
}

.u-fz93 {
  font-size: 93px !important;
}

.u-fz94 {
  font-size: 94px !important;
}

.u-fz95 {
  font-size: 95px !important;
}

.u-fz96 {
  font-size: 96px !important;
}

.u-fz97 {
  font-size: 97px !important;
}

.u-fz98 {
  font-size: 98px !important;
}

.u-fz99 {
  font-size: 99px !important;
}

.u-fz100 {
  font-size: 100px !important;
}

@media (max-width: 767px) {
  .u-fz10sp {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .u-fz10pc {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .u-fz11sp {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .u-fz11pc {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .u-fz12sp {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .u-fz12pc {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .u-fz13sp {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .u-fz13pc {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .u-fz14sp {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .u-fz14pc {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .u-fz15sp {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .u-fz15pc {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .u-fz16sp {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .u-fz16pc {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .u-fz17sp {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .u-fz17pc {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .u-fz18sp {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .u-fz18pc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .u-fz19sp {
    font-size: 19px;
  }
}
@media (min-width: 768px) {
  .u-fz19pc {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .u-fz20sp {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .u-fz20pc {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .u-fz21sp {
    font-size: 21px;
  }
}
@media (min-width: 768px) {
  .u-fz21pc {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .u-fz22sp {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .u-fz22pc {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .u-fz23sp {
    font-size: 23px;
  }
}
@media (min-width: 768px) {
  .u-fz23pc {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .u-fz24sp {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .u-fz24pc {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .u-fz25sp {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .u-fz25pc {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .u-fz26sp {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .u-fz26pc {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .u-fz27sp {
    font-size: 27px;
  }
}
@media (min-width: 768px) {
  .u-fz27pc {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .u-fz28sp {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .u-fz28pc {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .u-fz29sp {
    font-size: 29px;
  }
}
@media (min-width: 768px) {
  .u-fz29pc {
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .u-fz30sp {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .u-fz30pc {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .u-fz31sp {
    font-size: 31px;
  }
}
@media (min-width: 768px) {
  .u-fz31pc {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .u-fz32sp {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .u-fz32pc {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .u-fz33sp {
    font-size: 33px;
  }
}
@media (min-width: 768px) {
  .u-fz33pc {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .u-fz34sp {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  .u-fz34pc {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .u-fz35sp {
    font-size: 35px;
  }
}
@media (min-width: 768px) {
  .u-fz35pc {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .u-fz36sp {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .u-fz36pc {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .u-fz37sp {
    font-size: 37px;
  }
}
@media (min-width: 768px) {
  .u-fz37pc {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .u-fz38sp {
    font-size: 38px;
  }
}
@media (min-width: 768px) {
  .u-fz38pc {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .u-fz39sp {
    font-size: 39px;
  }
}
@media (min-width: 768px) {
  .u-fz39pc {
    font-size: 39px;
  }
}
@media (max-width: 767px) {
  .u-fz40sp {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .u-fz40pc {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .u-fz41sp {
    font-size: 41px;
  }
}
@media (min-width: 768px) {
  .u-fz41pc {
    font-size: 41px;
  }
}
@media (max-width: 767px) {
  .u-fz42sp {
    font-size: 42px;
  }
}
@media (min-width: 768px) {
  .u-fz42pc {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .u-fz43sp {
    font-size: 43px;
  }
}
@media (min-width: 768px) {
  .u-fz43pc {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .u-fz44sp {
    font-size: 44px;
  }
}
@media (min-width: 768px) {
  .u-fz44pc {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .u-fz45sp {
    font-size: 45px;
  }
}
@media (min-width: 768px) {
  .u-fz45pc {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .u-fz46sp {
    font-size: 46px;
  }
}
@media (min-width: 768px) {
  .u-fz46pc {
    font-size: 46px;
  }
}
@media (max-width: 767px) {
  .u-fz47sp {
    font-size: 47px;
  }
}
@media (min-width: 768px) {
  .u-fz47pc {
    font-size: 47px;
  }
}
@media (max-width: 767px) {
  .u-fz48sp {
    font-size: 48px;
  }
}
@media (min-width: 768px) {
  .u-fz48pc {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .u-fz49sp {
    font-size: 49px;
  }
}
@media (min-width: 768px) {
  .u-fz49pc {
    font-size: 49px;
  }
}
@media (max-width: 767px) {
  .u-fz50sp {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  .u-fz50pc {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .u-fz51sp {
    font-size: 51px;
  }
}
@media (min-width: 768px) {
  .u-fz51pc {
    font-size: 51px;
  }
}
@media (max-width: 767px) {
  .u-fz52sp {
    font-size: 52px;
  }
}
@media (min-width: 768px) {
  .u-fz52pc {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .u-fz53sp {
    font-size: 53px;
  }
}
@media (min-width: 768px) {
  .u-fz53pc {
    font-size: 53px;
  }
}
@media (max-width: 767px) {
  .u-fz54sp {
    font-size: 54px;
  }
}
@media (min-width: 768px) {
  .u-fz54pc {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .u-fz55sp {
    font-size: 55px;
  }
}
@media (min-width: 768px) {
  .u-fz55pc {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .u-fz56sp {
    font-size: 56px;
  }
}
@media (min-width: 768px) {
  .u-fz56pc {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .u-fz57sp {
    font-size: 57px;
  }
}
@media (min-width: 768px) {
  .u-fz57pc {
    font-size: 57px;
  }
}
@media (max-width: 767px) {
  .u-fz58sp {
    font-size: 58px;
  }
}
@media (min-width: 768px) {
  .u-fz58pc {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  .u-fz59sp {
    font-size: 59px;
  }
}
@media (min-width: 768px) {
  .u-fz59pc {
    font-size: 59px;
  }
}
@media (max-width: 767px) {
  .u-fz60sp {
    font-size: 60px;
  }
}
@media (min-width: 768px) {
  .u-fz60pc {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .u-fz61sp {
    font-size: 61px;
  }
}
@media (min-width: 768px) {
  .u-fz61pc {
    font-size: 61px;
  }
}
@media (max-width: 767px) {
  .u-fz62sp {
    font-size: 62px;
  }
}
@media (min-width: 768px) {
  .u-fz62pc {
    font-size: 62px;
  }
}
@media (max-width: 767px) {
  .u-fz63sp {
    font-size: 63px;
  }
}
@media (min-width: 768px) {
  .u-fz63pc {
    font-size: 63px;
  }
}
@media (max-width: 767px) {
  .u-fz64sp {
    font-size: 64px;
  }
}
@media (min-width: 768px) {
  .u-fz64pc {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .u-fz65sp {
    font-size: 65px;
  }
}
@media (min-width: 768px) {
  .u-fz65pc {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .u-fz66sp {
    font-size: 66px;
  }
}
@media (min-width: 768px) {
  .u-fz66pc {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  .u-fz67sp {
    font-size: 67px;
  }
}
@media (min-width: 768px) {
  .u-fz67pc {
    font-size: 67px;
  }
}
@media (max-width: 767px) {
  .u-fz68sp {
    font-size: 68px;
  }
}
@media (min-width: 768px) {
  .u-fz68pc {
    font-size: 68px;
  }
}
@media (max-width: 767px) {
  .u-fz69sp {
    font-size: 69px;
  }
}
@media (min-width: 768px) {
  .u-fz69pc {
    font-size: 69px;
  }
}
@media (max-width: 767px) {
  .u-fz70sp {
    font-size: 70px;
  }
}
@media (min-width: 768px) {
  .u-fz70pc {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .u-fz71sp {
    font-size: 71px;
  }
}
@media (min-width: 768px) {
  .u-fz71pc {
    font-size: 71px;
  }
}
@media (max-width: 767px) {
  .u-fz72sp {
    font-size: 72px;
  }
}
@media (min-width: 768px) {
  .u-fz72pc {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .u-fz73sp {
    font-size: 73px;
  }
}
@media (min-width: 768px) {
  .u-fz73pc {
    font-size: 73px;
  }
}
@media (max-width: 767px) {
  .u-fz74sp {
    font-size: 74px;
  }
}
@media (min-width: 768px) {
  .u-fz74pc {
    font-size: 74px;
  }
}
@media (max-width: 767px) {
  .u-fz75sp {
    font-size: 75px;
  }
}
@media (min-width: 768px) {
  .u-fz75pc {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .u-fz76sp {
    font-size: 76px;
  }
}
@media (min-width: 768px) {
  .u-fz76pc {
    font-size: 76px;
  }
}
@media (max-width: 767px) {
  .u-fz77sp {
    font-size: 77px;
  }
}
@media (min-width: 768px) {
  .u-fz77pc {
    font-size: 77px;
  }
}
@media (max-width: 767px) {
  .u-fz78sp {
    font-size: 78px;
  }
}
@media (min-width: 768px) {
  .u-fz78pc {
    font-size: 78px;
  }
}
@media (max-width: 767px) {
  .u-fz79sp {
    font-size: 79px;
  }
}
@media (min-width: 768px) {
  .u-fz79pc {
    font-size: 79px;
  }
}
@media (max-width: 767px) {
  .u-fz80sp {
    font-size: 80px;
  }
}
@media (min-width: 768px) {
  .u-fz80pc {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .u-fz81sp {
    font-size: 81px;
  }
}
@media (min-width: 768px) {
  .u-fz81pc {
    font-size: 81px;
  }
}
@media (max-width: 767px) {
  .u-fz82sp {
    font-size: 82px;
  }
}
@media (min-width: 768px) {
  .u-fz82pc {
    font-size: 82px;
  }
}
@media (max-width: 767px) {
  .u-fz83sp {
    font-size: 83px;
  }
}
@media (min-width: 768px) {
  .u-fz83pc {
    font-size: 83px;
  }
}
@media (max-width: 767px) {
  .u-fz84sp {
    font-size: 84px;
  }
}
@media (min-width: 768px) {
  .u-fz84pc {
    font-size: 84px;
  }
}
@media (max-width: 767px) {
  .u-fz85sp {
    font-size: 85px;
  }
}
@media (min-width: 768px) {
  .u-fz85pc {
    font-size: 85px;
  }
}
@media (max-width: 767px) {
  .u-fz86sp {
    font-size: 86px;
  }
}
@media (min-width: 768px) {
  .u-fz86pc {
    font-size: 86px;
  }
}
@media (max-width: 767px) {
  .u-fz87sp {
    font-size: 87px;
  }
}
@media (min-width: 768px) {
  .u-fz87pc {
    font-size: 87px;
  }
}
@media (max-width: 767px) {
  .u-fz88sp {
    font-size: 88px;
  }
}
@media (min-width: 768px) {
  .u-fz88pc {
    font-size: 88px;
  }
}
@media (max-width: 767px) {
  .u-fz89sp {
    font-size: 89px;
  }
}
@media (min-width: 768px) {
  .u-fz89pc {
    font-size: 89px;
  }
}
@media (max-width: 767px) {
  .u-fz90sp {
    font-size: 90px;
  }
}
@media (min-width: 768px) {
  .u-fz90pc {
    font-size: 90px;
  }
}
@media (max-width: 767px) {
  .u-fz91sp {
    font-size: 91px;
  }
}
@media (min-width: 768px) {
  .u-fz91pc {
    font-size: 91px;
  }
}
@media (max-width: 767px) {
  .u-fz92sp {
    font-size: 92px;
  }
}
@media (min-width: 768px) {
  .u-fz92pc {
    font-size: 92px;
  }
}
@media (max-width: 767px) {
  .u-fz93sp {
    font-size: 93px;
  }
}
@media (min-width: 768px) {
  .u-fz93pc {
    font-size: 93px;
  }
}
@media (max-width: 767px) {
  .u-fz94sp {
    font-size: 94px;
  }
}
@media (min-width: 768px) {
  .u-fz94pc {
    font-size: 94px;
  }
}
@media (max-width: 767px) {
  .u-fz95sp {
    font-size: 95px;
  }
}
@media (min-width: 768px) {
  .u-fz95pc {
    font-size: 95px;
  }
}
@media (max-width: 767px) {
  .u-fz96sp {
    font-size: 96px;
  }
}
@media (min-width: 768px) {
  .u-fz96pc {
    font-size: 96px;
  }
}
@media (max-width: 767px) {
  .u-fz97sp {
    font-size: 97px;
  }
}
@media (min-width: 768px) {
  .u-fz97pc {
    font-size: 97px;
  }
}
@media (max-width: 767px) {
  .u-fz98sp {
    font-size: 98px;
  }
}
@media (min-width: 768px) {
  .u-fz98pc {
    font-size: 98px;
  }
}
@media (max-width: 767px) {
  .u-fz99sp {
    font-size: 99px;
  }
}
@media (min-width: 768px) {
  .u-fz99pc {
    font-size: 99px;
  }
}
@media (max-width: 767px) {
  .u-fz100sp {
    font-size: 100px;
  }
}
@media (min-width: 768px) {
  .u-fz100pc {
    font-size: 100px;
  }
}
.u-inherit-size {
  font-size: inherit;
}

.u-inherit-color {
  color: inherit;
}

.u-inherit-weight {
  font-weight: inherit;
}

.u-inherit {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

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

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

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

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

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

.u-text-decoration-none {
  text-decoration: none !important;
}

.u-text-block-center {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

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

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

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

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

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

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

.u-justify-center {
  justify-content: center !important;
}

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

.u-align-start {
  align-items: flex-start !important;
}

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

.u-align-end {
  align-items: flex-end !important;
}

.u-align-self-end {
  align-self: end !important;
}

.u-align-self-start {
  align-self: flex-start !important;
}

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

.u-justify-between {
  justify-content: space-between !important;
}

.u-flex-column {
  flex-direction: column !important;
}

.u-flex-column-reverse {
  flex-direction: column-reverse !important;
}

.u-flex-row {
  flex-direction: row !important;
}

.u-flex-row-reverse {
  flex-direction: row-reverse !important;
}

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

@media (max-width: 767px) {
  .u-grid-col-1-sp {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-1-sp {
    grid-template-rows: repeat(1, auto);
  }
}

@media (max-width: 767px) {
  .u-col-1-sp {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {
  .u-row-1-sp {
    grid-row: span 1;
  }
}

@media (max-width: 767px) {
  .u-grid-col-2-sp {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-2-sp {
    grid-template-rows: repeat(2, auto);
  }
}

@media (max-width: 767px) {
  .u-col-2-sp {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .u-row-2-sp {
    grid-row: span 2;
  }
}

@media (max-width: 767px) {
  .u-grid-col-3-sp {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-3-sp {
    grid-template-rows: repeat(3, auto);
  }
}

@media (max-width: 767px) {
  .u-col-3-sp {
    grid-column: span 3;
  }
}

@media (max-width: 767px) {
  .u-row-3-sp {
    grid-row: span 3;
  }
}

@media (max-width: 767px) {
  .u-grid-col-4-sp {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-4-sp {
    grid-template-rows: repeat(4, auto);
  }
}

@media (max-width: 767px) {
  .u-col-4-sp {
    grid-column: span 4;
  }
}

@media (max-width: 767px) {
  .u-row-4-sp {
    grid-row: span 4;
  }
}

@media (max-width: 767px) {
  .u-grid-col-5-sp {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-5-sp {
    grid-template-rows: repeat(5, auto);
  }
}

@media (max-width: 767px) {
  .u-col-5-sp {
    grid-column: span 5;
  }
}

@media (max-width: 767px) {
  .u-row-5-sp {
    grid-row: span 5;
  }
}

@media (max-width: 767px) {
  .u-grid-col-6-sp {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-6-sp {
    grid-template-rows: repeat(6, auto);
  }
}

@media (max-width: 767px) {
  .u-col-6-sp {
    grid-column: span 6;
  }
}

@media (max-width: 767px) {
  .u-row-6-sp {
    grid-row: span 6;
  }
}

@media (max-width: 767px) {
  .u-grid-col-7-sp {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-7-sp {
    grid-template-rows: repeat(7, auto);
  }
}

@media (max-width: 767px) {
  .u-col-7-sp {
    grid-column: span 7;
  }
}

@media (max-width: 767px) {
  .u-row-7-sp {
    grid-row: span 7;
  }
}

@media (max-width: 767px) {
  .u-grid-col-8-sp {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-8-sp {
    grid-template-rows: repeat(8, auto);
  }
}

@media (max-width: 767px) {
  .u-col-8-sp {
    grid-column: span 8;
  }
}

@media (max-width: 767px) {
  .u-row-8-sp {
    grid-row: span 8;
  }
}

@media (max-width: 767px) {
  .u-grid-col-9-sp {
    grid-template-columns: repeat(9, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-9-sp {
    grid-template-rows: repeat(9, auto);
  }
}

@media (max-width: 767px) {
  .u-col-9-sp {
    grid-column: span 9;
  }
}

@media (max-width: 767px) {
  .u-row-9-sp {
    grid-row: span 9;
  }
}

@media (max-width: 767px) {
  .u-grid-col-10-sp {
    grid-template-columns: repeat(10, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-10-sp {
    grid-template-rows: repeat(10, auto);
  }
}

@media (max-width: 767px) {
  .u-col-10-sp {
    grid-column: span 10;
  }
}

@media (max-width: 767px) {
  .u-row-10-sp {
    grid-row: span 10;
  }
}

@media (max-width: 767px) {
  .u-grid-col-11-sp {
    grid-template-columns: repeat(11, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-11-sp {
    grid-template-rows: repeat(11, auto);
  }
}

@media (max-width: 767px) {
  .u-col-11-sp {
    grid-column: span 11;
  }
}

@media (max-width: 767px) {
  .u-row-11-sp {
    grid-row: span 11;
  }
}

@media (max-width: 767px) {
  .u-grid-col-12-sp {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (max-width: 767px) {
  .u-grid-row-12-sp {
    grid-template-rows: repeat(12, auto);
  }
}

@media (max-width: 767px) {
  .u-col-12-sp {
    grid-column: span 12;
  }
}

@media (max-width: 767px) {
  .u-row-12-sp {
    grid-row: span 12;
  }
}

.u-wAuto {
  width: auto;
}

.u-wFit {
  width: -moz-fit-content;
  width: fit-content;
}

.u-wh100p {
  width: 100% !important;
  height: auto !important;
}

.u-max-w100p {
  max-width: 100% !important;
  height: auto !important;
}

.u-text-indent-1em {
  padding-left: 1em;
  text-indent: -1em;
}

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

.u-word-break-all {
  word-break: break-all;
}

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

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

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

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

.u-pointer {
  cursor: pointer;
}

@media (min-width: 768px) {
  .u-hover:hover {
    opacity: 0.7 !important;
    transition: opacity 250ms !important;
  }
}

.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: 0;
}

.u-member {
  font-size: 14px;
}
.u-member__exceeded {
  font-weight: 700;
  color: var(--color_red);
}

.u-w50 {
  width: 50%;
}

.p-top__title-sub, .p-top__title-main {
  display: block;
}
.p-top__title-sub {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
}
.p-top__title-main {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.p-login {
  flex: 1;
  background: linear-gradient(45deg, rgba(21, 51, 82, 0.4), rgba(24, 106, 187, 0.4)), linear-gradient(0deg, #3879ba, #186abb);
  margin: 0;
}
.p-login__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-login__title {
  padding-top: 86px;
  padding-bottom: 45px;
  color: var(--color_white);
  text-align: center;
}
.p-login__title-company {
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  display: block;
}
.p-login__title-system {
  font-size: 20px;
  font-weight: 700;
  display: block;
}
.p-login__form {
  background: var(--color_white);
  padding: 32px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 337px;
}
.p-login__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-login__input {
  font-size: 16px;
  padding: 16px;
}
@media (min-width: 768px) {
  .p-login__input {
    font-size: 14px;
    padding: 12px 16px;
  }
}

.p-recreation {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-recreation__title-sub, .p-recreation__title-main {
  display: block;
}
.p-recreation__title-sub {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
}
.p-recreation__title-main {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.p-recreation__text {
  font-size: 14px;
}

.p-adminLogin {
  min-height: calc(100svh - 60px);
  display: grid;
  place-items: center;
}
.p-adminLogin__form {
  background: var(--color_white);
  padding: 32px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 337px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.p-adminLogin__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-adminLogin__title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}
.p-adminLogin__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.p-adminLogin__label {
  font-size: 12px;
  display: block;
  color: var(--color_dt_label);
}

.p-detail__inner {
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: flex-start;
}
.p-detail__item {
  flex: 1;
  min-width: 0;
}
.p-detail__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.p-action {
  gap: 24px;
}
.p-action__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.p-action__text, .p-action__inpt-label {
  font-size: 16px;
  font-weight: 700;
}
.p-action__button {
  margin: 0;
}
.p-action__button--group {
  display: flex;
  gap: 16px;
}
.p-action__inpt-label {
  color: var(--color_dt_label);
}

.p-assistance__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.p-assistance__text {
  font-size: 14px;
  color: var(--color_text_gray);
}

.p-csv__inner {
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: flex-start;
}
.p-csv__button {
  align-self: flex-start;
  margin: 0;
}/*# sourceMappingURL=style.css.map */