@charset "UTF-8";
/*--------------------------------------*
 * foundation
*--------------------------------------*/
/* reset
--------------------------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  scrollbar-gutter: stable;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(dialog, [popover]) {
  border: none;
  background: none;
  color: inherit;
  inset: unset;
  max-width: unset;
  max-height: unset;
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  display: none !important;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

/* base
--------------------------- */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  color: var(--color-black);
  background-color: var(--color-white);
  background-image: url(../img/bg_pc.png);
  font-family: "Kiwi Maru", serif;
  min-width: 350px;
  width: 100%;
  overflow-x: hidden;
}

img,
video,
object {
  max-width: 100%;
  height: auto;
  border: none;
  display: block;
}

a {
  text-decoration: none;
  font-style: normal !important;
  color: var(--color-black);
  transition: 0.4s;
}
@media (hover: hover) {
  a:hover {
    text-decoration: underline;
    transition: 0.4s;
  }
}

@media (hover: hover) {
  a:hover {
    opacity: 0.8;
  }
  a:hover img {
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.3s;
  }
}
#page {
  position: relative;
  overflow: hidden;
}

:root {
  --pc-pd: 40px;
  --pc-width: 1600px;
  --pc-min-width: 1280px;
  --sp-pd: 20px;
  --color-base: #fff;
  --color-main: #5c956f;
  --color-main-100: #eaf0ec;
  --color-main-200: #b7d4c2;
  --color-main-300: #6CA1A7;
  --color-accent: #f99f48;
  --color-gray: #efefef;
  --color-black: #333;
  --color-white: #fff;
  --color-white-60: rgba(255, 255, 255, 0.6);
  --beige-thin: rgba(236, 236, 223, 0.2);
  --primary-color: #5c956f;
  --divider-color: #999;
  --border-color: #ddd;
  --border-radius-4: 4px;
  --border-radius-8: 8px;
  --icon-: url(data:image/svg+xml;base64,);
}

/*--------------------------------------*
 * layout
*--------------------------------------*/
.l-container {
  width: 100%;
  max-width: var(--pc-width);
  margin-inline: auto;
  padding-inline: var(--pc-pd);
}
@media (max-width: 767px) {
  .l-container {
    padding-inline: var(--sp-pd);
  }
}

.l-main {
  margin-top: 20px;
  position: relative;
}

/* header
--------------------------- */
.l-header {
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -10px 15px 5px #333;
}
.l-header__inner {
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  padding: 15px 20px;
}
.l-header__logo img {
  height: 40px;
}
.l-header__nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .l-header {
    display: none;
  }
}

/* footer
--------------------------- */
.l-footer {
  position: relative;
  z-index: 2;
  width: 100%;
}
.l-footer__inner {
  width: 100%;
  max-width: 1280px;
  display: grid;
  gap: 8px;
  margin: auto;
}
.l-footer__logo {
  width: 30%;
  max-width: 25vh;
  height: 6vh;
  max-height: 59px;
  background: url(./../img/logo.svg) center no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .l-footer__logo {
    order: 2;
    margin-top: 5px;
  }
}
.l-footer__logo img {
  width: 100%;
}
.l-footer__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4%;
  padding-inline: 3%;
}
@media (max-width: 767px) {
  .l-footer__menu {
    flex-direction: column;
    padding-inline: 8%;
  }
}
.l-footer__menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
  max-width: 80vh;
}
.l-footer__menu ul li > a,
.l-footer__menu ul li button {
  display: block;
  border-radius: 100px;
}
@media (hover: hover) {
  .l-footer__menu ul li > a:hover,
  .l-footer__menu ul li button:hover {
    outline: 2px solid #336896;
    outline-offset: -2px;
    opacity: 1;
  }
}
.l-footer__menu ul li button {
  cursor: auto;
}
.l-footer__menu ul li img {
  pointer-events: none;
  opacity: 1;
}
.l-footer__menu ul li:has(button) {
  position: relative;
}
.l-footer__menu--reserve {
  position: relative;
}
.l-footer__menu--reserve-link01, .l-footer__menu--reserve-link02, .l-footer__menu--reserve-link03 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  width: 100%;
  padding-block: 10px;
  transform: translateY(0px);
  z-index: -1;
  visibility: hidden;
}
@media (max-width: 767px) {
  .l-footer__menu--reserve-link01, .l-footer__menu--reserve-link02, .l-footer__menu--reserve-link03 {
    transform: translateY(-40%);
  }
}
@media (hover: hover) {
  .l-footer__menu--reserve-link01:hover, .l-footer__menu--reserve-link02:hover, .l-footer__menu--reserve-link03:hover {
    text-decoration: none;
    opacity: 1;
  }
  .l-footer__menu--reserve-link01:hover span, .l-footer__menu--reserve-link02:hover span, .l-footer__menu--reserve-link03:hover span {
    background-color: rgba(106, 153, 189, 0.7);
    outline: 2px solid #427097;
    outline-offset: -2px;
    opacity: 1;
  }
}
.l-footer__menu--reserve-link01 span, .l-footer__menu--reserve-link02 span, .l-footer__menu--reserve-link03 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95%;
  padding-block: 5px;
  margin: auto;
  border-radius: 100px;
  color: #fff;
  background-color: #6a99bd;
  font-weight: bold;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .l-footer__menu--reserve-link01 span, .l-footer__menu--reserve-link02 span, .l-footer__menu--reserve-link03 span {
    letter-spacing: -10px;
  }
}
.l-footer__menu--reserve.is-open .l-footer__menu--reserve-link01 {
  transform: translateY(-55px);
  animation-delay: 0.5s;
  visibility: visible;
}
@media (max-width: 767px) {
  .l-footer__menu--reserve.is-open .l-footer__menu--reserve-link01 {
    transform: translateY(-110px) translateX(40px);
    animation-delay: 1s;
    font-size: 8px;
  }
  .l-footer__menu--reserve.is-open .l-footer__menu--reserve-link01 span {
    scale: 1.8;
    letter-spacing: 0.3px;
  }
}
.l-footer__menu--reserve.is-open .l-footer__menu--reserve-link02 {
  transform: translateY(-100px);
  animation-delay: 1s;
  visibility: visible;
}
@media (max-width: 767px) {
  .l-footer__menu--reserve.is-open .l-footer__menu--reserve-link02 {
    transform: translateY(-170px) translateX(40px);
    font-size: 8px;
  }
  .l-footer__menu--reserve.is-open .l-footer__menu--reserve-link02 span {
    scale: 1.8;
    letter-spacing: 0.3px;
  }
}
.l-footer__menu--reserve.is-open .l-footer__menu--reserve-link03 {
  transform: translateY(-145px);
  animation-delay: 1.5s;
  visibility: visible;
}
@media (max-width: 767px) {
  .l-footer__menu--reserve.is-open .l-footer__menu--reserve-link03 {
    transform: translateY(-230px) translateX(40px);
    font-size: 8px;
  }
  .l-footer__menu--reserve.is-open .l-footer__menu--reserve-link03 span {
    scale: 1.8;
    letter-spacing: 0.3px;
  }
}
.l-footer .copyright {
  color: var(--color-black);
  padding: 20px 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .l-footer .copyright {
    padding-top: 0;
  }
}

