@charset "UTF-8";

.breadcrumb {
  --breadcrumb-arrow-color: #000;
  --breadcrumb-arrow-gap: .4em;
  --breadcrumb-arrow-size: .4em;
  display: flex;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  padding: .5em 0
}

.breadcrumb__item {
  align-items: center;
  display: flex;
  margin-right: var(--breadcrumb-arrow-gap)
}

.breadcrumb__item:not(:first-child):before {
  border-right: 1.5px solid var(--breadcrumb-arrow-color);
  border-top: 1.5px solid var(--breadcrumb-arrow-color);
  content: "";
  display: block;
  height: var(--breadcrumb-arrow-size);
  transform: rotate(45deg) translate(-50%);
  transform-origin: left;
  width: var(--breadcrumb-arrow-size);
  margin-right: var(--breadcrumb-arrow-gap)
}

.breadcrumb__title {
  font-size: 14px
}

.button {
  --btn-bg: var(--clr-white);
  --btn-text: var(--clr-black);
  --btn-border: var(--clr-white);
  --btn-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25);
  --btn-shadow-hover: 0px 0px 20px 0px rgba(0, 0, 0, .25);
  border-radius: 3px;
  background: var(--btn-bg);
  color: var(--btn-text);
  border: 1px solid var(--btn-border);
  box-shadow: var(--btn-shadow);
  padding: .8em 1em;
  display: grid;
  gap: 14px;
  align-items: center;
  justify-content: center
}

.button:hover {
  box-shadow: var(--btn-shadow-hover)
}

.button__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px
}

.button.-prime {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white);
  --btn-border: var(--clr-prime)
}

.button.-second {
  --btn-bg: var(--clr-second);
  --btn-text: var(--clr-black);
  --btn-border: var(--clr-second)
}

.button.-small {
  padding: .5em
}

.button.-large {
  padding: 1.5em 2em
}

.card {
  display: flex;
  flex-direction: column;
  align-items: center
}

.icon {
  font-family: fuji-icons !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon.-up:before {
  content: ""
}

.icon.-arrow-forward:before {
  content: ""
}

.icon.-arrow-back:before {
  content: ""
}

.icon.-backward:before {
  content: ""
}

.icon.-forward:before {
  content: ""
}

.icon.-car:before {
  content: ""
}

.icon.-trash-x:before {
  content: ""
}

.icon.-sun:before {
  content: ""
}

.icon.-crawn:before {
  content: ""
}

.icon.-trash:before {
  content: ""
}

.icon.-home:before {
  content: ""
}

.icon.-star-o:before {
  content: ""
}

.icon.-close:before {
  content: ""
}

.icon.-left-v:before {
  content: ""
}

.icon.-right-v:before {
  content: ""
}

.icon.-plus:before {
  content: ""
}

.icon.-minus:before {
  content: ""
}

.icon.-first:before {
  content: ""
}

.icon.-last:before {
  content: ""
}

.icon.-left:before {
  content: ""
}

.icon.-right:before {
  content: ""
}

.icon.-down:before {
  content: ""
}

.icon.-question:before {
  content: ""
}

.icon.-box:before {
  content: ""
}

.icon.-business:before {
  content: ""
}

.icon.-shop:before {
  content: ""
}

.icon.-user:before {
  content: ""
}

.icon.-cart:before {
  content: ""
}

.icon.-lang:before {
  content: ""
}

.icon.-search:before {
  content: ""
}

.icon.-check:before {
  content: ""
}

.icon.-info:before {
  content: ""
}

.icon.-backspace:before {
  content: ""
}

.icon.-star:before {
  content: ""
}

.icon.-badge-star:before {
  content: ""
}

.icon.-badge-check:before {
  content: ""
}

.icon.-tire:before {
  content: ""
}

.icon.-size-2 {
  font-size: 2px
}

.icon.-size-4 {
  font-size: 4px
}

.icon.-size-6 {
  font-size: 6px
}

.icon.-size-8 {
  font-size: 8px
}

.icon.-size-10 {
  font-size: 10px
}

.icon.-size-12 {
  font-size: 12px
}

.icon.-size-14 {
  font-size: 14px
}

.icon.-size-16 {
  font-size: 16px
}

.icon.-size-18 {
  font-size: 18px
}

.icon.-size-20 {
  font-size: 20px
}

.icon.-size-22 {
  font-size: 22px
}

.icon.-size-24 {
  font-size: 24px
}

.icon.-size-26 {
  font-size: 26px
}

.icon.-size-28 {
  font-size: 28px
}

.icon.-size-30 {
  font-size: 30px
}

.icon.-size-32 {
  font-size: 32px
}

.icon.-size-34 {
  font-size: 34px
}

.icon.-size-36 {
  font-size: 36px
}

.icon.-size-38 {
  font-size: 38px
}

.icon.-size-40 {
  font-size: 40px
}

.link {
  --link-color: #000;
  --link-bg-color: #fff;
  --link-border-color: #ccc;
  --link-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25);
  color: var(--link-color);
  background: var(--link-bg-color);
  display: flex;
  align-items: center
}

.link__title {
  white-space: pre
}

.link.-nav-main {
  font-size: 14px;
  font-weight: 600;
  padding: 15px 0;
  border-bottom: 1px solid var(--link-border-color);
  justify-content: space-between
}

.link.-nav-sub {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 12px;
  gap: 4px;
  border-radius: 2px;
  box-shadow: var(--link-shadow)
}

.link.-sp-header {
  font-weight: 600;
  padding: 8px
}

.test {
  background: linear-gradient(180deg, #1110 0, #111111b3 51.56%, #111)
}

img {
  width: 100%;
  height: auto
}

.main-right {
  width: 100%
}

.only-pc {
  display: block
}

@media (max-width: 768px) {
  .only-pc {
    display: none
  }
}

.only-sp {
  display: none
}

@media (max-width: 768px) {
  .only-sp {
    display: block
  }
}