.l-section {
  padding: 60px 0;
}

#top {
  position: relative;
}

#about-visiting-nurse {
  position: relative;
}
#about-visiting-nurse::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -60px;
  left: 0;
  z-index: -1;
  width: 100%;
  aspect-ratio: 16/9;
  background: url(/asset/img/bg_basho.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*--------------------------------------*
 * object
*--------------------------------------*/
/* component
--------------------------- */
/* nav
--------------------------- */
.c-nav {
  display: flex;
  align-items: center;
  gap: 10px;
}
.c-nav__item {
  text-decoration: none;
  color: var(--text-color);
}
.c-nav__item--divider {
  color: var(--divider-color);
}

/* button
--------------------------- */
.c-button {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--primary-color);
  color: white;
  text-decoration: none;
  border-radius: 40px;
  font-size: 16px;
}

/* icon
--------------------------- */
.c-icon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.c-icon::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: var(--color-black);
  -webkit-mask-size: 14px;
          mask-size: 14px;
  -webkit-mask-position: 50%;
          mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.c-icon--instagram::before {
  -webkit-mask-image: var(--icon-instagram);
          mask-image: var(--icon-instagram);
  margin-bottom: -2px;
}
.c-icon--question-mark::before {
  -webkit-mask-image: var(--icon-question-mark);
          mask-image: var(--icon-question-mark);
}
.c-icon--arrow-down::before {
  -webkit-mask-image: var(--icon-arrow-down);
          mask-image: var(--icon-arrow-down);
}
.c-icon--phone::before {
  -webkit-mask-image: var(--icon-phone);
          mask-image: var(--icon-phone);
}
.c-icon--map-pin::before {
  -webkit-mask-image: var(--icon-map-pin);
          mask-image: var(--icon-map-pin);
  -webkit-mask-size: 10px;
          mask-size: 10px;
}
.c-icon--color-white::before {
  background-color: var(--color-white);
}
.c-icon--large::before {
  width: 24px;
  height: 24px;
  -webkit-mask-size: 24px;
          mask-size: 24px;
}
.c-icon--medium::before {
  width: 18px;
  height: 18px;
  -webkit-mask-size: 18px;
          mask-size: 18px;
}
.c-icon--small::before {
  width: 14px;
  height: 14px;
  -webkit-mask-size: 14px;
          mask-size: 14px;
}

/* heading
--------------------------- */
.c-heading {
  font-size: 1.4375rem;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .c-heading {
    font-size: 1.125rem;
  }
}
.c-heading::after {
  display: block;
  content: attr(data-subtext);
  font-size: 0.7em;
}
.c-heading[data-subtext] {
  display: grid;
  justify-content: center;
  gap: 2px;
  text-align: center;
}
.c-heading:has(span) {
  display: block !important;
}
.c-heading--xlarge {
  font-size: 1.75rem;
}
.c-heading--large {
  font-size: 1.625rem;
}
.c-heading--small {
  font-size: 1.25rem;
}
.c-heading--xsmall {
  font-size: 1.125rem;
}

/* text
--------------------------- */
.c-text {
  font-size: 1.125rem;
  line-height: 1.5;
}
.c-text--center {
  text-align: center;
}

/* button
--------------------------- */
.c-accordion__summary {
  display: inline-block;
}
.c-accordion__summary::-webkit-details-marker {
  display: none;
}
.c-accordion__summary-inner {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 16px;
  border-radius: 20px;
  font-weight: bold;
  background-color: var(--color-main-200);
}
.c-accordion__content {
  overflow: hidden;
}
.c-accordion__content_inner {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 8px;
  background-color: var(--color-main-100);
  border-radius: 8px;
  margin-top: 12px;
  padding: 8px 12px;
}
.c-accordion--arrow.is-opened .c-accordion__summary-inner::after {
  transform: rotate(180deg);
}
.c-accordion--arrow .c-accordion__summary-inner {
  position: relative;
}
.c-accordion--arrow .c-accordion__summary-inner::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-image: var(--icon-arrow-down);
          mask-image: var(--icon-arrow-down);
  -webkit-mask-size: 18px;
          mask-size: 18px;
  -webkit-mask-position: 50%;
          mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-black);
  margin-left: 0.3em;
  transition: 0.2s;
}

/* media-block
--------------------------- */
.c-media-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-media-block__image {
  flex-shrink: 0;
}
.c-media-block__text {
  flex: 1;
  text-align: left;
}

/* project / common
--------------------------- */
/* flex
--------------------------- */
.p-flex {
  display: flex;
}
.p-flex > .p-flex__item {
  flex: 1;
}
.p-flex--justify-center {
  justify-content: center;
}
.p-flex--justify-between {
  justify-content: space-between;
}
.p-flex--justify-around {
  justify-content: space-around;
}
.p-flex--justify-evenly {
  justify-content: space-evenly;
}
.p-flex--align-center {
  align-items: center;
}
.p-flex--align-end {
  align-items: flex-end;
}
.p-flex--align-start {
  align-items: flex-start;
}
.p-flex--align-stretch {
  align-items: stretch;
}
.p-flex--row {
  flex-direction: row;
}
.p-flex--column {
  flex-direction: column;
}
.p-flex--wrap {
  flex-wrap: wrap;
}
.p-flex--nowrap {
  flex-wrap: nowrap;
}
.p-flex--gap-2 {
  gap: 2px;
}
.p-flex--gap-4 {
  gap: 4px;
}
.p-flex--gap-8 {
  gap: 8px;
}
.p-flex--gap-12 {
  gap: 12px;
}
.p-flex--gap-16 {
  gap: 16px;
}
.p-flex--gap-20 {
  gap: 20px;
}
.p-flex--gap-24 {
  gap: 24px;
}
.p-flex--gap-28 {
  gap: 28px;
}
.p-flex--gap-32 {
  gap: 32px;
}
.p-flex--gap-36 {
  gap: 36px;
}
.p-flex--gap-40 {
  gap: 40px;
}
.p-flex--gap-60 {
  gap: 60px;
}
@media (max-width: 767px) {
  .p-flex--sp-column {
    flex-direction: column;
  }
}

/* grid
--------------------------- */
.p-grid {
  display: grid;
}
.p-grid--gap-2 {
  gap: 2px;
}
.p-grid--gap-4 {
  gap: 4px;
}
.p-grid--gap-8 {
  gap: 8px;
}
.p-grid--gap-12 {
  gap: 12px;
}
.p-grid--gap-16 {
  gap: 16px;
}
.p-grid--gap-24 {
  gap: 16px;
}
.p-grid--gap-28 {
  gap: 28px;
}
.p-grid--gap-32 {
  gap: 32px;
}
.p-grid--gap-36 {
  gap: 36px;
}
.p-grid--gap-40 {
  gap: 40px;
}

/* box
--------------------------- */
.p-box {
  display: block;
  max-width: 100%;
}
.p-box--framed {
  border: 1px solid var(--border-color);
}
.p-box--framed-green {
  outline: 10px solid var(--color-main-300);
  border-radius: 60px;
}
.p-box--float {
  position: relative;
  border-radius: 40px;
  background-color: var(--color-white-60);
  box-shadow: 0 12px 18px 3px rgba(51, 51, 51, 0.3);
}
.p-box--float:has(.c-icon--question-mark) {
  padding-left: 5px;
}
.p-box--float::before {
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border: 1px solid var(--color-main-200);
  border-radius: 20px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-box--float::before {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 30px;
  }
}

/* video-modal
--------------------------- */
.p-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}
.p-video-modal.is-visible {
  opacity: 1;
  visibility: visible;
}
.p-video-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.p-video-modal__content {
  position: relative;
  width: 90%;
  max-width: 1280px;
  z-index: 1;
}
@media (max-width: 767px) {
  .p-video-modal__content {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 75%;
  }
}
.p-video-modal__video {
  width: 100%;
  height: auto;
  max-height: 90vh; /* 画面の高さいっぱいにならないように調整 */
  aspect-ratio: 16/9;
  margin: auto; /* 縦横中央配置 */
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (max-width: 767px) {
  .p-video-modal__video {
    aspect-ratio: 9/16;
  }
}
.p-video-modal__close-button {
  position: absolute;
  top: -40px;
  right: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
@media (max-width: 767px) {
  .p-video-modal__close-button {
    top: -35px;
  }
}
.p-video-modal__close-button span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-white);
  transition: transform 0.3s;
}
.p-video-modal__close-button span:first-child {
  transform: translateY(-50%) rotate(45deg);
}
.p-video-modal__close-button span:last-child {
  transform: translateY(-50%) rotate(-45deg);
}
@media (hover: hover) {
  .p-video-modal__close-button:hover {
    opacity: 1;
  }
  .p-video-modal__close-button:hover span {
    transform: translateY(-50%) rotate(0deg);
  }
}

.visually-hidden {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

/* play-button
--------------------------- */
.p-play-button {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 990;
  padding: 10px 20px;
  background-color: var(--color-main-300);
  color: var(--color-white);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: opacity 0.3s, background-color 0.3s;
  opacity: 0;
  visibility: hidden;
}
.p-play-button.is-visible {
  opacity: 1;
  visibility: visible;
}

/* project / pages
--------------------------- */
/* mainvisual
--------------------------- */
.l-mainvisual {
  width: 100%;
  height: calc(100dvh - 136px);
  min-height: 650px;
}
@media (max-width: 767px) {
  .l-mainvisual {
    height: auto;
    min-height: auto;
  }
}
.l-mainvisual__inner {
  position: relative;
  width: auto;
  max-width: 960px;
  height: 100%;
  margin: 0 auto;
  background: url(./../img/mv.png) center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .l-mainvisual__inner {
    width: 100%;
    height: 60vh;
    background-size: 250%;
    background-position: 54% 93%;
  }
}
.l-mainvisual__logo {
  max-width: 300px;
  margin: auto;
  z-index: 2;
  opacity: 1;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
@media (max-width: 767px) {
  .l-mainvisual__logo {
    max-width: 160px;
    margin-bottom: 0px;
  }
}
.l-mainvisual__caption {
  position: absolute;
  top: 18px;
  right: 6%;
  width: 44%;
  min-width: 360px;
  aspect-ratio: 3.5/1;
  background: url(./../img/lead_txt.svg) center no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .l-mainvisual__caption {
    display: none;
  }
}
.l-mainvisual__caption-sp {
  display: none;
  aspect-ratio: 3.5/1;
  background: url(./../img/lead_txt.svg) center no-repeat;
  background-size: 90%;
}
@media (max-width: 767px) {
  .l-mainvisual__caption-sp {
    display: block;
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .l-mainvisual .p-box {
    padding: 25px !important;
  }
  .l-mainvisual .c-button {
    padding: 4px;
  }
  .l-mainvisual .c-icon {
    justify-content: center;
  }
}

/* utility
--------------------------- */
/* margin
--------------------------- */
.u-m-auto {
  margin: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mt-104 {
  margin-top: 104px !important;
}

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

.u-m-inline-104 {
  margin-inline: 104px !important;
}

.u-mt-108 {
  margin-top: 108px !important;
}

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

.u-m-inline-108 {
  margin-inline: 108px !important;
}

.u-mt-112 {
  margin-top: 112px !important;
}

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

.u-m-inline-112 {
  margin-inline: 112px !important;
}

.u-mt-116 {
  margin-top: 116px !important;
}

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

.u-m-inline-116 {
  margin-inline: 116px !important;
}

.u-mt-120 {
  margin-top: 120px !important;
}

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

.u-m-inline-120 {
  margin-inline: 120px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-p-104 {
  padding: 104px !important;
}

.u-pt-104 {
  padding-top: 104px !important;
}

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

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

.u-pb-104 {
  padding-bottom: 104px !important;
}

.u-p-inline-104 {
  padding-inline: 104px !important;
}

.u-p-108 {
  padding: 108px !important;
}

.u-pt-108 {
  padding-top: 108px !important;
}

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

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

.u-pb-108 {
  padding-bottom: 108px !important;
}

.u-p-inline-108 {
  padding-inline: 108px !important;
}

.u-p-112 {
  padding: 112px !important;
}

.u-pt-112 {
  padding-top: 112px !important;
}

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

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

.u-pb-112 {
  padding-bottom: 112px !important;
}

.u-p-inline-112 {
  padding-inline: 112px !important;
}

.u-p-116 {
  padding: 116px !important;
}

.u-pt-116 {
  padding-top: 116px !important;
}

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

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

.u-pb-116 {
  padding-bottom: 116px !important;
}

.u-p-inline-116 {
  padding-inline: 116px !important;
}

.u-p-120 {
  padding: 120px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

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

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

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-p-inline-120 {
  padding-inline: 120px !important;
}

/* align
--------------------------- */
.u-align-center {
  text-align: center;
}

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

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

.u-align-justify {
  text-align: justify;
}

/* width
--------------------------- */
.u-width-0 {
  width: 0px !important;
  max-width: 100%;
}

.u-width-4 {
  width: 4px !important;
  max-width: 100%;
}

.u-width-8 {
  width: 8px !important;
  max-width: 100%;
}

.u-width-12 {
  width: 12px !important;
  max-width: 100%;
}

.u-width-16 {
  width: 16px !important;
  max-width: 100%;
}

.u-width-20 {
  width: 20px !important;
  max-width: 100%;
}

.u-width-24 {
  width: 24px !important;
  max-width: 100%;
}

.u-width-28 {
  width: 28px !important;
  max-width: 100%;
}

.u-width-32 {
  width: 32px !important;
  max-width: 100%;
}

.u-width-36 {
  width: 36px !important;
  max-width: 100%;
}

.u-width-40 {
  width: 40px !important;
  max-width: 100%;
}

.u-width-44 {
  width: 44px !important;
  max-width: 100%;
}

.u-width-48 {
  width: 48px !important;
  max-width: 100%;
}

.u-width-52 {
  width: 52px !important;
  max-width: 100%;
}

.u-width-56 {
  width: 56px !important;
  max-width: 100%;
}

.u-width-60 {
  width: 60px !important;
  max-width: 100%;
}

.u-width-64 {
  width: 64px !important;
  max-width: 100%;
}

.u-width-68 {
  width: 68px !important;
  max-width: 100%;
}

.u-width-72 {
  width: 72px !important;
  max-width: 100%;
}

.u-width-76 {
  width: 76px !important;
  max-width: 100%;
}

.u-width-80 {
  width: 80px !important;
  max-width: 100%;
}

.u-width-84 {
  width: 84px !important;
  max-width: 100%;
}

.u-width-88 {
  width: 88px !important;
  max-width: 100%;
}

.u-width-92 {
  width: 92px !important;
  max-width: 100%;
}

.u-width-96 {
  width: 96px !important;
  max-width: 100%;
}

.u-width-100 {
  width: 100px !important;
  max-width: 100%;
}

.u-width-104 {
  width: 104px !important;
  max-width: 100%;
}

.u-width-108 {
  width: 108px !important;
  max-width: 100%;
}

.u-width-112 {
  width: 112px !important;
  max-width: 100%;
}

.u-width-116 {
  width: 116px !important;
  max-width: 100%;
}

.u-width-120 {
  width: 120px !important;
  max-width: 100%;
}

.u-width-124 {
  width: 124px !important;
  max-width: 100%;
}

.u-width-128 {
  width: 128px !important;
  max-width: 100%;
}

.u-width-132 {
  width: 132px !important;
  max-width: 100%;
}

.u-width-136 {
  width: 136px !important;
  max-width: 100%;
}

.u-width-140 {
  width: 140px !important;
  max-width: 100%;
}

.u-width-144 {
  width: 144px !important;
  max-width: 100%;
}

.u-width-148 {
  width: 148px !important;
  max-width: 100%;
}

.u-width-152 {
  width: 152px !important;
  max-width: 100%;
}

.u-width-156 {
  width: 156px !important;
  max-width: 100%;
}

.u-width-160 {
  width: 160px !important;
  max-width: 100%;
}

.u-width-164 {
  width: 164px !important;
  max-width: 100%;
}

.u-width-168 {
  width: 168px !important;
  max-width: 100%;
}

.u-width-172 {
  width: 172px !important;
  max-width: 100%;
}

.u-width-176 {
  width: 176px !important;
  max-width: 100%;
}

.u-width-180 {
  width: 180px !important;
  max-width: 100%;
}

.u-width-184 {
  width: 184px !important;
  max-width: 100%;
}

.u-width-188 {
  width: 188px !important;
  max-width: 100%;
}

.u-width-192 {
  width: 192px !important;
  max-width: 100%;
}

.u-width-196 {
  width: 196px !important;
  max-width: 100%;
}

.u-width-200 {
  width: 200px !important;
  max-width: 100%;
}

.u-width-204 {
  width: 204px !important;
  max-width: 100%;
}

.u-width-208 {
  width: 208px !important;
  max-width: 100%;
}

.u-width-212 {
  width: 212px !important;
  max-width: 100%;
}

.u-width-216 {
  width: 216px !important;
  max-width: 100%;
}

.u-width-220 {
  width: 220px !important;
  max-width: 100%;
}

.u-width-224 {
  width: 224px !important;
  max-width: 100%;
}

.u-width-228 {
  width: 228px !important;
  max-width: 100%;
}

.u-width-232 {
  width: 232px !important;
  max-width: 100%;
}

.u-width-236 {
  width: 236px !important;
  max-width: 100%;
}

.u-width-240 {
  width: 240px !important;
  max-width: 100%;
}

.u-width-244 {
  width: 244px !important;
  max-width: 100%;
}

.u-width-248 {
  width: 248px !important;
  max-width: 100%;
}

.u-width-252 {
  width: 252px !important;
  max-width: 100%;
}

.u-width-256 {
  width: 256px !important;
  max-width: 100%;
}

.u-width-260 {
  width: 260px !important;
  max-width: 100%;
}

.u-width-264 {
  width: 264px !important;
  max-width: 100%;
}

.u-width-268 {
  width: 268px !important;
  max-width: 100%;
}

.u-width-272 {
  width: 272px !important;
  max-width: 100%;
}

.u-width-276 {
  width: 276px !important;
  max-width: 100%;
}

.u-width-280 {
  width: 280px !important;
  max-width: 100%;
}

.u-width-284 {
  width: 284px !important;
  max-width: 100%;
}

.u-width-288 {
  width: 288px !important;
  max-width: 100%;
}

.u-width-292 {
  width: 292px !important;
  max-width: 100%;
}

.u-width-296 {
  width: 296px !important;
  max-width: 100%;
}

.u-width-300 {
  width: 300px !important;
  max-width: 100%;
}

.u-width-304 {
  width: 304px !important;
  max-width: 100%;
}

.u-width-308 {
  width: 308px !important;
  max-width: 100%;
}

.u-width-312 {
  width: 312px !important;
  max-width: 100%;
}

.u-width-316 {
  width: 316px !important;
  max-width: 100%;
}

.u-width-320 {
  width: 320px !important;
  max-width: 100%;
}

.u-width-324 {
  width: 324px !important;
  max-width: 100%;
}

.u-width-328 {
  width: 328px !important;
  max-width: 100%;
}

.u-width-332 {
  width: 332px !important;
  max-width: 100%;
}

.u-width-336 {
  width: 336px !important;
  max-width: 100%;
}

.u-width-340 {
  width: 340px !important;
  max-width: 100%;
}

.u-width-344 {
  width: 344px !important;
  max-width: 100%;
}

.u-width-348 {
  width: 348px !important;
  max-width: 100%;
}

.u-width-352 {
  width: 352px !important;
  max-width: 100%;
}

.u-width-356 {
  width: 356px !important;
  max-width: 100%;
}

.u-width-360 {
  width: 360px !important;
  max-width: 100%;
}

.u-width-364 {
  width: 364px !important;
  max-width: 100%;
}

.u-width-368 {
  width: 368px !important;
  max-width: 100%;
}

.u-width-372 {
  width: 372px !important;
  max-width: 100%;
}

.u-width-376 {
  width: 376px !important;
  max-width: 100%;
}

.u-width-380 {
  width: 380px !important;
  max-width: 100%;
}

.u-width-384 {
  width: 384px !important;
  max-width: 100%;
}

.u-width-388 {
  width: 388px !important;
  max-width: 100%;
}

.u-width-392 {
  width: 392px !important;
  max-width: 100%;
}

.u-width-396 {
  width: 396px !important;
  max-width: 100%;
}

.u-width-400 {
  width: 400px !important;
  max-width: 100%;
}

.u-width-404 {
  width: 404px !important;
  max-width: 100%;
}

.u-width-408 {
  width: 408px !important;
  max-width: 100%;
}

.u-width-412 {
  width: 412px !important;
  max-width: 100%;
}

.u-width-416 {
  width: 416px !important;
  max-width: 100%;
}

.u-width-420 {
  width: 420px !important;
  max-width: 100%;
}

.u-width-424 {
  width: 424px !important;
  max-width: 100%;
}

.u-width-428 {
  width: 428px !important;
  max-width: 100%;
}

.u-width-432 {
  width: 432px !important;
  max-width: 100%;
}

.u-width-436 {
  width: 436px !important;
  max-width: 100%;
}

.u-width-440 {
  width: 440px !important;
  max-width: 100%;
}

.u-width-444 {
  width: 444px !important;
  max-width: 100%;
}

.u-width-448 {
  width: 448px !important;
  max-width: 100%;
}

.u-width-452 {
  width: 452px !important;
  max-width: 100%;
}

.u-width-456 {
  width: 456px !important;
  max-width: 100%;
}

.u-width-460 {
  width: 460px !important;
  max-width: 100%;
}

.u-width-464 {
  width: 464px !important;
  max-width: 100%;
}

.u-width-468 {
  width: 468px !important;
  max-width: 100%;
}

.u-width-472 {
  width: 472px !important;
  max-width: 100%;
}

.u-width-476 {
  width: 476px !important;
  max-width: 100%;
}

.u-width-480 {
  width: 480px !important;
  max-width: 100%;
}

.u-width-484 {
  width: 484px !important;
  max-width: 100%;
}

.u-width-488 {
  width: 488px !important;
  max-width: 100%;
}

.u-width-492 {
  width: 492px !important;
  max-width: 100%;
}

.u-width-496 {
  width: 496px !important;
  max-width: 100%;
}

.u-width-500 {
  width: 500px !important;
  max-width: 100%;
}

.u-width-504 {
  width: 504px !important;
  max-width: 100%;
}

.u-width-508 {
  width: 508px !important;
  max-width: 100%;
}

.u-width-512 {
  width: 512px !important;
  max-width: 100%;
}

.u-width-516 {
  width: 516px !important;
  max-width: 100%;
}

.u-width-520 {
  width: 520px !important;
  max-width: 100%;
}

.u-width-524 {
  width: 524px !important;
  max-width: 100%;
}

.u-width-528 {
  width: 528px !important;
  max-width: 100%;
}

.u-width-532 {
  width: 532px !important;
  max-width: 100%;
}

.u-width-536 {
  width: 536px !important;
  max-width: 100%;
}

.u-width-540 {
  width: 540px !important;
  max-width: 100%;
}

.u-width-544 {
  width: 544px !important;
  max-width: 100%;
}

.u-width-548 {
  width: 548px !important;
  max-width: 100%;
}

.u-width-552 {
  width: 552px !important;
  max-width: 100%;
}

.u-width-556 {
  width: 556px !important;
  max-width: 100%;
}

.u-width-560 {
  width: 560px !important;
  max-width: 100%;
}

.u-width-564 {
  width: 564px !important;
  max-width: 100%;
}

.u-width-568 {
  width: 568px !important;
  max-width: 100%;
}

.u-width-572 {
  width: 572px !important;
  max-width: 100%;
}

.u-width-576 {
  width: 576px !important;
  max-width: 100%;
}

.u-width-580 {
  width: 580px !important;
  max-width: 100%;
}

.u-width-584 {
  width: 584px !important;
  max-width: 100%;
}

.u-width-588 {
  width: 588px !important;
  max-width: 100%;
}

.u-width-592 {
  width: 592px !important;
  max-width: 100%;
}

.u-width-596 {
  width: 596px !important;
  max-width: 100%;
}

.u-width-600 {
  width: 600px !important;
  max-width: 100%;
}

.u-width-604 {
  width: 604px !important;
  max-width: 100%;
}

.u-width-608 {
  width: 608px !important;
  max-width: 100%;
}

.u-width-612 {
  width: 612px !important;
  max-width: 100%;
}

.u-width-616 {
  width: 616px !important;
  max-width: 100%;
}

.u-width-620 {
  width: 620px !important;
  max-width: 100%;
}

.u-width-624 {
  width: 624px !important;
  max-width: 100%;
}

.u-width-628 {
  width: 628px !important;
  max-width: 100%;
}

.u-width-632 {
  width: 632px !important;
  max-width: 100%;
}

.u-width-636 {
  width: 636px !important;
  max-width: 100%;
}

.u-width-640 {
  width: 640px !important;
  max-width: 100%;
}

.u-width-644 {
  width: 644px !important;
  max-width: 100%;
}

.u-width-648 {
  width: 648px !important;
  max-width: 100%;
}

.u-width-652 {
  width: 652px !important;
  max-width: 100%;
}

.u-width-656 {
  width: 656px !important;
  max-width: 100%;
}

.u-width-660 {
  width: 660px !important;
  max-width: 100%;
}

.u-width-664 {
  width: 664px !important;
  max-width: 100%;
}

.u-width-668 {
  width: 668px !important;
  max-width: 100%;
}

.u-width-672 {
  width: 672px !important;
  max-width: 100%;
}

.u-width-676 {
  width: 676px !important;
  max-width: 100%;
}

.u-width-680 {
  width: 680px !important;
  max-width: 100%;
}

.u-width-684 {
  width: 684px !important;
  max-width: 100%;
}

.u-width-688 {
  width: 688px !important;
  max-width: 100%;
}

.u-width-692 {
  width: 692px !important;
  max-width: 100%;
}

.u-width-696 {
  width: 696px !important;
  max-width: 100%;
}

.u-width-700 {
  width: 700px !important;
  max-width: 100%;
}

.u-width-704 {
  width: 704px !important;
  max-width: 100%;
}

.u-width-708 {
  width: 708px !important;
  max-width: 100%;
}

.u-width-712 {
  width: 712px !important;
  max-width: 100%;
}

.u-width-716 {
  width: 716px !important;
  max-width: 100%;
}

.u-width-720 {
  width: 720px !important;
  max-width: 100%;
}

.u-width-724 {
  width: 724px !important;
  max-width: 100%;
}

.u-width-728 {
  width: 728px !important;
  max-width: 100%;
}

.u-width-732 {
  width: 732px !important;
  max-width: 100%;
}

.u-width-736 {
  width: 736px !important;
  max-width: 100%;
}

.u-width-740 {
  width: 740px !important;
  max-width: 100%;
}

.u-width-744 {
  width: 744px !important;
  max-width: 100%;
}

.u-width-748 {
  width: 748px !important;
  max-width: 100%;
}

.u-width-752 {
  width: 752px !important;
  max-width: 100%;
}

.u-width-756 {
  width: 756px !important;
  max-width: 100%;
}

.u-width-760 {
  width: 760px !important;
  max-width: 100%;
}

.u-width-764 {
  width: 764px !important;
  max-width: 100%;
}

.u-width-768 {
  width: 768px !important;
  max-width: 100%;
}

.u-width-772 {
  width: 772px !important;
  max-width: 100%;
}

.u-width-776 {
  width: 776px !important;
  max-width: 100%;
}

.u-width-780 {
  width: 780px !important;
  max-width: 100%;
}

.u-width-784 {
  width: 784px !important;
  max-width: 100%;
}

.u-width-788 {
  width: 788px !important;
  max-width: 100%;
}

.u-width-792 {
  width: 792px !important;
  max-width: 100%;
}

.u-width-796 {
  width: 796px !important;
  max-width: 100%;
}

.u-width-800 {
  width: 800px !important;
  max-width: 100%;
}

.u-width-804 {
  width: 804px !important;
  max-width: 100%;
}

.u-width-808 {
  width: 808px !important;
  max-width: 100%;
}

.u-width-812 {
  width: 812px !important;
  max-width: 100%;
}

.u-width-816 {
  width: 816px !important;
  max-width: 100%;
}

.u-width-820 {
  width: 820px !important;
  max-width: 100%;
}

.u-width-824 {
  width: 824px !important;
  max-width: 100%;
}

.u-width-828 {
  width: 828px !important;
  max-width: 100%;
}

.u-width-832 {
  width: 832px !important;
  max-width: 100%;
}

.u-width-836 {
  width: 836px !important;
  max-width: 100%;
}

.u-width-840 {
  width: 840px !important;
  max-width: 100%;
}

.u-width-844 {
  width: 844px !important;
  max-width: 100%;
}

.u-width-848 {
  width: 848px !important;
  max-width: 100%;
}

.u-width-852 {
  width: 852px !important;
  max-width: 100%;
}

.u-width-856 {
  width: 856px !important;
  max-width: 100%;
}

.u-width-860 {
  width: 860px !important;
  max-width: 100%;
}

.u-width-864 {
  width: 864px !important;
  max-width: 100%;
}

.u-width-868 {
  width: 868px !important;
  max-width: 100%;
}

.u-width-872 {
  width: 872px !important;
  max-width: 100%;
}

.u-width-876 {
  width: 876px !important;
  max-width: 100%;
}

.u-width-880 {
  width: 880px !important;
  max-width: 100%;
}

.u-width-884 {
  width: 884px !important;
  max-width: 100%;
}

.u-width-888 {
  width: 888px !important;
  max-width: 100%;
}

.u-width-892 {
  width: 892px !important;
  max-width: 100%;
}

.u-width-896 {
  width: 896px !important;
  max-width: 100%;
}

.u-width-900 {
  width: 900px !important;
  max-width: 100%;
}

.u-width-904 {
  width: 904px !important;
  max-width: 100%;
}

.u-width-908 {
  width: 908px !important;
  max-width: 100%;
}

.u-width-912 {
  width: 912px !important;
  max-width: 100%;
}

.u-width-916 {
  width: 916px !important;
  max-width: 100%;
}

.u-width-920 {
  width: 920px !important;
  max-width: 100%;
}

.u-width-924 {
  width: 924px !important;
  max-width: 100%;
}

.u-width-928 {
  width: 928px !important;
  max-width: 100%;
}

.u-width-932 {
  width: 932px !important;
  max-width: 100%;
}

.u-width-936 {
  width: 936px !important;
  max-width: 100%;
}

.u-width-940 {
  width: 940px !important;
  max-width: 100%;
}

.u-width-944 {
  width: 944px !important;
  max-width: 100%;
}

.u-width-948 {
  width: 948px !important;
  max-width: 100%;
}

.u-width-952 {
  width: 952px !important;
  max-width: 100%;
}

.u-width-956 {
  width: 956px !important;
  max-width: 100%;
}

.u-width-960 {
  width: 960px !important;
  max-width: 100%;
}

.u-width-964 {
  width: 964px !important;
  max-width: 100%;
}

.u-width-968 {
  width: 968px !important;
  max-width: 100%;
}

.u-width-972 {
  width: 972px !important;
  max-width: 100%;
}

.u-width-976 {
  width: 976px !important;
  max-width: 100%;
}

.u-width-980 {
  width: 980px !important;
  max-width: 100%;
}

.u-width-984 {
  width: 984px !important;
  max-width: 100%;
}

.u-width-988 {
  width: 988px !important;
  max-width: 100%;
}

.u-width-992 {
  width: 992px !important;
  max-width: 100%;
}

.u-width-996 {
  width: 996px !important;
  max-width: 100%;
}

.u-width-1000 {
  width: 1000px !important;
  max-width: 100%;
}

.u-width-1004 {
  width: 1004px !important;
  max-width: 100%;
}

.u-width-1008 {
  width: 1008px !important;
  max-width: 100%;
}

.u-width-1012 {
  width: 1012px !important;
  max-width: 100%;
}

.u-width-1016 {
  width: 1016px !important;
  max-width: 100%;
}

.u-width-1020 {
  width: 1020px !important;
  max-width: 100%;
}

.u-width-1024 {
  width: 1024px !important;
  max-width: 100%;
}

.u-width-1028 {
  width: 1028px !important;
  max-width: 100%;
}

.u-width-1032 {
  width: 1032px !important;
  max-width: 100%;
}

.u-width-1036 {
  width: 1036px !important;
  max-width: 100%;
}

.u-width-1040 {
  width: 1040px !important;
  max-width: 100%;
}

u-width-full {
  width: 100% !important;
}

u-width-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* 角丸
--------------------------- */
u-radius-4 {
  border-radius: 4px !important;
}

u-radius-8 {
  border-radius: 8px !important;
}

u-radius-12 {
  border-radius: 12px !important;
}

u-radius-16 {
  border-radius: 16px !important;
}

u-radius-20 {
  border-radius: 20px !important;
}

u-radius-24 {
  border-radius: 24px !important;
}

u-radius-28 {
  border-radius: 28px !important;
}

u-radius-32 {
  border-radius: 32px !important;
}

u-radius-60 {
  border-radius: 60px !important;
}

/* 背景色
--------------------------- */
.u-bg-color--white {
  background-color: var(--color-white) !important;
}

.u-bg-color--beige-thin {
  background-color: var(--beige-thin) !important;
}

.u-blinking {
  animation-name: tenmetsu;
  animation-duration: 0.8s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes tenmetsu {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.u-br--pc {
  display: block;
}

.u-br--sp {
  display: none;
}

@media (max-width: 767px) {
  .u-br--pc {
    display: none;
  }
  .u-br--sp {
    display: block;
  }
}