@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500&display=swap";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
html .allWrap,
html body {
  overflow: hidden;
}

body.pc, body.sp,
html.pc,
html.sp {
  display: block !important;
}

.mDialog,
#kkyfootArea,
#kkyheadArea {
  text-align: left;
}
.mDialog a,
#kkyfootArea a,
#kkyheadArea a {
  color: #272727;
  text-decoration: none;
}
.mDialog a:visited, .mDialog a:link,
#kkyfootArea a:visited,
#kkyfootArea a:link,
#kkyheadArea a:visited,
#kkyheadArea a:link {
  color: #272727;
  text-decoration: none;
}

*, ::before, ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
}

button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

[contenteditable]:focus {
  outline: auto;
}

@-webkit-keyframes waiting {
  0% {
    font-weight: 400;
  }
  100% {
    font-weight: 400;
  }
}

@keyframes waiting {
  0% {
    font-weight: 400;
  }
  100% {
    font-weight: 400;
  }
}
#animationTrigger {
  width: 0;
  height: 0;
  position: fixed;
}

#animationTrigger span {
  -webkit-animation: waiting 1ms;
  animation: waiting 1ms;
}

.uVideo {
  display: block;
  width: 100%;
  height: 100%;
}

video:where(.uVideo *) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

span.uVideoPoster:where(video + *) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

span.uVideoPoster:where(video + *):where(.hide) {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 0;
}

@-webkit-keyframes tagrotate {
  0% {
    rotate: 5deg;
  }
  50% {
    rotate: -5deg;
  }
}

@keyframes tagrotate {
  0% {
    rotate: 5deg;
  }
  50% {
    rotate: -5deg;
  }
}
.uTagpool {
  position: static;
}

.uTagpoolContainer {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 1px solid var(--gray_line);
}

.uTagpoolContainer:where(.uTagpool._scrollable *) {
  overflow-x: hidden;
}

.uTagpoolGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uTagpoolGroupRow:where(.uTagpool._scrollable *):where(._large) {
  padding-block: var(--space16);
}

@media (max-width: 767px) {
  .uTagpoolGroupRow:where(.uTagpool._scrollable *):where(._large) {
    padding-block: calc(22 * var(--scale) * 1px) var(--space16);
  }
}
.uTagpoolGroupRow:where(.uTagpool._scrollable *):where(._large):where(.mpsgTagsetTagpool *) {
  padding-block: var(--space16);
}

.uTagpoolGroupRow:where(.uTagpool._scrollable *):where(._small) {
  padding-block: var(--space16);
}

.uTagpoolGroupRow:where(.uTagpool._scrollable *):where(._small):where(.mpsgTagsetTagpool *) {
  padding-block: var(--space16);
}

.uTagpoolGroupRow:where(.uTagpool._scrollable *) {
  border-bottom: 1px solid var(--gray_line);
}

.uTagpoolList {
  position: relative;
}

.uTagpoolList:where(.uTagpool._static *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-column-gap: calc(10 * var(--scale) * 1px);
  -webkit-column-gap: calc(10 * var(--scale) * 1px);
  column-gap: calc(10 * var(--scale) * 1px);
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .uTagpoolList:where(.mTagfolder .uTagpool._static *) {
    padding-inline: var(--space32);
  }
}
@media (max-width: 767px) {
  .uTagpoolList:where(.mTagfolder .uTagpool._static *) {
    padding-inline: var(--space16);
  }
}
@media (min-width: 768px) {
  .uTagpoolList:where(.mTagmore .uTagpool._static *) {
    padding-inline: var(--space80);
  }
}
@media (max-width: 767px) {
  .uTagpoolList:where(.mTagmore .uTagpool._static *) {
    padding-inline: var(--space16);
  }
}
.uTagpoolItem {
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.uTagpoolItem::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: calc(10 * var(--scale) * 1px);
}

.uTagpoolItem:where(.uTagpool._scrollable *):where(.uTagpoolGroupRow._large *) {
  margin-right: var(--space24);
}

.uTagpoolItem:where(.uTagpool._scrollable *):where(.uTagpoolGroupRow._small *) {
  margin-right: var(--space16);
}

.uTagpoolItem:where(.uTagpool._scrollable *):where(:not(._visible)) {
  opacity: 0;
  pointer-events: none;
}

.uTagpoolItem:where(.uTagpool._static *):where(.uTagpool._static *) {
  position: relative;
}

.uTagpoolItem:where(.uTagpool._static *):where(.uTagpool._static *)::after {
  display: block;
  position: absolute;
  left: -10000px;
  bottom: 0;
  width: 100000px;
  height: 1px;
  background-color: var(--gray_line);
  content: "";
}

@media (max-width: 767px) {
  .uTagpoolItem:where(.uTagpool._static *):where(.uTagpool._static *) {
    padding-block: var(--space16);
  }
}
@media (min-width: 768px) {
  .uTagpoolItem:where(.uTagpool._static *):where(.uTagpool._static *):where(.uTagpoolGroupRow._large *) {
    padding-top: var(--space24);
    padding-bottom: calc(25 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .uTagpoolItem:where(.uTagpool._static *):where(.uTagpool._static *):where(.uTagpoolGroupRow._small *) {
    padding-top: var(--space16);
    padding-bottom: calc(17 * var(--scale) * 1px);
  }
}
.uTagpoolItem:where(.uTagpool._scrollable *:not(:first-child)) {
  position: absolute;
  left: 0;
  top: 0;
  top: 0;
}

.uTagpoolLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-column-gap: var(--space8);
  -webkit-column-gap: var(--space8);
  column-gap: var(--space8);
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  cursor: pointer;
}

.uTagpoolLink._hover {
  color: color-mix(in srgb, var(--primary) 50%, transparent);
}

.uTagpoolLinkImage {
  height: 100%;
  aspect-ratio: 96/64;
}

.uTagpoolLinkImage:where(.uTagpoolLink._hover *) {
  -webkit-animation: tagrotate 1s steps(1, end) infinite;
  animation: tagrotate 1s steps(1, end) infinite;
}

.uTagpoolLinkImage img {
  width: auto;
}

@media (min-width: 768px) {
  .uTagpoolLinkImage img:where(.uTagpoolGroupRow._large *) {
    width: calc(96 * var(--scale) * 1px);
    height: calc(64 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .uTagpoolLinkImage img:where(.uTagpoolGroupRow._large *) {
    width: calc(36 * var(--scale) * 1px);
    height: calc(24 * var(--scale) * 1px);
  }
  .uTagpoolLinkImage img:where(.uTagpoolGroupRow._large *):where(.mpsgTagsetSection *) {
    width: calc(72 * var(--scale) * 1px);
    height: calc(48 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .uTagpoolLinkImage img:where(.mpmTagstrong .uTagpoolGroupRow._large *) {
    width: calc(72 * var(--scale) * 1px);
    height: calc(48 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .uTagpoolLinkImage img:where(.uTagpoolGroupRow._small *) {
    width: calc(45 * var(--scale) * 1px);
    height: calc(30 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .uTagpoolLinkImage img:where(.uTagpoolGroupRow._small *) {
    width: calc(24 * var(--scale) * 1px);
    height: calc(16 * var(--scale) * 1px);
  }
  .uTagpoolLinkImage img:where(.uTagpoolGroupRow._small *):where(.mpsgTagsetSection *) {
    width: calc(45 * var(--scale) * 1px);
    height: calc(30 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .uTagpoolLinkImage img:where(.mpmTagstrong .uTagpoolGroupRow._small *) {
    width: calc(45 * var(--scale) * 1px);
    height: calc(30 * var(--scale) * 1px);
  }
}
.uTagpoolLinkIcon {
  color: var(--keycolor);
}

.uTagpoolLinkLabel:where([aria-hidden=true] *) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.uTagpoolNav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.uTagpoolNavNext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ccc;
  cursor: pointer;
}

.uTagpoolNavNext * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.uSnapslider {
  --duration: 5s;
  --indicatorRadius: calc(4 * var(--scale) * 1px);
  --indicatorColor: oklch(calc(34 / 255) 0 0);
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .uSnapsliderIndicatorList {
    display: none;
  }
}
@media (max-width: 767px) {
  .uSnapsliderIndicatorList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(4 * var(--scale) * 1px);
  }
}
.uSnapsliderIndicator {
  position: relative;
}

@media (max-width: 767px) {
  .uSnapsliderIndicator {
    --durationrate: 1;
    width: calc(var(--indicatorRadius) * 2);
    height: calc(var(--indicatorRadius) * 2);
    border-radius: 50%;
    background-color: oklch(from var(--indicatorColor) l c h/0.2);
  }
  .uSnapsliderIndicator:where(._current) {
    background-color: var(--indicatorColor);
  }
}
.uSnapsliderIndicator:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(var(--indicatorRadius) * 2 + 4 * var(--scale) * 1px);
  height: calc(var(--indicatorRadius) * 2 + 20 * var(--scale) * 1px);
}

.uSnapsliderContainer {
  width: 100%;
  height: calc(400 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .uSnapsliderContainer {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
}
.uSnapsliderUnitlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
}

@media (min-width: 768px) {
  .uSnapsliderUnitlist {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .uSnapsliderUnitlist {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.uSnapsliderUnit {
  position: relative;
  height: 100%;
  width: calc(300 * var(--scale) * 1px);
  width: round(300 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .uSnapsliderUnit {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
@-webkit-keyframes showslash {
  0% {
    -webkit-mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 150 * var(--scale) * 1px * 1 / 0.5877852523 + 150 * var(--scale) * 1px * 0.5) 0;
    mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 150 * var(--scale) * 1px * 1 / 0.5877852523 + 150 * var(--scale) * 1px * 0.5) 0;
  }
  100% {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes showslash {
  0% {
    -webkit-mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 150 * var(--scale) * 1px * 1 / 0.5877852523 + 150 * var(--scale) * 1px * 0.5) 0;
    mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 150 * var(--scale) * 1px * 1 / 0.5877852523 + 150 * var(--scale) * 1px * 0.5) 0;
  }
  100% {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@-webkit-keyframes showslashline {
  0% {
    background-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 150 * var(--scale) * 1px * 1 / 0.5877852523 + 150 * var(--scale) * 1px * 0.5) 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes showslashline {
  0% {
    background-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 150 * var(--scale) * 1px * 1 / 0.5877852523 + 150 * var(--scale) * 1px * 0.5) 0;
  }
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes showslash2 {
  0% {
    -webkit-mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 1020.7809700224 * var(--scale) * 1px + 300 * var(--scale) * 1px) 0;
    mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 1020.7809700224 * var(--scale) * 1px + 300 * var(--scale) * 1px) 0;
  }
  100% {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes showslash2 {
  0% {
    -webkit-mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 1020.7809700224 * var(--scale) * 1px + 300 * var(--scale) * 1px) 0;
    mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 1020.7809700224 * var(--scale) * 1px + 300 * var(--scale) * 1px) 0;
  }
  100% {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@-webkit-keyframes showslashline2 {
  0% {
    background-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 1020.7809700224 * var(--scale) * 1px + 300 * var(--scale) * 1px) 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes showslashline2 {
  0% {
    background-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - 1020.7809700224 * var(--scale) * 1px + 300 * var(--scale) * 1px) 0;
  }
  100% {
    background-position: 0 0;
  }
}
.uSlashshow {
  --swipew: 10;
  --swipeh: 10;
  position: relative;
  --slashwidth: calc(150 * var(--scale) * 1px);
  -webkit-mask-image: linear-gradient(126deg, #000, #000 50%, transparent 50%);
  mask-image: linear-gradient(126deg, #000, #000 50%, transparent 50%);
  -webkit-mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - var(--slashwidth) / 0.5877852523) 0;
  mask-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - var(--slashwidth) / 0.5877852523) 0;
  -webkit-mask-size: calc(var(--swipew) * 2px * 1 + var(--swipeh) * 1px * 0.726542528 + var(--slashwidth) * 2.4026032334) calc(var(--swipeh) * 1px);
  mask-size: calc(var(--swipew) * 2px * 1 + var(--swipeh) * 1px * 0.726542528 + var(--slashwidth) * 2.4026032334) calc(var(--swipeh) * 1px);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@container (min-width: 50vw) {
  @media (min-width: 768px) {
    .uSlashshow {
      --slashwidth: calc(600 * var(--scale) * 1px) ;
    }
  }
}
.uSlashshow:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(126deg, transparent, transparent calc(50% - var(--slashwidth)), var(--keycolor) calc(50% - var(--slashwidth)));
  background-position: calc(var(--swipew) * -1px - var(--swipeh) * 1px * 0.726542528 - var(--slashwidth) / 0.5877852523) 0;
  background-size: calc(var(--swipew) * 2px * 1 + var(--swipeh) * 1px * 0.726542528 + var(--slashwidth) * 2.4026032334) calc(var(--swipeh) * 1px);
  background-repeat: no-repeat;
}

.uSlashshow:where(._weak *) {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._weak *):after {
  content: none;
}

.uSlashshow:where(._show, :has(._show)) {
  -webkit-animation: showslash 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
  animation: showslash 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

.uSlashshow:where(._show, :has(._show)):after {
  -webkit-animation: showslashline 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
  animation: showslashline 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

@container (min-width: 50vw) {
  @media (min-width: 768px) {
    .uSlashshow:where(._show, :has(._show)) {
      -webkit-animation: showslash2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
      animation: showslash2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    }
    .uSlashshow:where(._show, :has(._show)):after {
      -webkit-animation: showslashline2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
      animation: showslashline2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    }
  }
}
.uSlashshow:where(._show, :has(._show)):where(._slashmanaged, ._slashmanaged *) {
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._show, :has(._show)):where(._slashmanaged, ._slashmanaged *):after {
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._show, :has(._show)):where(._slashmanaged._fadein, ._slashmanaged._fadein *) {
  -webkit-animation: showslash 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
  animation: showslash 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

.uSlashshow:where(._show, :has(._show)):where(._slashmanaged._fadein, ._slashmanaged._fadein *):after {
  -webkit-animation: showslashline 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
  animation: showslashline 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

@container (min-width: 50vw) {
  @media (min-width: 768px) {
    .uSlashshow:where(._show, :has(._show)):where(._slashmanaged._fadein, ._slashmanaged._fadein *) {
      -webkit-animation: showslash2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
      animation: showslash2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    }
    .uSlashshow:where(._show, :has(._show)):where(._slashmanaged._fadein, ._slashmanaged._fadein *):after {
      -webkit-animation: showslashline2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
      animation: showslashline2 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    }
  }
}
.uSlashshow:where(._show, :has(._show)):where(._weak *, ._weak):where(._slashmanaged._fadein, ._slashmanaged._fadein *) {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._show, :has(._show)):where(._weak *, ._weak):where(._slashmanaged._fadein, ._slashmanaged._fadein *):after {
  content: none;
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._show._finished, ._finished:has(._show)), .uSlashshow:where(._show._finished *) {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._show._finished, ._finished:has(._show)):after, .uSlashshow:where(._show._finished *):after {
  content: none;
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._motionreduced *) {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-animation: none;
  animation: none;
}

.uSlashshow:where(._motionreduced *):after {
  content: none;
  -webkit-animation: none;
  animation: none;
}

@property --bgpositionx {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
@-webkit-keyframes backgroundPositionX {
  0% {
    --bgpositionx: 0 ;
  }
  100% {
    --bgpositionx: calc(calc(300 * var(--scale) * 1px) * -2) ;
  }
}
@keyframes backgroundPositionX {
  0% {
    --bgpositionx: 0 ;
  }
  100% {
    --bgpositionx: calc(calc(300 * var(--scale) * 1px) * -2) ;
  }
}
@-webkit-keyframes backgroundPositionX2 {
  0% {
    --bgpositionx: 0 ;
  }
  100% {
    --bgpositionx: calc(calc(300 * var(--scale) * 1px) * -0.1) ;
  }
}
@keyframes backgroundPositionX2 {
  0% {
    --bgpositionx: 0 ;
  }
  100% {
    --bgpositionx: calc(calc(300 * var(--scale) * 1px) * -0.1) ;
  }
}
.uSlashbackground {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: oklch(from var(--keycolor) calc(l * 1.25) calc(c * 0.24) h);
  background-image: repeating-linear-gradient(126deg, oklch(from var(--keycolor) calc(l) calc(c) h/0.2) var(--bgpositionx), oklch(from var(--keycolor) calc(l) calc(c) h/0.2) calc(var(--bgpositionx) + 15 * var(--scale) * 1px), transparent calc(var(--bgpositionx) + 15 * var(--scale) * 1px), transparent calc(var(--bgpositionx) + 30 * var(--scale) * 1px));
}

.uSlashbackground:where(._motionreduced *) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.uSlashbackground:where(._paused) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.uSlash {
  position: relative;
  padding-left: calc((1cap + 2 * var(--scale) * 1px) * 0.726542528 + 6 * var(--scale) * 1px + 2.472135955 * var(--scale) * 1px);
}

.uSlash::before {
  content: "";
  display: inline-block;
  width: calc(2.472135955 * var(--scale) * 1px);
  height: calc(1cap + 2 * var(--scale) * 1px);
  background-color: var(--gray_point);
  -webkit-transform: skewX(-36deg) translateY(calc(1 * var(--scale) * 1px));
  transform: skewX(-36deg) translateY(calc(1 * var(--scale) * 1px));
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  margin-right: calc(-2.472135955 * var(--scale) * 1px);
  translate: calc((1cap + 2 * var(--scale) * 1px) * -1 * 0.726542528 - 6 * var(--scale) * 1px - 2.472135955 * var(--scale) * 1px) 0;
}

.uSlash:where(._slashafter) {
  padding-left: 0;
}

.uSlash:where(._slashafter)::before {
  content: none;
}

.uSlash:where(._slashafter)::after {
  content: "";
  display: inline-block;
  width: calc(3.7082039325 * var(--scale) * 1px);
  height: calc(1cap + 2 * var(--scale) * 1px);
  background-color: var(--gray_point);
  -webkit-transform: skewX(-36deg) translateY(calc(1 * var(--scale) * 1px));
  transform: skewX(-36deg) translateY(calc(1 * var(--scale) * 1px));
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  margin-left: calc(6 * var(--scale) * 1px);
}

.uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash) {
  position: relative;
  padding-left: calc(0.726542528cap + 6 * var(--scale) * 1px + 8 * var(--scale) * 1px);
}

.uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash)::before {
  width: calc(var(--space8) / 0.8090169944);
  background-color: var(--keycolor);
  margin-right: calc(-8 * var(--scale) * 1px);
  translate: calc(-0.726542528cap - 6 * var(--scale) * 1px - 8 * var(--scale) * 1px) 0;
}

@media (min-width: 768px) {
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._22) {
    padding-left: 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._22)::before {
    display: block;
    margin-top: calc(var(--mt) * -1);
    margin-bottom: calc(var(--mt) + var(--space32));
    height: var(--space16);
    margin-right: 0;
    translate: 0 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._28) {
    padding-left: 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._28)::before {
    display: block;
    margin-top: calc(var(--mt) * -1);
    margin-bottom: calc(var(--mt) + var(--space32));
    width: calc((var(--space8) * 2 + var(--space8) * 7 / 8) / 0.8090169944);
    height: var(--space16);
    background-color: initial;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--keycolor)), color-stop(53.3333333333%, var(--keycolor)), color-stop(53.3333333333%, transparent));
    background-image: linear-gradient(to right, var(--keycolor), var(--keycolor) 53.3333333333%, transparent 53.3333333333%);
    background-size: calc((var(--space8) + var(--space8) * 7 / 8) / 0.8090169944) var(--space16);
    margin-right: 0;
    translate: 0 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._34, ._44, ._52) {
    padding-left: 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._34, ._44, ._52)::before {
    display: block;
    margin-top: calc(var(--mt) * -1);
    margin-bottom: calc(var(--mt) + var(--space32));
    width: calc((var(--space8) * 3 + var(--space8) * 7 * 2 / 8) / 0.8090169944);
    height: var(--space16);
    background-color: initial;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--keycolor)), color-stop(53.3333333333%, var(--keycolor)), color-stop(53.3333333333%, transparent));
    background-image: linear-gradient(to right, var(--keycolor), var(--keycolor) 53.3333333333%, transparent 53.3333333333%);
    background-size: calc((var(--space8) + var(--space8) * 7 / 8) / 0.8090169944) var(--space16);
    margin-right: 0;
    translate: 0 0;
  }
}
@media (max-width: 767px) {
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._28, ._34, ._44, ._52) {
    padding-left: 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._28, ._34, ._44, ._52)::before {
    display: block;
    margin-top: calc(var(--mt) * -1);
    margin-bottom: calc(var(--mt) + var(--space32));
    width: calc((var(--space8) * 3 + var(--space8) * 7 * 2 / 8) / 0.8090169944);
    height: calc(var(--space16) - 2 * var(--scale) * 1px);
    background-color: initial;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--keycolor)), color-stop(53.3333333333%, var(--keycolor)), color-stop(53.3333333333%, transparent));
    background-image: linear-gradient(to right, var(--keycolor), var(--keycolor) 53.3333333333%, transparent 53.3333333333%);
    background-size: calc((var(--space8) + var(--space8) * 7 / 8) / 0.8090169944) var(--space16);
    margin-right: 0;
    translate: 0 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._22, ._28._-1, ._34._-2, ._44._-3, ._52._-4) {
    padding-left: 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._22, ._28._-1, ._34._-2, ._44._-3, ._52._-4)::before {
    display: block;
    margin-top: calc(var(--mt) * -1);
    margin-bottom: calc(var(--mt) + var(--space32));
    width: calc((var(--space8) * 2 + var(--space8) * 7 * 1 / 8) / 0.8090169944);
    height: calc(var(--space16) - 2 * var(--scale) * 1px);
    background-color: initial;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--keycolor)), color-stop(53.3333333333%, var(--keycolor)), color-stop(53.3333333333%, transparent));
    background-image: linear-gradient(to right, var(--keycolor), var(--keycolor) 53.3333333333%, transparent 53.3333333333%);
    background-size: calc((var(--space8) + var(--space8) * 7 / 8) / 0.8090169944) var(--space16);
    margin-right: 0;
    translate: 0 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._18, ._22._-1, ._28._-2, ._34._-3, ._44._-4, ._52._-5) {
    padding-left: 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._18, ._22._-1, ._28._-2, ._34._-3, ._44._-4, ._52._-5)::before {
    display: block;
    margin-top: calc(var(--mt) * -1);
    margin-bottom: calc(var(--mt) + var(--space32));
    width: calc((var(--space8) * 1 + var(--space8) * 7 / 8) / 0.8090169944);
    height: calc(var(--space16) - 2 * var(--scale) * 1px);
    background-color: initial;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--keycolor)), color-stop(53.3333333333%, var(--keycolor)), color-stop(53.3333333333%, transparent));
    background-image: linear-gradient(to right, var(--keycolor), var(--keycolor) 53.3333333333%, transparent 53.3333333333%);
    background-size: calc((var(--space8) + var(--space8) * 7 / 8) / 0.8090169944) var(--space16);
    margin-right: 0;
    translate: 0 0;
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._16, ._18._-1, ._22._-2, ._28._-3, ._34._-4, ._44._-5, ._52._-6) {
    padding-left: calc(0.726542528cap + 6 * var(--scale) * 1px + var(--space8) / 0.8090169944);
  }
  .uSlash:where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, ._boldslash):where(._16, ._18._-1, ._22._-2, ._28._-3, ._34._-4, ._44._-5, ._52._-6)::before {
    display: inline-block;
    width: calc(var(--space8) / 0.8090169944);
    background-color: var(--keycolor);
    margin-top: 0;
    margin-bottom: 0;
    height: calc(var(--space16) - 2 * var(--scale) * 1px);
    margin-right: calc(var(--space8) * -1 / 0.8090169944);
    translate: calc((var(--space16) - 2 * var(--scale) * 1px) * -1 * 0.726542528 - 6 * var(--scale) * 1px - var(--space8) / 0.8090169944) 0;
  }
}
.uScrollable {
  position: relative;
}

._scrollable {
  position: relative;
}

[data-action=scroller] {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  scrollbar-width: none !important;
  -ms-overflow-style: none;
}

[data-action=scroller]::-webkit-scrollbar {
  display: none !important;
}

._scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(4 * var(--scale) * 1px);
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

._scrollbar-thumb {
  position: absolute;
  right: 0;
  width: calc(4 * var(--scale) * 1px);
  border-radius: calc(2 * var(--scale) * 1px);
  background: var(--gray_text);
  cursor: pointer;
  pointer-events: auto;
}

._scrollbar-thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-10 * var(--scale) * 1px);
  width: calc(100% + 20 * var(--scale) * 1px);
  height: 100%;
  background: rgba(0, 0, 0, 0);
}

.uSR {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.uOpenease {
  position: relative;
}

[data-action~=openease] {
  --openoffset: 0;
  --openduration: 200ms;
  --closeduration: 200ms;
  overflow-y: clip;
}

[data-action~=openease]:where(._opened) {
  overflow-y: clip;
}

[data-action~=openease]:where(._opened._openeased) {
  overflow-y: visible;
  height: auto !important;
}

@media (min-width: 768px) {
  [data-action~=openease]:where([data-action~=forceopenpc]) {
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  [data-action~=easetrigger]:where([data-action~=forceopenpc] *)._inert {
    pointer-events: none;
  }
}
.uMovie {
  position: relative;
  width: 100%;
}

.uMovie:where(._isConceptmovie) {
  width: 100%;
  aspect-ratio: 16/9;
}

@media (min-width: 768px) {
  .uMovieTitle {
    padding-bottom: var(--space48);
  }
}
@media (max-width: 767px) {
  .uMovieTitle {
    padding-bottom: var(--space32);
  }
}
@media (min-width: 768px) {
  ._isConceptmovie .uMovieTitle {
    padding-bottom: var(--space48);
  }
}
@media (max-width: 767px) {
  ._isConceptmovie .uMovieTitle {
    padding-bottom: var(--space32);
  }
}
.uMovieThumbnail {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.uMovieThumbnail:is(.uMovieBody[data-video-inert][data-video-type=youtube] .uMovieThumbnail), .uMovieThumbnail:is(.uMovie._isConceptmovie[data-video-inert][data-video-type=youtube] .uMovieThumbnail) {
  pointer-events: auto;
}

.uMovieThumbnail:is(.uMovieBody._disabled[data-video-inert][data-video-type=youtube] .uMovieThumbnail), .uMovieThumbnail:is(.uMovie._isConceptmovie._disabled[data-video-inert][data-video-type=youtube] .uMovieThumbnail) {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}

.uMovieThumbnail:is(.uMovieBody._disabled[data-video-inert][data-video-type=jstream] .uMovieThumbnail), .uMovieThumbnail:is(.uMovie._isConceptmovie._disabled[data-video-inert][data-video-type=jstream] .uMovieThumbnail) {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}

.uMovieThumbnail::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.uMovieBody {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  cursor: pointer;
  z-index: 1;
}

.uMovieButton {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--white100);
}

.uMovieButton:where(.uMovie._btnblack *) {
  color: var(--black100);
}

.uMovieButton:where(.uMovie._btnblack *)::before {
  -webkit-filter: brightness(0);
  filter: brightness(0);
}

@media (min-width: 768px) {
  .uMovieButton {
    row-gap: var(--space32);
  }
}
@media (max-width: 767px) {
  .uMovieButton {
    row-gap: var(--space16);
  }
}
@media (min-width: 768px) {
  .uMovieButtonIcon {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/pc/icon/playbtn.svg);
    width: calc(150 * var(--scale) * 1px);
    height: calc(150 * var(--scale) * 1px);
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .uMovieButtonIcon {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/sp/icon/playbtn.svg);
    width: calc(75 * var(--scale) * 1px);
    height: calc(74 * var(--scale) * 1px);
    background-size: contain;
  }
}
.uMovieButtonIcon:where(._btnblack *) svg circle {
  stroke: var(--primary);
}

.uMovieButtonIcon:where(._btnblack *) svg path {
  stroke: var(--primary);
}

.uMovieButtonIcon:where(._hover *) svg circle {
  fill: var(--white100);
}

.uMovieButtonIcon:where(._hover *) svg path {
  fill: var(--primary);
}

.uMovieButtonIcon:where(._hover *):where(._btnblack *) svg circle {
  stroke: none;
  fill: var(--primary);
}

.uMovieButtonIcon:where(._hover *):where(._btnblack *) svg path {
  stroke: none;
  fill: var(--white100);
}

.uMovieButtontext {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.uMovieArea {
  width: 100%;
}

.uMovieBody:where(._playing) .uMovieArea, .uMovie:where(._isConceptmovie._playing) .uMovieArea {
  pointer-events: auto;
}

.uMovieArea iframe {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.uHorizontalScroll {
  color: currentColor;
}

.uHorizontalScrollOuter {
  overflow: hidden;
}

.uHorizontalScrollContainer {
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.uHorizontalScrollContainer::-webkit-scrollbar {
  display: none;
}

.uHorizontalDrag {
  color: currentColor;
}

@media (max-width: 767px) {
  ._draggable {
    position: relative;
  }
  ._draggable::after {
    content: "";
    display: block;
    position: absolute;
    bottom: var(--space16);
    left: var(--space16);
    width: calc(52 * var(--scale) * 1px);
    height: calc(36 * var(--scale) * 1px);
  }
  ._draggable img:where(.cPicture *) {
    position: relative;
    width: auto;
  }
  ._draggable ._draggable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  ._draggable ._draggable._grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  ._draggable ._draggable._grabbing img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
  }
  ._draggable picture {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  ._draggable picture::-webkit-scrollbar {
    display: none;
  }
}
@-webkit-keyframes edgeFrameIn {
  to {
    width: var(--edgeframe);
  }
}
@keyframes edgeFrameIn {
  to {
    width: var(--edgeframe);
  }
}
.uCommonspread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .uCommonspread {
    padding-left: calc(28 * var(--scale) * 1px);
    padding-right: calc(28 * var(--scale) * 1px);
    width: 100%;
    row-gap: var(--space48);
  }
}
@media (min-width: 768px) {
  .uCommonspread {
    row-gap: var(--space80);
    width: min(1120 * var(--scale) * 1px, 100%);
  }
}
@media (min-width: 768px) {
  .uCommonspread:where(._broad) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .uCommonspread:where(._broad) {
    padding-left: 0;
    padding-right: 0;
  }
}
.uCommonspread:where(._edgecolor)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--keycolor);
  -webkit-animation: edgeFrameIn 0.5s forwards;
  animation: edgeFrameIn 0.5s forwards;
}

.uCommonspread:where(._edgecolor)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: var(--keycolor);
  -webkit-animation: edgeFrameIn 0.5s forwards;
  animation: edgeFrameIn 0.5s forwards;
}

.uCommonspread:has(+ .uCommonspread) {
  padding-bottom: 0;
}

.uCommonspread:where([data-dir="/"] *):has(.gnavi) {
  z-index: 90;
  background-color: var(--white100);
}

.uClipping {
  --angle: 54deg;
  --bevelW: 0;
  --bevelH: calc(tan(var(--angle)) * var(--bevelW));
  color: currentColor;
}

.uClipping:where(._clip8) {
  --bevelW: calc(8 * var(--scale) * 1px) ;
}

.uClipping:where(._clip16) {
  --bevelW: calc(16 * var(--scale) * 1px) ;
}

.uClipping:where(._clip24) {
  --bevelW: calc(24 * var(--scale) * 1px) ;
}

.uClipping:where(._clip32) {
  --bevelW: calc(32 * var(--scale) * 1px) ;
}

@media (min-width: 768px) {
  .uClipping._clipPC8 {
    --bevelW: calc(8 * var(--scale) * 1px) ;
  }
  .uClipping._clipPC16 {
    --bevelW: calc(16 * var(--scale) * 1px) ;
  }
  .uClipping._clipPC24 {
    --bevelW: calc(24 * var(--scale) * 1px) ;
  }
  .uClipping._clipPC32 {
    --bevelW: calc(32 * var(--scale) * 1px) ;
  }
}
@media (max-width: 767px) {
  .uClipping._clipSP8 {
    --bevelW: calc(8 * var(--scale) * 1px) ;
  }
  .uClipping._clipSP16 {
    --bevelW: calc(16 * var(--scale) * 1px) ;
  }
  .uClipping._clipSP24 {
    --bevelW: calc(24 * var(--scale) * 1px) ;
  }
  .uClipping._clipSP32 {
    --bevelW: calc(32 * var(--scale) * 1px) ;
  }
}
.uClipping._clipBottom {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%);
}

.uClipping._clipTop {
  clip-path: polygon(var(--bevelW) 0, 100% 0, 100% 100%, 0 100%, 0 var(--bevelH));
}

@media (min-width: 768px) {
  .uClipping._clipBottomPC {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%);
  }
}
@media (max-width: 767px) {
  .uClipping._clipBottomSP {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%);
  }
}
@media (min-width: 768px) {
  .uClipping._clipTopPC {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% 100%, 0 100%, 0 var(--bevelH));
  }
}
@media (max-width: 767px) {
  .uClipping._clipTopSP {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% 100%, 0 100%, 0 var(--bevelH));
  }
}
.uClipping._clipBottom._clipTop {
  clip-path: polygon(var(--bevelW) 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%, 0 var(--bevelH));
}

@media (min-width: 768px) {
  .uClipping._clipBottomPC._clipTop {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%, 0 var(--bevelH));
  }
}
@media (max-width: 767px) {
  .uClipping._clipBottomPC._clipTop {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% 100%, 0 100%, 0 var(--bevelH));
  }
}
@media (min-width: 768px) {
  .uClipping._clipBottom._clipTopPC {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%, 0 var(--bevelH));
  }
}
@media (max-width: 767px) {
  .uClipping._clipBottom._clipTopPC {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%);
  }
}
@media (min-width: 768px) {
  .uClipping._clipBottomSP._clipTop {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% 100%, 0 100%, 0 var(--bevelH));
  }
}
@media (max-width: 767px) {
  .uClipping._clipBottomSP._clipTop {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%, 0 var(--bevelH));
  }
}
@media (min-width: 768px) {
  .uClipping._clipBottom._clipTopSP {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%);
  }
}
@media (max-width: 767px) {
  .uClipping._clipBottom._clipTopSP {
    clip-path: polygon(var(--bevelW) 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 0 100%, 0 var(--bevelH));
  }
}
.uClipping:focus-visible {
  outline-offset: calc(-2 * var(--scale) * 1px);
  outline-offset: calc(-6 * var(--scale) * 1px);
}

.uCarouselthumbnail {
  color: currentColor;
}

.uCarouselSlideList {
  position: relative;
  width: 100%;
  min-height: 300px;
}

.uCarouselSlide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.uCarouselSlide._active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.uCarouselSlide .cPicture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.uCarouselNavigation {
  position: relative;
  width: 100%;
  margin-top: calc(13 * var(--scale) * 1px);
}

.uCarouselNavigation .uCarouselThumbnailNav {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  width: var(--space32);
  height: var(--space32);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border: 1px solid var(--gray_btn);
  border-radius: 50%;
  background: var(--white100) url(/themes/custom/kokuyo_theme/assets/images/common/ico_arrow_right.svg) center/calc(8 * var(--scale) * 1px) calc(11 * var(--scale) * 1px) no-repeat;
  z-index: 1;
}

@media (max-width: 767px) {
  .uCarouselNavigation .uCarouselThumbnailNav {
    width: var(--space24);
    height: var(--space24);
    background-size: calc(6 * var(--scale) * 1px) calc(8 * var(--scale) * 1px);
  }
}
.uCarouselNavigation .uCarouselThumbnailNav:is(._hover) {
  opacity: 0.5;
}

.uCarouselNavigation .uCarouselThumbnailNav:is(._disabled) {
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}

.uCarouselNavigation .uCarouselThumbnailNav.uCarouselThumbnailPrev {
  left: 0;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.uCarouselNavigation .uCarouselThumbnailNav.uCarouselThumbnailNext {
  right: 0;
}

.uCarouselNavigation .uCarouselThumbnails {
  width: 100%;
}

.uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnailList {
  overflow-x: auto;
  scrollbar-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(13 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnailList {
    gap: var(--space8);
  }
}
.uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnail {
  min-width: calc(96 * var(--scale) * 1px);
  height: calc(96 * var(--scale) * 1px);
  position: relative;
  padding: calc(4 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnail {
    min-width: calc(64 * var(--scale) * 1px);
    height: calc(64 * var(--scale) * 1px);
  }
}
.uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--gray_line);
  pointer-events: none;
}

.uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnail:hover::before {
  border: 2px solid var(--primary);
  opacity: 0.2;
}

.uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnail._active::before {
  border: 2px solid var(--primary);
  opacity: 1;
}

.uCarouselNavigation .uCarouselThumbnails .uCarouselThumbnail .cPicture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.uCarouselNavigation._show-nav .uCarouselThumbnailNav {
  display: block;
}

@property --durationrate {
  syntax: "<number>";
  initial-value: 0;
  inherits: false;
}
@-webkit-keyframes rotateIndicator {
  0% {
    --durationrate: 0 ;
  }
  100% {
    --durationrate: 1 ;
  }
}
@keyframes rotateIndicator {
  0% {
    --durationrate: 0 ;
  }
  100% {
    --durationrate: 1 ;
  }
}
.uCarousel {
  --duration: 4s;
  --indicatorRadius: calc(4 * var(--scale) * 1px);
  --indicatorColor: oklch(calc(34 / 255) 0 0);
  width: 100%;
  height: 100%;
}

.uCarousel:not([data-action~=carouselsmooth]) {
  container-type: inline-size;
}

.uCarouselIndicatorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(4 * var(--scale) * 1px);
}

.uCarouselIndicatorList:where([data-cardir=vertical] > *) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uCarouselIndicator {
  --durationrate: 1;
  position: relative;
  width: round(var(--indicatorRadius) * 2, 1px);
  height: round(var(--indicatorRadius) * 2, 1px);
  border-radius: 50%;
  background-color: oklch(from var(--indicatorColor) l c h/0.2);
}

.uCarouselIndicator:where(._current) {
  background-color: initial;
  background-image: conic-gradient(oklch(from var(--indicatorColor) l c h/0.2) calc(var(--durationrate) * 360deg), var(--indicatorColor) calc(var(--durationrate) * 360deg) 360deg);
  --durationrate: 0 ;
}

.uCarouselIndicator:where(._current):focus-visible {
  outline-offset: calc(2 * var(--scale) * 1px);
  outline-color: var(--primary);
}

.uCarouselIndicator:where(._progress) {
  -webkit-animation: rotateIndicator var(--duration) linear;
  animation: rotateIndicator var(--duration) linear;
}

.uCarouselIndicator:where(._pause) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.uCarouselIndicator:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(var(--indicatorRadius) * 2 + 2 * var(--scale) * 1px);
  height: calc(var(--indicatorRadius) * 2 + 20 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .uCarouselIndicator:before {
    width: calc(var(--indicatorRadius) * 2 + 2 * var(--scale) * 1px);
  }
}
.uCarouselIndicator:where([data-cardir=vertical] *):before {
  width: calc(var(--indicatorRadius) * 2 + 20 * var(--scale) * 1px);
  height: calc(var(--indicatorRadius) * 2 + 2 * var(--scale) * 1px);
}

.uCarouselContainer {
  width: 100%;
  height: calc(400 * var(--scale) * 1px);
  position: relative;
  overflow: hidden;
}

.uCarouselContainer:where(.uCarousel._one:not([data-cardir=vertical]) *) {
  overflow-x: auto;
}

.uCarouselContainer:where(.uCarousel._one[data-cardir=vertical] *) {
  overflow-y: auto;
}

.uCarouselContainer:where(.uCarousel[data-action~=carouselslider]:not([data-cardir=vertical]) *) {
  width: 100%;
}

.uCarouselContainer:where(.uCarousel[data-action~=carouselslider][data-cardir=vertical] *) {
  height: calc(400 * var(--scale) * 1px);
}

.uCarouselContainer:where(.uCarousel[data-action~=carouselsmooth]:not([data-cardir=vertical]) *) {
  width: 100%;
}

.uCarouselContainer:where(.uCarousel[data-action~=carouselsmooth][data-cardir=vertical] *) {
  height: calc(400 * var(--scale) * 1px);
}

.uCarouselContainer:where(._dragging) {
  pointer-events: none !important;
}

.uCarouselContainer:where(._dragging) a {
  pointer-events: none !important;
}

.uCarouselUnitlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
}

.uCarouselUnitlist:where(.uCarousel[data-action~=carouselslider]:not([data-cardir=vertical]) *) {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: 100%;
}

.uCarouselUnitlist:where(.uCarousel[data-action~=carouselslider][data-cardir=vertical] *) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

.uCarouselUnitlist:where(.uCarousel[data-action~=carouselsmooth]:not([data-cardir=vertical]) *) {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: 100%;
}

.uCarouselUnitlist:where(.uCarousel[data-action~=carouselsmooth][data-cardir=vertical] *) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

.uCarouselUnit {
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.uCarouselUnit > * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.uCarouselUnit:where(.uCarousel[data-action~=carouselslider]:not([data-cardir=vertical]) *) {
  position: relative;
  width: calc(300 * var(--scale) * 1px);
  width: round(300 * var(--scale) * 1px, 1px);
}

.uCarouselUnit:where(.uCarousel[data-action~=carouselslider][data-cardir=vertical] *) {
  position: relative;
  height: calc(300 * var(--scale) * 1px);
  height: round(300 * var(--scale) * 1px, 1px);
}

.uCarouselUnit:where(.uCarousel[data-action~=carouselsmooth]:not([data-cardir=vertical]) *) {
  position: relative;
  width: calc(300 * var(--scale) * 1px);
  width: round(300 * var(--scale) * 1px, 1px);
}

.uCarouselUnit:where(.uCarousel[data-action~=carouselsmooth][data-cardir=vertical] *) {
  position: relative;
  height: calc(300 * var(--scale) * 1px);
  height: round(300 * var(--scale) * 1px, 1px);
}

.uCarouselUnit:where(._fadein) {
  visibility: visible;
  opacity: 1;
}

@-webkit-keyframes showbumpydown {
  0% {
    scale: 102% 102%;
  }
  100% {
    scale: 100% 100%;
  }
}

@keyframes showbumpydown {
  0% {
    scale: 102% 102%;
  }
  100% {
    scale: 100% 100%;
  }
}
.uBumpyshow {
  clip-path: polygon(var(--points));
  scale: 102% 102%;
}

.uBumpyshow:where(._shrink), .uBumpyshow:where(._shrink *) {
  -webkit-animation: showbumpydown 4s cubic-bezier(0.5, 0, 0.5, 1) forwards;
  animation: showbumpydown 4s cubic-bezier(0.5, 0, 0.5, 1) forwards;
}

@property --durationrate {
  syntax: "<number>";
  initial-value: 0;
  inherits: false;
}
@keyframes rotateIndicator {
  0% {
    --durationrate: 0 ;
  }
  100% {
    --durationrate: 1 ;
  }
}
.uBumpyrotator {
  --duration: 5s;
  --indicatorRadius: calc(4 * var(--scale) * 1px);
  --indicatorColor: oklch(calc(34 / 255) 0 0);
  width: 100%;
  height: 100%;
}

.uBumpyrotatorIndicatorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(4 * var(--scale) * 1px);
}

.uBumpyrotatorIndicator {
  --durationrate: 1;
  position: relative;
  width: calc(var(--indicatorRadius) * 2);
  height: calc(var(--indicatorRadius) * 2);
  border-radius: 50%;
  background-color: oklch(from var(--indicatorColor) l c h/0.2);
}

.uBumpyrotatorIndicator:where(._current) {
  background-color: initial;
  background-image: conic-gradient(oklch(from var(--indicatorColor) l c h/0.2) calc(var(--durationrate) * 360deg), var(--indicatorColor) calc(var(--durationrate) * 360deg) 360deg);
  --durationrate: 0 ;
}

.uBumpyrotatorIndicator:where(._progress) {
  -webkit-animation: rotateIndicator var(--duration) linear;
  animation: rotateIndicator var(--duration) linear;
}

.uBumpyrotatorIndicator:where(._pause) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.uBumpyrotatorIndicator:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(var(--indicatorRadius) * 2 + 4 * var(--scale) * 1px);
  height: calc(var(--indicatorRadius) * 2 + 20 * var(--scale) * 1px);
}

.uBumpyrotatorContainer {
  width: 100%;
  height: 100%;
}

.uBumpyrotatorUnitlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.uBumpyrotatorUnit {
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.uBumpyrotatorUnit:where(._fadein) {
  visibility: visible;
  opacity: 1;
}

.uAmbientslider {
  --ambientspeedmax: 1;
  width: 100%;
  height: 100%;
}

.uAmbientsliderContainer {
  width: 100%;
  height: calc(400 * var(--scale) * 1px);
  position: relative;
  overflow: hidden;
}

.uAmbientsliderContainer:where(.uAmbientslider[data-action~=ambientslider]:not([data-ambdir=vertical]) *) {
  width: 100%;
}

.uAmbientsliderContainer:where(.uAmbientslider[data-action~=ambientslider][data-ambdir=vertical] *) {
  height: calc(400 * var(--scale) * 1px);
}

.uAmbientsliderUnitlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
}

.uAmbientsliderUnitlist:where(.uAmbientslider[data-action~=ambientslider]:not([data-ambdir=vertical]) *) {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: 100%;
}

.uAmbientsliderUnitlist:where(.uAmbientslider[data-action~=ambientslider][data-ambdir=vertical] *) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

.uAmbientsliderUnit {
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.uAmbientsliderUnit:where(.uAmbientslider[data-action~=ambientslider]:not([data-ambdir=vertical]) *) {
  position: relative;
  width: calc(300 * var(--scale) * 1px);
  width: round(300 * var(--scale) * 1px, 1px);
}

.uAmbientsliderUnit:where(.uAmbientslider[data-action~=ambientslider][data-ambdir=vertical] *) {
  position: relative;
  height: calc(300 * var(--scale) * 1px);
  height: round(300 * var(--scale) * 1px, 1px);
}

.uAmbientsliderUnit:where(._fadein) {
  visibility: visible;
  opacity: 1;
}

.categorymenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-column-gap: var(--space32);
  -webkit-column-gap: var(--space32);
  column-gap: var(--space32);
}

.categorymenu:where(.headnaviCategory *) {
  padding-right: calc(32 * var(--scale) * 1px - 1px);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .categorymenu:where(.headnaviCategory *):is(.uCommonspread) {
    padding-left: 0;
  }
}
.categorymenu:where(#footCategory *) {
  padding-bottom: var(--space80);
}

@media (max-width: 767px) {
  .categorymenu:where(#footCategory *) {
    margin-top: -1px;
    padding-top: 1px;
    padding-bottom: var(--space48);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .categorymenu:where(#footCategory *):before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gray_line);
  }
}
.categorymenuCategory {
  margin-right: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.categorymenuCategory:where(.headnaviCategory *) {
  position: relative;
  margin-bottom: 0;
  padding-left: calc(10.1715953921 * var(--scale) * 1px + var(--space16) * 2);
}

@media (min-width: 768px) {
  .categorymenuCategory:where(.headnaviCategory *) {
    padding-bottom: calc(var(--space16) + 2.5 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .categorymenuCategory:where(.headnaviCategory *) {
    padding-bottom: calc(var(--space16) + 2 * var(--scale) * 1px);
  }
}
.categorymenuCategory:where(.headnaviCategory *):before {
  content: "";
  display: inline-block;
  position: absolute;
  -webkit-transform: skewX(-36deg);
  transform: skewX(-36deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  top: calc(-0.5 * var(--scale) * 1px);
  left: var(--space16);
  width: calc(2.6 * var(--scale) * 1px);
  height: calc(14 * var(--scale) * 1px);
  background-color: var(--gray_point);
}

.categorymenuCategory:where(.headnaviCategory *):where([data-white] *):before {
  background-color: var(--textcolor);
}

.categorymenuCategory:where(.headnaviCategory *) a {
  font-size: calc(15 * var(--scale) * 1px);
  line-height: calc(22 * var(--scale) * 1px);
  margin-top: var(--mt);
  margin-bottom: var(--mb);
}

.categorymenuCategory:where(.headnaviCategory *) a:where(._hover) {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .categorymenuCategory:where(.headnaviCategory *):where(:root[data-dir="/about/"] *) {
    padding-bottom: calc(33 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .categorymenuCategory:where(.headnaviCategory *):where(:root[data-dir="/about/"] *) {
    padding-bottom: calc(18 * var(--scale) * 1px);
  }
}
.categorymenuCategory:where(#footCategory *) {
  padding-top: calc(var(--space24) + 1 * var(--scale) * 1px);
  position: relative;
}

@media (min-width: 768px) {
  .categorymenuCategory:where(#footCategory *):after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(var(--space32) * -1 - 1px);
    width: 0;
    height: var(--space16);
    border-left: 1px solid var(--primary20);
  }
}
@media (max-width: 767px) {
  .categorymenuCategory:where(#footCategory *) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .categorymenuCategory:where(#footCategory *):after {
    content: "";
    position: absolute;
    bottom: calc(-2 * var(--scale) * 1px);
    right: calc(var(--space16) * -1 - 1px);
    width: 0;
    height: var(--space16);
    border-left: 1px solid var(--primary20);
  }
}
@media (min-width: 768px) {
  .categorymenuCategory:where(#footCategory *) a {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
@media (max-width: 767px) {
  .categorymenuCategory:where(#footCategory *) a {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(22 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
.categorymenuCategory:where(#footCategory *) a:where(._hover) {
  opacity: 0.5;
}

.categorymenuCategory:where(#footCategory *):has(a[aria-current=page]):before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(2 * var(--scale) * 1px);
  background-color: var(--primary);
}

.categorymenuCategory:where(#footCategory *):has(a._hover:not([aria-current=page])):before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(2 * var(--scale) * 1px);
  background-color: var(--gray_point);
  opacity: 0.5;
}

.categorymenuMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: var(--space16);
  -webkit-column-gap: var(--space16);
  column-gap: var(--space16);
}

@media (max-width: 767px) {
  .categorymenuMain:where(.headnaviCategory *) {
    display: none;
  }
}
@media (max-width: 767px) {
  .categorymenuMain:where(#footCategory *) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.categorymenuSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: var(--space16);
  -webkit-column-gap: var(--space16);
  column-gap: var(--space16);
}

@media (max-width: 767px) {
  .categorymenuSub:where(.headnaviCategory *) {
    display: none;
  }
}
@media (max-width: 767px) {
  .categorymenuSub:where(#footCategory *) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.categorymenuUnit {
  margin-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.categorymenuUnit a {
  color: var(--primary);
}

.categorymenuUnit a:where(._separator *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-column-gap: calc(var(--space8) - 2 * var(--scale) * 1px);
  -webkit-column-gap: calc(var(--space8) - 2 * var(--scale) * 1px);
  column-gap: calc(var(--space8) - 2 * var(--scale) * 1px);
}

.categorymenuUnit a:where(._separator *):before {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/searchIcon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: inline-block;
  position: relative;
  left: 0;
}

.categorymenuUnit a:where(._separator *):where(.headnaviCategory *):before {
  width: calc(14 * var(--scale) * 1px);
  height: calc(14 * var(--scale) * 1px);
  top: calc(0.5 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .categorymenuUnit a:where(._separator *):where(#footCategory *):before {
    width: calc(22 * var(--scale) * 1px);
    height: calc(22 * var(--scale) * 1px);
    top: calc(1 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .categorymenuUnit a:where(._separator *):where(#footCategory *):before {
    width: calc(14 * var(--scale) * 1px);
    height: calc(14 * var(--scale) * 1px);
    top: calc(0.5 * var(--scale) * 1px);
  }
}
.categorymenuUnit:is(.headnaviCategory *) {
  padding-bottom: calc(var(--space16) + 2.5 * var(--scale) * 1px);
}

.categorymenuUnit:is(.headnaviCategory *) a {
  font-size: calc(15 * var(--scale) * 1px);
  line-height: calc(22 * var(--scale) * 1px);
  margin-top: var(--mt);
  margin-bottom: var(--mb);
}

.categorymenuUnit:is(.footCategory *) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.categorymenuUnit:is(.categorymenuSub *) a {
  color: var(--gray_text);
}

.categorymenuUnit:is(#footCategory .categorymenuMain *) {
  padding-top: calc(var(--space24) + 1 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .categorymenuUnit:is(#footCategory .categorymenuMain *) a {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
@media (max-width: 767px) {
  .categorymenuUnit:is(#footCategory .categorymenuMain *) a {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(22 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
.categorymenuUnit:is(#footCategory .categorymenuSub *) {
  padding-top: calc(var(--space24));
}

@media (min-width: 768px) {
  .categorymenuUnit:is(#footCategory .categorymenuSub *) a {
    translate: 0 calc(-1 * var(--scale) * 1px);
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
@media (max-width: 767px) {
  .categorymenuUnit:is(#footCategory .categorymenuSub *) a {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(22 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
.categorymenuUnit:where(._separator) {
  margin-left: calc(var(--space16) + 1px);
}

.categorymenuUnit:where(._separator):before {
  content: "";
  position: absolute;
  left: calc(var(--space16) * -1 - 1px);
  width: 0;
  border-left: 1px solid var(--gray_text);
}

.categorymenuUnit:where(._separator):where(.headnaviCategory *):before {
  top: calc(2 * var(--scale) * 1px);
  height: calc(10 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .categorymenuUnit:where(._separator):where(#footCategory *):before {
    bottom: calc(1 * var(--scale) * 1px);
    height: calc(16 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .categorymenuUnit:where(._separator):where(#footCategory *):before {
    bottom: 0;
    height: calc(12 * var(--scale) * 1px);
  }
}
.categorymenuUnit:has(a._current) a._current {
  color: oklch(from currentColor l c h/0.4);
}

.categorymenuUnit:has(a._current) a._current:before {
  opacity: 0.4;
}

.categorymenuUnit:has(a._current):is(.headnaviCategory *):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(2 * var(--scale) * 1px);
  background-color: var(--primary);
}

.categorymenuUnit:has(a._current):is(.headnaviCategory *):where(._hidden *):after {
  content: none;
}

.categorymenuUnit:has(a._current):is(#footCategory *):after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(2 * var(--scale) * 1px);
  background-color: var(--primary);
}

.categorymenuUnit:has(a._hover:not(._current)):is(.headnaviCategory *) {
  opacity: 0.5;
}

.categorymenuUnit:has(a._hover:not(._current)):is(.headnaviCategory *):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(2 * var(--scale) * 1px);
  background-color: var(--gray_point);
}

.categorymenuUnit:has(a._hover:not(._current)):is(#footCategory *) {
  opacity: 0.5;
}

.categorymenuUnit:has(a._hover:not(._current)):is(#footCategory *):after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(2 * var(--scale) * 1px);
  background-color: var(--gray_point);
}

.mInfotaggedlist {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  gap: calc(var(--space48) + 4 * var(--scale) * 1px) calc(54 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .mInfotaggedlist {
    gap: var(--space48);
  }
}
.mInfotaggedlist > * {
  width: calc((100% - 54 * var(--scale) * 1px) / 2);
}

@media (max-width: 767px) {
  .mInfotaggedlist > * {
    width: 100%;
  }
}
.mInfotaggedlistSection {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(36 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .mInfotaggedlistSection {
    padding-top: calc(var(--space32) + 1px);
  }
  .mInfotaggedlistSection::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: var(--gray_line);
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px) {
  .mInfotaggedlistSection {
    gap: var(--space24);
    gap: var();
  }
  .mInfotaggedlistSection::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: var(--gray_line);
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.mInfotaggedlistHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--space24);
}

@media (max-width: 767px) {
  .mInfotaggedlistHeader {
    gap: var(--space16);
  }
}
.mInfotaggedlistTitle {
  color: var(--primary);
}

.mInfotaggedlistAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--space44);
}

.mInfotaggedlistBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(14 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .mInfotaggedlistBody {
    gap: 0;
  }
}
.mInfotaggedlistContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(56 * var(--scale) * 1px);
  width: calc(1296 * var(--scale) * 1px);
}

.mInfotagged {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: var(--space8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .mInfotagged {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: calc(12 * var(--scale) * 1px);
    padding-top: calc(var(--space16) + 1px);
    padding-top: calc(20 * var(--scale) * 1px);
    padding-bottom: calc(19 * var(--scale) * 1px);
  }
  .mInfotagged:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--gray_line);
  }
}
.mInfotaggedMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--space8);
}

@media (max-width: 767px) {
  .mInfotaggedMeta {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.mInfotaggedDate {
  color: var(--primary);
}

.mInfotaggedDate:where(._hover *) {
  opacity: 0.5;
}

.mInfotaggedTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(7 * var(--scale) * 1px) calc(9 * var(--scale) * 1px);
  min-width: calc(64 * var(--scale) * 1px);
  height: calc(24 * var(--scale) * 1px);
  border-radius: calc(30 * var(--scale) * 1px);
  background-color: var(--white100);
  border: 1px solid var(--gray_line);
  color: var(--primary);
}

@media (max-width: 767px) {
  .mInfotaggedTag {
    padding: calc(8 * var(--scale) * 1px);
    min-width: calc(56 * var(--scale) * 1px);
  }
}
.mInfotaggedTag:where(._hover *) {
  color: oklch(from var(--primary) l c h/0.5);
}

.mInfotaggedText {
  display: inline-block;
  color: var(--gray_text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .mInfotaggedText {
    width: 100%;
  }
}
.mInfotaggedText:where(._hover > *) {
  opacity: 0.5;
}

.gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .gnavi {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: var(--space48) calc(var(--space144) * 0.5) var(--space64) calc(var(--space144) * 0.5);
    -moz-column-gap: calc(var(--space48) + var(--space8));
    -webkit-column-gap: calc(var(--space48) + var(--space8));
    column-gap: calc(var(--space48) + var(--space8));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .gnavi:where([data-id=main] *), .gnavi:not(.mDialog *) {
    padding-bottom: var(--space112);
  }
}
@media (max-width: 767px) {
  .gnavi {
    width: 100%;
    padding: var(--space16) calc(12 * var(--scale) * 1px) 0 calc(12 * var(--scale) * 1px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space16);
  }
  .gnavi:where([data-id=main] *), .gnavi:not(.mDialog *) {
    padding-bottom: 0;
    margin-bottom: calc(115 * var(--scale) * 1px);
  }
}
.gnavi:where([data-id=main] *), .gnavi:not(.mDialog *) {
  position: relative;
}

.gnavi:where([data-id=main] *):before, .gnavi:not(.mDialog *):before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: var(--space48);
  background-color: var(--gray_bg);
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .gnavi:where([data-id=main] *), .gnavi:not(.mDialog *) {
    padding-top: calc(var(--space64) + var(--space48));
  }
}
@media (max-width: 767px) {
  .gnavi:where([data-id=main] *), .gnavi:not(.mDialog *) {
    padding-top: calc(28 * var(--scale) * 1px + var(--space48));
  }
}
.gnavi:where([data-dir="/"] *) {
  background-color: var(--white100);
  z-index: 90;
}

.gnaviContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gnaviContainer:where(._misc) {
  --keycolor: var(--gray_line) ;
}

@media (min-width: 768px) {
  .gnaviContainer:where(._main) {
    width: calc(100% - 408 * var(--scale) * 1px - var(--space48) - var(--space8));
    max-width: calc(832 * var(--scale) * 1px);
    row-gap: var(--space16);
  }
  .gnaviContainer:where(._misc) {
    width: calc(408 * var(--scale) * 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space16);
  }
}
@media (max-width: 767px) {
  .gnaviContainer:where(._main) {
    row-gap: var(--space8);
  }
  .gnaviContainer:where(._misc) {
    row-gap: var(--space8);
  }
}
.gnaviButton .cButtonText {
  position: absolute;
  right: var(--space32);
  font-size: calc(15 * var(--scale) * 1px);
  line-height: calc(22 * var(--scale) * 1px);
  margin-top: var(--mt);
  margin-bottom: var(--mb);
}

.gnaviButton .cUnderlineblockLine {
  display: none;
}

@media (min-width: 768px) {
  .gnaviButton.cButtonContent {
    --bevelW: calc(32 * var(--scale) * 1px) ;
  }
  .gnaviButton .cButtonText {
    right: var(--space32);
  }
  .gnaviButton ._ulbr .cUnderlineblockBlockItem.cColortip {
    height: calc(4 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviButton.cButtonContent {
    padding-left: var(--space16);
    padding-top: var(--space16);
    height: calc(91 * var(--scale) * 1px);
    min-height: calc(91 * var(--scale) * 1px);
    --bevelW: calc(16 * var(--scale) * 1px) ;
  }
  .gnaviButton .cButtonText {
    right: var(--space16);
  }
  .gnaviButton .cButtonIcon {
    position: absolute;
    bottom: var(--space16);
  }
  .gnaviButton ._ulbr .cUnderlineblockBlockItem.cColortip {
    height: calc(2 * var(--scale) * 1px);
  }
}
.cButton:has(> [aria-current=page]):is(.gnaviContainer._main > .cButton:has(> [aria-current=page]))::before {
  content: none;
}

.cButtonContent[aria-current=page]:is(.gnaviContainer._main > .cButton .cButtonContent[aria-current=page]) {
  background-color: var(--gray_btn) !important;
}

.cButtonContent[aria-current=page]:is(.gnaviContainer._main > .cButton .cButtonContent[aria-current=page]):where(._hover) {
  background-color: var(--gray_line) !important;
}

.cButtonContent[aria-current=page]:is(.gnaviContainer._main > .cButton .cButtonContent[aria-current=page])::before {
  content: none;
}

.cButtonTitle:is(.gnaviContainer._main > .cButton .cButtonTitle) {
  color: currentColor;
}

.cButtonText:is(.gnaviContainer._main > .cButton .cButtonText) {
  color: var(--gray_text);
}

.cIcon:is(.gnaviContainer._main > .cButton [aria-current=page] *) {
  rotate: 90deg;
}

.cIconFrame:is(.gnaviContainer._main > .cButton [aria-current=page] *) {
  border-color: var(--primary);
  opacity: 1;
}

.cIconBody:is(.gnaviContainer._main > .cButton [aria-current=page] *) {
  opacity: 1;
}

.cIconBody:is(.gnaviContainer._main > .cButton [aria-current=page] *) svg polygon {
  fill: var(--primary);
}

@media (min-width: 768px) {
  .gnaviGroup {
    position: relative;
  }
  .gnaviGroup:where(._special) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media (max-width: 767px) {
  .gnaviGroup:where(._other) {
    padding: 0 calc(16 * var(--scale) * 1px);
  }
}
.gnaviGroup:where(._magazine) {
  --keycolor: var(--sand) ;
}

@media (min-width: 768px) {
  .gnaviGroupList:where(._about > *) {
    height: calc(var(--space144) * 2);
  }
  .gnaviGroupList:where(._business > *) {
    height: calc(304 * var(--scale) * 1px);
  }
  .gnaviGroupList:where(._magazine > *), .gnaviGroupList:where(._special > *) {
    height: calc(var(--space144) + var(--space48));
  }
  .gnaviGroupList:where(._other > *) {
    margin-top: calc(-7 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviGroupList:where(._business > *) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space8);
  }
}
.gnaviGroupUnit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--keycolor);
  width: 100%;
  overflow-x: clip;
  --openduration: 300ms;
  --closeduration: 300ms ;
}

@media (max-width: 767px) {
  .gnaviGroupUnit {
    overflow: visible;
    overflow-y: hidden;
  }
}
.gnaviGroupUnit:where(._about *) {
  --keycolor: var(--gray_line) ;
}

@media (min-width: 768px) {
  .gnaviGroupUnit:where(._about *) {
    height: calc(var(--space144) * 2);
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnit:where(._about *) {
    height: round(down, var(--space144) + var(--space32), 1px);
  }
}
@media (min-width: 768px) {
  .gnaviGroupUnit:where(._business *) {
    width: calc(408 * var(--scale) * 1px);
    height: var(--space144);
    position: absolute;
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnit:where(._business *) {
    height: round(down, 91 * var(--scale) * 1px, 1px);
  }
}
.gnaviGroupUnit:where(._business *):has(.gcategory._hover) {
  background-color: oklch(from var(--keycolor) calc(l - 0.02) calc(c * 1.02) h);
}

@media (min-width: 768px) {
  .gnaviGroupUnit:where(._magazine *), .gnaviGroupUnit:where(._special *) {
    height: calc(var(--space144) + var(--space48));
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnit:where(._magazine *), .gnaviGroupUnit:where(._special *) {
    height: round(down, var(--space144) + var(--space32), 1px);
  }
}
.gnaviGroupUnit:where(._business *):where(:nth-child(1)) {
  top: 0;
  left: 0;
  --keycolor: var(--brand_blue) ;
}

.gnaviGroupUnit:where(._business *):where(:nth-child(2)) {
  top: 0;
  right: 0;
  --keycolor: var(--brand_green) ;
}

.gnaviGroupUnit:where(._business *):where(:nth-child(3)) {
  bottom: 0;
  left: 0;
  --keycolor: var(--brand_pink) ;
}

.gnaviGroupUnit:where(._business *):where(:nth-child(4)) {
  bottom: 0;
  right: 0;
  --keycolor: var(--brand_red) ;
}

.gnaviGroupUnit:where(._opened) {
  z-index: 2;
}

.gnaviGroupUnit:where(._opened._closing) {
  z-index: 1;
}

@media (max-width: 767px) {
  .gnaviGroupUnit {
    clip-path: none !important;
    border-bottom: 0.1px solid #fff;
  }
  .gnaviGroupUnit > a:after {
    content: "";
    position: absolute;
    bottom: calc(var(--bevelH) * 0);
    right: calc(var(--bevelW) * 0);
    display: block;
    width: calc(var(--bevelW) * 1);
    height: calc(var(--bevelH) * 1);
    border-bottom: solid var(--white100) calc(var(--bevelH) * 1);
    border-left: solid rgba(0, 0, 0, 0) calc(var(--bevelW) * 1);
  }
}
.gnaviGroupUnitVideo1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 768px) {
  .gnaviGroupUnitVideo1 {
    height: calc(var(--space144) * 3 + var(--space16));
    width: calc(832 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnitVideo1 {
    min-height: calc(296 * var(--scale) * 1px);
  }
}
.gnaviGroupUnitVideo1 video {
  -o-object-position: top;
  object-position: top;
}

.gnaviGroupUnitPicture {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .gnaviGroupUnitPicture {
    height: calc(384 * var(--scale) * 1px + var(--space16));
  }
}
.gnaviGroupUnitPicture picture, .gnaviGroupUnitPicture img {
  -o-object-position: bottom;
  object-position: bottom;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 768px) {
  .gnaviGroupUnitPicture picture, .gnaviGroupUnitPicture img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnitPicture picture, .gnaviGroupUnitPicture img {
    width: 100%;
  }
}
.gnaviGroupUnitPicture:where(.gnaviGroup._about *) {
  bottom: auto;
  top: 0;
}

@media (min-width: 768px) {
  .gnaviGroupUnitPicture:where(.gnaviGroup._about *) {
    height: auto;
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnitPicture:where(.gnaviGroup._about *) {
    min-height: calc(296 * var(--scale) * 1px);
    height: 100%;
  }
}
.gnaviGroupUnitPicture:where(.gnaviGroup._about *) picture, .gnaviGroupUnitPicture:where(.gnaviGroup._about *) img {
  -o-object-position: top;
  object-position: top;
}

.gnaviGroupUnitVideo2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gnaviGroupUnitVideo2 video {
  -o-object-fit: cover;
  object-fit: cover;
}

.gnaviGroupUnitColor {
  line-height: 0;
  position: absolute;
  bottom: 0;
}

@media (min-width: 768px) {
  .gnaviGroupUnitColor {
    left: var(--space32);
  }
}
@media (max-width: 767px) {
  .gnaviGroupUnitColor {
    left: var(--space16);
  }
}
.gnaviGroupUnitColor:where(._other *) {
  left: 0;
  z-index: 1;
}

.gnaviGroupUnitColor:where(.gcategoryButton *) {
  left: calc(15 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .cColortip:is(.gnaviGroupUnitColor *) {
    width: calc(12 * var(--scale) * 1px);
  }
  .cColortip:is(.gnaviGroup._other .gnaviGroupUnitColor *) {
    width: calc(10 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .cColortip:is(.gnaviGroupUnitColor *) {
    width: calc(9 * var(--scale) * 1px);
  }
}
.cIcon:is(.gnaviGroupUnitArrow) {
  position: absolute;
  z-index: 1;
}

@media (min-width: 768px) {
  .cIcon:is(.gnaviGroupUnitArrow) {
    bottom: var(--space24);
    left: var(--space32);
  }
}
@media (max-width: 767px) {
  .cIcon:is(.gnaviGroupUnitArrow) {
    bottom: var(--space16);
    left: var(--space16);
  }
}
@media (min-width: 768px) {
  .cIcon:is(.gnaviGroupUnitArrow):where(.gnaviGroupUnit:has(.gcategoryButton) *):after {
    content: "";
    display: block;
    width: 0;
    height: var(--space16);
    border-left: 1px solid var(--primary20);
    position: absolute;
    bottom: calc(4 * var(--scale) * 1px);
    right: calc(var(--space8) * -1 - 2 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .cIcon:is(.gnaviGroupUnitArrow):where(.gnaviGroupUnit:has(.gcategoryButton) *):after {
    content: "";
    display: block;
    width: 0;
    height: var(--space8);
    border-left: 1px solid var(--primary20);
    position: absolute;
    bottom: calc(4 * var(--scale) * 1px);
    right: calc(var(--space8) * -1 - 3 * var(--scale) * 1px);
  }
}
.gcategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.gcategory:focus-visible {
  outline-offset: calc(-6 * var(--scale) * 1px);
}

.gcategory:where(.gnaviGroupUnit._openeased._opened .gcategory) {
  height: auto;
}

.gcategoryHead {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .gcategoryHead {
    height: var(--space144);
    padding-left: var(--space32);
    padding-right: var(--space32);
    padding-top: var(--space32);
  }
}
@media (max-width: 767px) {
  .gcategoryHead {
    height: calc(91 * var(--scale) * 1px);
    padding-left: var(--space16);
    padding-right: var(--space16);
    padding-top: var(--space16);
  }
}
.gcategoryHead:where(._about *) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  .gcategoryHead:where(._about *) {
    row-gap: var(--space32);
    height: calc(var(--space144) * 2);
  }
}
@media (max-width: 767px) {
  .gcategoryHead:where(._about *) {
    row-gap: calc(22 * var(--scale) * 1px);
    height: calc(var(--space144) + var(--space32));
  }
}
@media (min-width: 768px) {
  .gcategoryHead:where(._misc *) {
    height: calc(var(--space144) + var(--space48));
  }
}
@media (max-width: 767px) {
  .gcategoryHead:where(._misc *) {
    height: calc(var(--space144) + var(--space32));
  }
}
.gcategoryHead:where(._special *) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  .gcategoryHead:where(._special *) {
    row-gap: var(--space16);
  }
}
@media (max-width: 767px) {
  .gcategoryHead:where(._special *) {
    row-gap: calc(14 * var(--scale) * 1px);
  }
}
.gcategoryHead:where(._hover *) {
  opacity: 0.5;
}

.gcategoryHeadName {
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

@media (min-width: 768px) {
  .gcategoryHeadName {
    width: 100%;
    pointer-events: auto;
  }
}
@media (max-width: 767px) {
  .gcategoryHeadName {
    width: calc(100% - var(--space32));
  }
}
.gcategoryHeadSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: right;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

.gcategoryHeadSub:where(._about *), .gcategoryHeadSub:where(._special *) {
  text-align: left;
}

.gcategoryHeadSub:where(._about *) {
  color: var(--gray_text);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.gcategoryHeadSub:where(._about *):where(.gnaviGroupUnit._opened *) {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  opacity: 0;
}

.gcategoryContent {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .gcategoryContent {
    height: calc(var(--space144) + var(--space16));
  }
  .gcategoryContent:where(._magazine *) {
    height: calc(var(--space144) * 4 + var(--space16) * 2 - (var(--space144) + var(--space48)) * 2 - var(--space16));
  }
}
.gcategoryButton {
  position: absolute;
  bottom: 0;
}

@media (min-width: 768px) {
  .gcategoryButton {
    left: calc(58 * var(--scale) * 1px);
    width: calc(var(--space24) + 30 * var(--scale) * 1px);
    height: var(--space48);
  }
}
@media (max-width: 767px) {
  .gcategoryButton {
    left: calc(41 * var(--scale) * 1px);
    width: calc(48 * var(--scale) * 1px);
    height: calc(34 * var(--scale) * 1px);
  }
}
.gcategoryButton:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  height: 0px;
  border-top: 1px solid var(--primary);
  translate: calc(-50% - 0.5px) 0;
}

@media (min-width: 768px) {
  .gcategoryButton:after {
    width: calc(17 * var(--scale) * 1px);
    top: calc(12 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gcategoryButton:after {
    width: calc(14 * var(--scale) * 1px);
    top: calc(9 * var(--scale) * 1px);
  }
}
.gcategoryButton:where(.gnaviGroupUnit:not(._opened) *):before, .gcategoryButton:where(.gnaviGroupUnit._closing *):before {
  position: absolute;
  left: 50%;
  content: "";
  display: block;
  height: 0;
  border-top: 1px solid var(--primary);
  rotate: 90deg;
  translate: calc(-50% - 0.5px) 0;
}

@media (min-width: 768px) {
  .gcategoryButton:where(.gnaviGroupUnit:not(._opened) *):before, .gcategoryButton:where(.gnaviGroupUnit._closing *):before {
    width: calc(17 * var(--scale) * 1px);
    top: calc(12 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gcategoryButton:where(.gnaviGroupUnit:not(._opened) *):before, .gcategoryButton:where(.gnaviGroupUnit._closing *):before {
    width: calc(14 * var(--scale) * 1px);
    top: calc(9 * var(--scale) * 1px);
  }
}
.gcategoryButton._hover::before {
  translate: calc(-50% - 1px) 0;
  border-top-width: 2px;
}

.gcategoryButton._hover::after {
  translate: calc(-50% - 1px) 0;
  border-top-width: 2px;
}

.gnaviList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  -webkit-transform: none;
  transform: none;
  pointer-events: none;
  min-width: 50%;
}

.gnaviList[inert] {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}

@media (min-width: 768px) {
  .gnaviList {
    top: calc(93 * var(--scale) * 1px);
    row-gap: var(--space16);
    padding-left: var(--space32);
  }
  .gnaviList:where(._other > *) {
    top: 0;
    padding-left: 0;
    row-gap: calc(7 * var(--scale) * 1px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-column-gap: var(--space24);
    -webkit-column-gap: var(--space24);
    column-gap: var(--space24);
    row-gap: 0;
  }
}
@media (max-width: 767px) {
  .gnaviList {
    top: calc(57 * var(--scale) * 1px);
    row-gap: calc(14 * var(--scale) * 1px);
    padding-left: var(--space16);
    padding-bottom: var(--space32);
  }
  .gnaviList:where(._other > *) {
    position: relative;
    padding-left: 0;
    padding-bottom: 0;
    top: 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    row-gap: 0;
    margin-top: calc(var(--space24) - var(--space16));
  }
  .gnaviList:where(.gcategoryContent > *) {
    position: relative;
  }
  .gnaviList:where(.gcategoryContent > *):where(._about *), .gnaviList:where(.gcategoryContent > *):where(._magazine *) {
    margin-top: calc(91 * var(--scale) * 1px - var(--space144) - var(--space32));
  }
}
.gnaviUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.gnaviUnit:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.gnaviUnit:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s;
}

.gnaviUnit:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}

.gnaviUnit:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
}

.gnaviUnit:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
}

.gnaviUnit:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.gnaviUnit:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}

.gnaviUnit:nth-child(8) {
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s;
}

.gnaviUnit:nth-child(9) {
  -webkit-transition-delay: 0.32s;
  transition-delay: 0.32s;
}

.gnaviUnit:nth-child(10) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}

.gnaviUnit:nth-child(11) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.gnaviUnit:where([inert] > *) {
  opacity: 0;
}

.gnaviUnit:where(.gnaviGroup > .gnaviList *) {
  position: relative;
}

.gnaviUnit:where(.gnaviGroup > .gnaviList *):after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  mix-blend-mode: multiply;
}

@media (min-width: 768px) {
  .gnaviUnit:where(.gnaviGroup > .gnaviList *) {
    width: calc((100% - var(--space24)) * 0.5);
  }
  .gnaviUnit:where(.gnaviGroup > .gnaviList *):after {
    border-top: 2px solid var(--gray_line);
  }
}
@media (max-width: 767px) {
  .gnaviUnit:where(.gnaviGroup > .gnaviList *) {
    width: 100%;
  }
  .gnaviUnit:where(.gnaviGroup > .gnaviList *):after {
    border-top: 1px solid var(--gray_line);
  }
}
.gnaviUnit a {
  pointer-events: auto;
  width: 100%;
}

.gnaviUnit a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 220%;
  top: 50%;
  translate: 0 -50%;
}

.gnaviUnit .cIconlink:is(.gnaviGroupUnit:not(._other) *) .cIcon .cIconFrame {
  display: none;
}

@media (min-width: 768px) {
  .gnaviUnit .cIconlink:is(.gnaviGroupUnit:not(._other) *)[target=_blank] {
    padding-left: calc(26 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviUnit .cIconlink:is(.gnaviGroupUnit:not(._other) *)[target=_blank] {
    padding-left: calc(24 * var(--scale) * 1px);
  }
}
.gnaviUnit .cIconlink:is(.gnaviGroupUnit:not(._other) *)[target=_blank] .cIcon {
  margin-left: calc(2 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .gnaviUnit .cIconlink:is(.gnaviGroupUnit:not(._other) *)[target=_blank] .cIcon {
    top: calc(4 * var(--scale) * 1px);
  }
}
.gnaviUnitLink {
  width: 100%;
  height: 100%;
}

.gnaviUnitLink:before {
  content: none !important;
}

@media (min-width: 768px) {
  .gnaviUnitLink {
    padding: calc(20 * var(--scale) * 1px) 0 calc(20 * var(--scale) * 1px + 2px) 0;
  }
}
@media (max-width: 767px) {
  .gnaviUnitLink {
    padding: calc(17 * var(--scale) * 1px) 0 calc(17 * var(--scale) * 1px + 1px) 0;
  }
}
.gnaviInfo {
  margin-top: var(--space80);
  width: 100%;
  max-width: calc(1296 * var(--scale) * 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .gnaviInfo {
    margin-top: var(--space80);
  }
}
@media (max-width: 767px) {
  .gnaviInfo {
    margin-top: calc(var(--space48) - var(--space16));
    padding: 0 calc(16 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .gnaviInfo .mInfotaggedlist {
    width: calc(1296 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviInfo .mInfotaggedlist {
    width: 100%;
  }
}
.gnaviAlert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .gnaviAlert {
    margin-top: var(--space96);
    max-width: calc(1296 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviAlert {
    margin-top: var(--space48);
  }
}
@media (min-width: 768px) {
  .gnaviAlertUnit {
    width: calc(1296 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .gnaviAlertUnit {
    width: 100%;
  }
}
.gnaviAlertUnit:not(:last-child) {
  border-bottom: 1px solid var(--gray_line);
}

.gnaviAlertUnit._alert a .cIcontext:first-child .cIconFrame {
  background-color: var(--tan);
}

.gnaviAlertUnit._alert a .cIcontext:last-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.gnaviAlertUnit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: var(--space24);
  background-color: var(--gray_bg);
}

.gnaviAlertUnit a .cIcontext:first-child .cIconFrame {
  background-color: var(--green);
}

@media (max-width: 767px) {
  .gnaviAlertUnit a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: calc(var(--space16) * 2 + 1px);
  }
  .gnaviAlertUnit a .cIcontext:last-child:not(:first-child) {
    position: relative;
  }
  .gnaviAlertUnit a .cIcontext:last-child:not(:first-child):before {
    content: "";
    display: block;
    width: calc(16 * var(--scale) * 1px);
    height: 0;
    border-top: 1px solid var(--gray_point);
    position: absolute;
    top: calc(var(--space16) * -1 - 1px);
    left: 0;
  }
}
.gnaviAlertUnit .cIcontext {
  width: 100%;
}

@media (min-width: 768px) {
  .gnaviAlertUnit .cIcontext:has(+ .cIcontext) {
    width: calc(100% - var(--space80));
  }
}
.gnaviAlertUnit .cIcontext + .cIcontext {
  width: auto;
}

.gnaviAlertUnit .cIcontextText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

html {
  overflow-y: scroll;
}

html:has(#menuArea[open]) {
  overflow-y: scroll !important;
}

body {
  position: relative;
  background-color: var(--white100);
  -webkit-text-size-adjust: 100%;
  --textcolor: var(--primary);
  color: var(--textcolor);
}

.tablet body {
  -webkit-text-size-adjust: none;
}

body[inert] > * {
  visibility: hidden;
  overflow-x: hidden;
}

body:where(:root:has(#menuArea[open]) *) {
  margin-right: 0 !important;
}

#kkycontainer {
  margin: 0 auto;
  min-height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#kkycontainer._modal {
  overflow: hidden;
  height: 0;
}

[data-id=main] {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: var(--headAreaHeight);
}

[data-id=main] > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[data-id=main]:where(:root[data-dir="/"] *), [data-id=main]:where(:root[data-dir="/about/"] *) {
  padding-top: 0;
}

.kkyheadnavi {
  width: 100%;
  height: var(--headAreaHeight);
  background-color: var(--white100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.kkyheadnavi:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--gray_line);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.kkyheadnavi:where(:root[data-dir="/"] *) {
  background-color: initial;
}

.kkyheadnavi:where(:root[data-dir="/"] *):after {
  content: none;
}

@media (min-width: 768px) {
  .kkyheadnavi:where(:root[data-dir="/about/"] *) {
    background-color: initial;
  }
  .kkyheadnavi:where(:root[data-dir="/about/"] *):after {
    content: none;
  }
}
@media (max-width: 767px) {
  .kkyheadnavi:where(:root[data-dir="/about/"] *):where([data-white] *) {
    background-color: initial;
  }
  .kkyheadnavi:where(:root[data-dir="/about/"] *):where([data-white] *):after {
    opacity: 0.2;
  }
}
@media (min-width: 768px) {
  .kkyheadnavi:where(:root[data-dir="/"] *) {
    --headAreaHeight: calc(1px + var(--space96)) ;
  }
}
@media (max-width: 767px) {
  .kkyheadnavi:where(:root[data-dir="/"] *) {
    --headAreaHeight: calc(1px + calc(76 * var(--scale) * 1px)) ;
  }
}
@media (min-width: 768px) {
  .kkyheadnavi:where(:root[data-dir="/about/"] *) {
    --headAreaHeight: calc(1px + calc(85 * var(--scale) * 1px)) ;
  }
}
.kkyheadnavi:where(._standby > *) {
  height: var(--headAreaHeight);
  -webkit-transform: translate3d(0px, calc(var(--headAreaHeight) * -1), 0px);
  transform: translate3d(0px, calc(var(--headAreaHeight) * -1), 0px);
}

.kkyheadnavi:where(:not(._hidden) > *) {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0.5, 0, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.4s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.4s cubic-bezier(0, 0.5, 0, 1), -webkit-transform 0.4s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.kkyheadnavi:where(._forcestay > *) {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.headnaviContainer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: var(--headAreaHeight);
}

.headnaviContainer > nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.headnaviContainer > nav > h1, .headnaviContainer > nav > p {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.headnaviContainer:where(:root[data-dir="/"] *) {
  position: relative;
}

.headnaviContainer:where(:root[data-dir="/"] *)::before {
  content: "";
  display: block;
  width: 100%;
  background-color: var(--primary);
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .headnaviContainer:where(:root[data-dir="/"] *)::before {
    height: calc(4 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .headnaviContainer:where(:root[data-dir="/"] *)::before {
    height: calc(2 * var(--scale) * 1px);
    width: calc(100% - 56 * var(--scale) * 1px);
    left: calc(28 * var(--scale) * 1px);
  }
}
.headnaviContainer:where(:root[data-dir="/"] *):where([data-white] *):before {
  background-color: var(--white100);
}

.headnaviCategory {
  width: 100%;
  color: var(--textcolor);
}

.headnaviLogo:is(.cLogo) {
  width: calc(80 * var(--scale) * 1px);
}

.headnaviLogo:is(.cLogo) img {
  max-width: initial !important;
  -webkit-transform: scale(0.276816609);
  transform: scale(0.276816609);
  translate: 0 calc(-0.5 * var(--scale) * 1px);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@media (max-width: 767px) {
  .headnaviLogo:is(.cLogo) {
    width: calc(90 * var(--scale) * 1px);
  }
  .headnaviLogo:is(.cLogo) img {
    -webkit-transform: scale(0.3114186851);
    transform: scale(0.3114186851);
  }
}
@media (min-width: 768px) {
  .headnaviLogo:is(.cLogo):where(:root[data-dir="/"] *):where(:not(.menuheadLogo > *)) {
    width: calc(135 * var(--scale) * 1px);
  }
  .headnaviLogo:is(.cLogo):where(:root[data-dir="/"] *):where(:not(.menuheadLogo > *)) img {
    -webkit-transform: scale(0.4671280277);
    transform: scale(0.4671280277);
    translate: 0 0;
  }
}
@media (max-width: 767px) {
  .headnaviLogo:is(.cLogo):where(:root[data-dir="/"] *):where(:not(.menuheadLogo > *)) {
    width: calc(101 * var(--scale) * 1px);
  }
  .headnaviLogo:is(.cLogo):where(:root[data-dir="/"] *):where(:not(.menuheadLogo > *)) img {
    -webkit-transform: scale(0.3494809689);
    transform: scale(0.3494809689);
  }
}
@media (min-width: 768px) {
  .headnaviLogo:is(.cLogo):where(:root[data-dir="/about/"] *):where(:not(.menuheadLogo > *)) {
    width: calc(135 * var(--scale) * 1px);
  }
  .headnaviLogo:is(.cLogo):where(:root[data-dir="/about/"] *):where(:not(.menuheadLogo > *)) img {
    -webkit-transform: scale(0.4671280277);
    transform: scale(0.4671280277);
    translate: 0 0;
  }
}
.headnaviLogo:is(.cLogo):where([data-white] *) img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.headnaviCategoryCopy {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

.headnaviCategoryCopy:where([data-white] *) img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.headnaviCategoryCopy a, .headnaviCategoryCopy p {
  position: absolute;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.headnaviCategoryCopy a img, .headnaviCategoryCopy p img {
  width: calc(250 * var(--scale) * 1px);
  height: calc(36 * var(--scale) * 1px);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@media (min-width: 768px) {
  .headnaviCategoryCopy a img, .headnaviCategoryCopy p img {
    -webkit-transform: scale(0.4705526909);
    transform: scale(0.4705526909);
    translate: 0 calc(0.5 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .headnaviCategoryCopy a img, .headnaviCategoryCopy p img {
    -webkit-transform: scale(0.3546567838);
    transform: scale(0.3546567838);
  }
}
@media (min-width: 768px) {
  .headnaviCategoryCopy a, .headnaviCategoryCopy p {
    margin-left: calc(20 * var(--scale) * 1px);
    translate: 0 calc(-30 * var(--scale) * 1px);
    top: 50%;
    translate: 0 -50%;
    width: calc(130 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .headnaviCategoryCopy a, .headnaviCategoryCopy p {
    margin-left: calc(15.0740518791 * var(--scale) * 1px);
    top: 50%;
    translate: 0 -50%;
    width: calc(100 * var(--scale) * 1px);
  }
}
.headnaviCategoryCopy a:where(._hover), .headnaviCategoryCopy p:where(._hover) {
  opacity: 0.5;
}

.headnaviTogglemenu {
  position: relative;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .headnaviTogglemenu {
    width: calc(68 * var(--scale) * 1px + 1px);
  }
}
@media (max-width: 767px) {
  .headnaviTogglemenu {
    width: calc(63 * var(--scale) * 1px + 1px);
  }
}
.headnaviTogglemenu::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid var(--gray_line);
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .headnaviTogglemenu::before {
    height: var(--space16);
  }
}
.headnaviTogglemenu::after {
  content: "";
  display: block;
  width: calc(100% + (100vw - 1120 * var(--scale) * 1px - var(--scrollbar) * 1px) * 0.5);
  height: calc(4 * var(--scale) * 1px);
  background-color: var(--textcolor);
  position: absolute;
  bottom: calc(-3 * var(--scale) * 1px);
  left: 0;
}

@media (max-width: 767px) {
  .headnaviTogglemenu::after {
    width: calc(100% + (100vw - 352 * var(--scale) * 1px - var(--scrollbar) * 1px) * 0.5);
    height: calc(2 * var(--scale) * 1px);
    top: 0;
    bottom: auto;
  }
}
.headnaviTogglemenu:where(._hidden *)::after {
  content: none;
}

.headnaviTogglemenu:where(:root[data-dir="/"] *) {
  width: auto;
}

.headnaviTogglemenu:where(:root[data-dir="/"] *)::before {
  content: none;
}

.headnaviTogglemenu:where(:root[data-dir="/"] *)::after {
  left: auto;
  right: 0;
  width: calc(100% - 10 * var(--scale) * 1px);
  top: 0;
  bottom: auto;
}

@media (min-width: 768px) {
  .headnaviTogglemenu:where(:root[data-dir="/about/"] *) {
    width: auto;
  }
  .headnaviTogglemenu:where(:root[data-dir="/about/"] *)::before {
    content: none;
  }
  .headnaviTogglemenu:where(:root[data-dir="/about/"] *)::after {
    left: auto;
    right: 0;
    width: calc(100% - 10 * var(--scale) * 1px);
    top: 0;
    bottom: auto;
  }
}
@media (max-width: 767px) {
  .headnaviTogglemenu:where(:root[data-dir="/about/"] *):where([data-white] *):before {
    opacity: 0.5;
  }
  .headnaviTogglemenu:where(:root[data-dir="/about/"] *):where([data-white] *):after {
    display: none;
  }
}
.headnaviTogglemenuButton {
  --togglew: calc(35 * var(--scale) * 1px);
  --toggleh: calc(14 * var(--scale) * 1px);
  --toggleline: calc(2.6 * var(--scale) * 1px);
  --linewidth: calc(var(--toggleline) / 0.5877852523);
  position: relative;
  width: calc(var(--togglew) + 20 * var(--scale) * 1px);
  height: calc(var(--toggleh) + 20 * var(--scale) * 1px);
  padding: calc(10 * var(--scale) * 1px);
  margin-right: calc(-10 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .headnaviTogglemenuButton:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(round(nearest, (100vw - var(--scrollbar) * 1px - 1120 * var(--scale) * 1px) * 0.5, var(--toggleline) / 0.8090169944 + (var(--togglew) - var(--toggleh) * 0.726542528 - var(--toggleline) / 0.8090169944 * 3) * 0.5) - 3px + 20px);
    height: 100%;
  }
}
.headnaviTogglemenuButton span {
  position: relative;
  display: block;
  width: calc(var(--togglew) - var(--toggleh) * 0.726542528);
  height: var(--toggleh);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--textcolor)), color-stop(var(--textcolor)), to(transparent));
  background-image: linear-gradient(to right, var(--textcolor), var(--textcolor) calc(var(--toggleline) / 0.8090169944), transparent calc(var(--toggleline) / 0.8090169944));
  background-size: calc(var(--toggleline) / 0.8090169944 + (var(--togglew) - var(--toggleh) * 0.726542528 - var(--toggleline) / 0.8090169944 * 3) * 0.5) var(--toggleh);
  background-image: repeating-linear-gradient(to right, var(--textcolor), var(--textcolor) calc(var(--toggleline) / 0.8090169944), transparent calc(var(--toggleline) / 0.8090169944), transparent calc((var(--togglew) - var(--linewidth)) * 0.5));
  -webkit-transform: skewX(-36deg);
  transform: skewX(-36deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@media (min-width: 768px) {
  .headnaviTogglemenuButton span {
    -webkit-transition: width 0.1s linear;
    transition: width 0.1s linear;
  }
  .headnaviTogglemenuButton span:where(._hover > *) {
    width: calc(round(nearest, (100vw - var(--scrollbar) * 1px - 1120 * var(--scale) * 1px) * 0.5, var(--toggleline) / 0.8090169944 + (var(--togglew) - var(--toggleh) * 0.726542528 - var(--toggleline) / 0.8090169944 * 3) * 0.5) - 3px);
  }
}
@media (min-width: 768px) {
  .headnaviTogglemenuButton:where(:root[data-dir="/"] *) {
    --togglew: calc(65.3 * var(--scale) * 1px);
    --toggleh: calc(23 * var(--scale) * 1px);
    --toggleline: calc(4.83 * var(--scale) * 1px) ;
  }
}
@media (max-width: 767px) {
  .headnaviTogglemenuButton:where(:root[data-dir="/"] *) {
    --togglew: calc(44 * var(--scale) * 1px);
    --toggleh: calc(16 * var(--scale) * 1px);
    --toggleline: calc(3.58 * var(--scale) * 1px) ;
  }
}
@media (min-width: 768px) {
  .headnaviTogglemenuButton:where(:root[data-dir="/about/"] *) {
    --togglew: calc(65.3 * var(--scale) * 1px);
    --toggleh: calc(23 * var(--scale) * 1px);
    --toggleline: calc(4.83 * var(--scale) * 1px) ;
  }
}
.menuhead {
  position: fixed;
  width: 100%;
  background-color: var(--white100);
  z-index: 100;
  top: 0;
}

@media (min-width: 768px) {
  .menuhead {
    height: round(var(--space48), 1px);
  }
}
@media (max-width: 767px) {
  .menuhead {
    height: calc(round(var(--space48), 1px) + 1px + 1px + round(var(--space48), 1px));
  }
}
.menuhead:after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  border-top: 1px solid var(--gray_line);
}

@media (max-width: 767px) {
  .menuhead:after {
    content: none;
  }
}
.menuheadLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .menuheadLogo {
    position: absolute;
    left: calc((100vw - 1120 * var(--scale) * 1px - var(--scrollbar) * 1px) * 0.5 + 72 * var(--scale) * 1px - 160 * var(--scale) * 1px);
    top: 0;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .menuheadLogo {
    position: relative;
    height: calc(round(48 * var(--scale) * 1px, 1px) + 1px);
    padding: 0 calc(28 * var(--scale) * 1px);
    width: 100%;
  }
  .menuheadLogo:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    border-top: 1px solid var(--gray_line);
    left: 0;
    bottom: 0;
  }
}
.menuheadUnitList {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .menuheadUnitList {
    position: absolute;
    right: calc(68 * var(--scale) * 1px + 1px + (100vw - 1120 * var(--scale) * 1px - var(--scrollbar) * 1px) * 0.5);
  }
}
@media (max-width: 767px) {
  .menuheadUnitList {
    height: calc(round(48 * var(--scale) * 1px, 1px) + 1px);
    width: 100%;
    padding: 0 calc(28 * var(--scale) * 1px);
    background-color: var(--white100);
    position: relative;
  }
  .menuheadUnitList:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 56 * var(--scale) * 1px);
    height: 0;
    border-top: 1px solid oklch(from var(--black100) l c h/0.1);
    left: calc(28 * var(--scale) * 1px);
    bottom: 0;
  }
}
.menuheadUnit {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media (min-width: 768px) {
  .menuheadUnit {
    padding: 0 calc(var(--space32) + 1px) 0 var(--space32);
  }
}
@media (max-width: 767px) {
  .menuheadUnit {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 calc(var(--space8) + 1px) 0 var(--space8);
  }
}
.menuheadUnit:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid var(--gray_line);
  position: absolute;
  left: 0;
}

@media (max-width: 767px) {
  .menuheadUnit {
    width: 100%;
  }
  .menuheadUnit:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
  }
  .menuheadUnit:first-child:before {
    content: none;
  }
  .menuheadUnit:last-child {
    padding: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .menuheadUnit:last-child:before {
    height: calc(24 * var(--scale) * 1px);
  }
  .menuheadUnit:last-child:after {
    content: "";
    width: calc(32 * var(--scale) * 1px);
    height: 0;
    position: absolute;
    border-top: 1px solid var(--primary);
    bottom: 0;
    right: 0;
  }
}
.menuheadUnit a:where([href^="/search"]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-column-gap: calc(var(--space8) - 2 * var(--scale) * 1px);
  -webkit-column-gap: calc(var(--space8) - 2 * var(--scale) * 1px);
  column-gap: calc(var(--space8) - 2 * var(--scale) * 1px);
  padding: 0 calc(var(--space16) + 1px) 0 var(--space16);
}

@media (min-width: 768px) {
  .menuheadUnit a:where([href^="/search"]) {
    position: relative;
  }
  .menuheadUnit a:where([href^="/search"]):after {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/searchIcon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: inline-block;
    position: relative;
    right: 0;
    width: calc(16 * var(--scale) * 1px);
    height: calc(16 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .menuheadUnit a:where([href^="/search"]) {
    width: 100%;
  }
  .menuheadUnit a:where([href^="/search"]):after {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/searchIcon.svg);
    background-size: calc(16 * var(--scale) * 1px) calc(16 * var(--scale) * 1px);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: calc(36 * var(--scale) * 1px);
    height: 100%;
  }
}
.menuheadUnit a:where([href^="/search"]):where(._hover) {
  color: oklch(from var(--primary) l c h/0.5);
}

.mDialog:is(#menuArea[open]) {
  position: relative;
  background-color: var(--white100);
  min-height: 100%;
  max-height: none;
  overflow: visible;
  padding: 0px;
}

.mDialogClose:is(#menuArea[open] *) {
  position: fixed;
  top: 0;
  z-index: 100;
  padding: 0;
  background-color: initial;
  height: calc(var(--space48) + 1px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .mDialogClose:is(#menuArea[open] *) {
    width: calc(68 * var(--scale) * 1px + 1px);
    right: calc((100vw - var(--scrollbar) * 1px - 1120 * var(--scale) * 1px) * 0.5);
  }
}
@media (max-width: 767px) {
  .mDialogClose:is(#menuArea[open] *) {
    width: calc(63 * var(--scale) * 1px + 1px);
    right: calc(28 * var(--scale) * 1px);
  }
}
.mDialogClose:is(#menuArea[open] *)::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid var(--gray_line);
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .mDialogClose:is(#menuArea[open] *)::before {
    height: var(--space16);
  }
}
.mDialogClose:is(#menuArea[open] *)::after {
  content: "";
  display: block;
  width: calc(100% + (100vw - 1120 * var(--scale) * 1px - var(--scrollbar) * 1px) * 0.5);
  height: calc(4 * var(--scale) * 1px);
  background-color: var(--textcolor);
  position: absolute;
  bottom: calc(-3 * var(--scale) * 1px);
  left: 0;
}

@media (max-width: 767px) {
  .mDialogClose:is(#menuArea[open] *)::after {
    width: calc(100% + (100vw - 352 * var(--scale) * 1px - var(--scrollbar) * 1px) * 0.5);
    height: calc(2 * var(--scale) * 1px);
    top: 0;
    bottom: auto;
  }
}
.mDialogScroller:is(#menuArea[open] *) {
  overflow-y: visible;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 0px;
}

.mDialogBody:is(#menuArea[open] *) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .mDialogBody:is(#menuArea[open] *) {
    padding-top: calc(var(--space48) + 1px);
    padding-bottom: var(--space64);
  }
}
@media (max-width: 767px) {
  .mDialogBody:is(#menuArea[open] *) {
    padding-top: calc(47 * var(--scale) * 1px + 1px + var(--space48) + 1px);
    padding-bottom: var(--space32);
  }
}
.footnaviContainer:is(#menuArea[open] *) {
  width: 100%;
  max-width: calc(1296 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .footnaviContainer:is(#menuArea[open] *) {
    margin-top: var(--space16);
  }
}
@media (max-width: 767px) {
  .footnaviContainer:is(#menuArea[open] *) {
    margin-top: var(--space80);
  }
}
.footnaviContainer:is(#menuArea[open] *) nav {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footnaviContainer:is(#menuArea[open] *) .footnaviList {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#headBreadcrumb {
  width: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
}

@media (min-width: 768px) {
  #headBreadcrumb {
    margin-top: calc(var(--space48) + var(--headAreaHeight));
  }
  #headBreadcrumb:where(:root[data-rich] *) {
    margin-top: calc(var(--space112) + var(--headAreaHeight));
  }
}
@media (max-width: 767px) {
  #headBreadcrumb {
    margin-top: calc(var(--space32) + var(--headAreaHeight));
  }
  #headBreadcrumb:where(:root[data-rich] *) {
    margin-top: calc(var(--space64) + var(--headAreaHeight));
  }
}
.headbreadcrumb {
  pointer-events: auto;
}

@media (max-width: 767px) {
  .headbreadcrumb {
    padding-left: 0;
    padding-right: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
}
.headbreadcrumbUnitList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  -moz-column-gap: calc(var(--space16) * 2 + var(--space8));
  -webkit-column-gap: calc(var(--space16) * 2 + var(--space8));
  column-gap: calc(var(--space16) * 2 + var(--space8));
}

@media (max-width: 767px) {
  .headbreadcrumbUnitList {
    padding-left: calc(28 * var(--scale) * 1px);
  }
}
.headbreadcrumbUnit {
  pointer-events: auto;
  position: relative;
  height: calc(32 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .headbreadcrumbUnit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.headbreadcrumbUnit::before {
  content: "";
  width: 100%;
  background-color: var(--gray_line);
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  .headbreadcrumbUnit::before {
    height: calc(var(--space8) * 0.5);
  }
}
@media (max-width: 767px) {
  .headbreadcrumbUnit::before {
    height: calc(var(--space8) * 0.5);
  }
}
@media (max-width: 767px) {
  .headbreadcrumbUnit:where(:last-child) {
    padding-right: calc(28 * var(--scale) * 1px);
  }
  .headbreadcrumbUnit:where(:last-child)::before {
    width: calc(100% - 28 * var(--scale) * 1px);
  }
}
.headbreadcrumbUnit:has(a[aria-current=page]) {
  color: oklch(from var(--keycolor) calc(l * 0.75) calc(c * 1.5) h);
}

.headbreadcrumbUnit:has(a[aria-current=page])::before {
  background-color: var(--keycolor);
}

.headbreadcrumbUnit a._hover {
  opacity: 0.5;
}

.headbreadcrumbUnit:where(:not(:last-child))::after {
  content: "";
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/headbreadcrumbArrow.svg);
  width: calc(40 * var(--scale) * 1px);
  height: calc(14 * var(--scale) * 1px);
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  translate: 100% 0;
}

@media (max-width: 767px) {
  .headbreadcrumbUnit:where(:not(:last-child))::after {
    top: calc(-1 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .headbreadcrumbUnit:where(:root[data-dir^="/about/"] *) > p, .headbreadcrumbUnit:where(:root[data-dir^="/about/"] *) > h1 {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
@media (max-width: 767px) {
  .headbreadcrumbUnit:where(:root[data-dir^="/about/"] *) {
    height: calc(21 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .headbreadcrumbUnit:where(:root[data-dir^="/about/"] *)::before {
    height: calc(var(--space8) * 0.25);
  }
}
[data-action~=header] {
  --headAreaYOffset: 0;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  z-index: 90;
  padding: 0;
  -webkit-transform: translateY(var(--headAreaYOffset));
  transform: translateY(var(--headAreaYOffset));
}

[data-action~=header]._prepared {
  -webkit-transition: height 0.4s cubic-bezier(0, 0.5, 0, 1), -webkit-transform 0.4s cubic-bezier(0, 0.5, 0, 1);
  transition: height 0.4s cubic-bezier(0, 0.5, 0, 1), -webkit-transform 0.4s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.4s cubic-bezier(0, 0.5, 0, 1), height 0.4s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.4s cubic-bezier(0, 0.5, 0, 1), height 0.4s cubic-bezier(0, 0.5, 0, 1), -webkit-transform 0.4s cubic-bezier(0, 0.5, 0, 1);
}

@media (min-width: 768px) {
  [data-action~=header]:where(:root[data-dir="/about/"] *) {
    --headAreaYOffset: calc(var(--space16) + calc(1 * var(--scale) * 1px)) ;
  }
}
@media (max-width: 767px) {
  [data-action~=header]:where(:root[data-dir="/about/"] *) {
    --headAreaYOffset: var(--space8) ;
  }
}
[data-action~=header]:where(._standby) {
  position: fixed;
  width: 100%;
}

[data-action~=header]:where(._hidden) {
  height: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: none;
  transition: none;
}

[data-action~=header]:where(._forcestay) {
  position: fixed;
  width: 100%;
  -webkit-transform: translateY(var(--headAreaYOffset));
  transform: translateY(var(--headAreaYOffset));
  top: 0 !important;
}

[data-action~=header]:where(._dialogopened *) {
  width: calc(100% - var(--scrollbar) * 1px);
}

[data-action~=header]:where([data-white]) {
  --textcolor: var(--white100) ;
}

#footCategory {
  position: relative;
  width: 100%;
  background-color: var(--white100);
  padding-top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  #footCategory:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid var(--gray_line);
  }
}
#footBreadcrumb {
  position: relative;
  width: 100%;
  background-color: var(--gray_bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  --pagetoppadding: var(--space24) ;
}

@media (max-width: 767px) {
  #footBreadcrumb {
    --pagetoppadding: var(--space16);
    overflow-x: clip;
  }
}
#footBreadcrumb:where([data-dir="/"] *) {
  z-index: 90;
}

.footbreadcrumbContainer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0;
}

.footbreadcrumb {
  height: var(--space48);
  width: calc(100% - var(--pagetoppadding) - 12 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .footbreadcrumb {
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 0;
    scrollbar-width: none;
  }
}
.footbreadcrumbUnitList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .footbreadcrumbUnitList {
    -moz-column-gap: calc(var(--space16) * 2 + var(--space8));
    -webkit-column-gap: calc(var(--space16) * 2 + var(--space8));
    column-gap: calc(var(--space16) * 2 + var(--space8));
  }
}
@media (max-width: 767px) {
  .footbreadcrumbUnitList {
    -moz-column-gap: calc(var(--space8) * 2 + var(--space8));
    -webkit-column-gap: calc(var(--space8) * 2 + var(--space8));
    column-gap: calc(var(--space8) * 2 + var(--space8));
  }
}
.footbreadcrumbUnit {
  position: relative;
}

.footbreadcrumbUnit:where(:not(:last-child))::after {
  content: "";
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/footbreadcrumbArrow.svg);
  width: calc(40 * var(--scale) * 1px);
  height: calc(9 * var(--scale) * 1px);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 100% -50%;
}

@media (max-width: 767px) {
  .footbreadcrumbUnit:where(:not(:last-child))::after {
    width: calc(40 * var(--scale) * 1px - var(--space16));
  }
}
@media (max-width: 767px) {
  .footbreadcrumbUnit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .footbreadcrumbUnit:where(:first-child) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
}
.footbreadcrumbUnit a._hover:where(.footbreadcrumbUnit:not(:first-child) *) {
  opacity: 0.5;
}

.footbreadcrumbUnit:where(:last-child) a {
  color: var(--gray_text);
}

@media (max-width: 767px) {
  .footbreadcrumbUnit:where(:last-child) {
    padding-right: calc(var(--space16));
  }
}
@media (max-width: 767px) {
  .footnavi {
    margin-bottom: calc(115 * var(--scale) * 1px);
  }
}
.footnaviContainer {
  position: relative;
}

@media (min-width: 768px) {
  .footnaviContainer:where(._main) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--space144) var(--space32) var(--space144) var(--space32) var(--space144);
    grid-template-columns: var(--space144) var(--space144) var(--space144);
    -moz-column-gap: var(--space32);
    -webkit-column-gap: var(--space32);
    column-gap: var(--space32);
    row-gap: calc(var(--space48) - var(--space8));
    grid-template-areas: "about business business";
  }
  .footnaviContainer:where(._misc) {
    margin-top: var(--space64);
  }
  .footnaviContainer:where(._misc) > nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-column-gap: var(--space16);
    -webkit-column-gap: var(--space16);
    column-gap: var(--space16);
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .footnaviContainer:where(._main) {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--space48) + var(--space8)) 1fr;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: calc(var(--space48) + var(--space8));
    -webkit-column-gap: calc(var(--space48) + var(--space8));
    column-gap: calc(var(--space48) + var(--space8));
    grid-template-areas: "about other" "business other" "magazine other" "news other";
  }
  .footnaviContainer:where(._misc) {
    margin-top: var(--space48);
  }
  .footnaviContainer:where(._misc) > nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: calc(24 * var(--scale) * 1px);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .footnaviGroup:where(._about) {
    grid-area: about;
  }
  .footnaviGroup:where(._about) .footnaviGroupList {
    width: var(--space144);
  }
  .footnaviGroup:where(._business) {
    grid-area: business;
  }
  .footnaviGroup:where(._business) .footnaviGroupList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-column-gap: var(--space32);
    -webkit-column-gap: var(--space32);
    column-gap: var(--space32);
    row-gap: calc(var(--space48) - var(--space8));
    width: calc(var(--space32) + var(--space144) * 2);
  }
}
@media (max-width: 767px) {
  .footnaviGroup:where(._about) {
    grid-area: about;
  }
  .footnaviGroup:where(._business) {
    grid-area: business;
  }
  .footnaviGroup:where(._magazine) {
    grid-area: magazine;
  }
  .footnaviGroup:where(._news) {
    grid-area: news;
    position: relative;
  }
  .footnaviGroup:where(._news):after {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid var(--gray_line);
    mix-blend-mode: multiply;
  }
  .footnaviGroup:where(._other) {
    grid-area: other;
  }
}
@media (min-width: 768px){
  .footnaviGroup:where(._about) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footnaviGroup:where(._business) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .footnaviGroup:where(._about) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footnaviGroup:where(._business) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 767px){
  .footnaviGroup:where(._about) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footnaviGroup:where(._business) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .footnaviGroup:where(._about) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footnaviGroup:where(._business) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .footnaviGroup:where(._magazine) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .footnaviGroup:where(._news) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .footnaviGroup:where(._other) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
  }
}
.footnaviGroupUnit {
  position: relative;
  padding-top: 1px;
}

.footnaviGroupUnit:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--gray_line);
  mix-blend-mode: multiply;
}

@media (min-width: 768px) {
  .footnaviGroupUnit:before {
    margin-bottom: calc(2 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .footnaviGroupUnit {
    width: calc(144 * var(--scale) * 1px);
  }
}
.footnaviGroupUnitColor {
  font-size: 0;
  font-size-adjust: none;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.footcategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: calc(47 * var(--scale) * 1px);
}

.footcategory:where(._openeased._opened) {
  height: auto;
}

@media (min-width: 768px) {
  .footcategory {
    height: auto;
  }
}
.footcategoryName {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: calc(2 * var(--scale) * 1px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: calc(16 * var(--scale) * 1px) 0;
}

.footcategoryNameLink {
  margin-left: -1px;
  display: block;
}

.footcategoryNameLink._hover {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .footcategoryNameLink {
    width: 100%;
    pointer-events: auto;
  }
}
@media (max-width: 767px) {
  .footcategoryNameLink {
    width: calc(100% - var(--space32));
  }
}
@media (min-width: 768px) {
  .footcategoryNameButton {
    display: none;
  }
}
@media (max-width: 767px) {
  .footcategoryNameButton {
    position: absolute;
    right: 0;
    top: 50%;
    translate: 0 -50%;
    aspect-ratio: 1/1;
    height: var(--space32);
    width: var(--space32);
  }
  .footcategoryNameButton:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    display: block;
    width: calc(8 * var(--scale) * 1px);
    height: 0;
    border-top: 1px solid var(--primary);
    translate: 0 -50%;
  }
  .footcategoryNameButton:where(.footcategory:not(._opened) *):before, .footcategoryNameButton:where(.footcategory._closing *):before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    display: block;
    width: calc(8 * var(--scale) * 1px);
    height: 0;
    border-top: 1px solid var(--primary);
    rotate: 90deg;
    translate: 0 -50%;
  }
}
.footnaviList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: calc(12 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .footnaviList {
    padding-bottom: var(--space32);
  }
  .footnaviList:where(.footcategory._opened *) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footnaviList:where(._other > nav > *) {
    padding-bottom: 0;
  }
}
.footnaviList:where(.footnaviGroup > nav > *) {
  row-gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.footnaviList:where(.footnaviGroup > nav > *):after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--gray_line);
  mix-blend-mode: multiply;
}

.footnaviList:where(.footnaviContainer._misc > nav > *) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-column-gap: var(--space16);
  -webkit-column-gap: var(--space16);
  column-gap: var(--space16);
}

@media (min-width: 768px) {
  .footnaviList:where(.footnaviContainer._misc > nav > *) {
    row-gap: 0;
  }
}
@media (max-width: 767px) {
  .footnaviList:where(.footnaviContainer._misc > nav > *) {
    width: 80%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    row-gap: calc(21 * var(--scale) * 1px);
    padding-bottom: 0;
  }
}
.footnaviUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
}

.footnaviUnit a {
  width: 100%;
}

.footnaviUnit a._hover {
  opacity: 0.5;
}

.footnaviUnit:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.footnaviUnit:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s;
}

.footnaviUnit:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}

.footnaviUnit:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
}

.footnaviUnit:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
}

.footnaviUnit:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.footnaviUnit:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}

.footnaviUnit:nth-child(8) {
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s;
}

.footnaviUnit:nth-child(9) {
  -webkit-transition-delay: 0.32s;
  transition-delay: 0.32s;
}

.footnaviUnit:nth-child(10) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}

.footnaviUnit:nth-child(11) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.footnaviUnit:where([inert] > *) {
  opacity: 0;
  -webkit-transition: opacity 0.7s;
  transition: opacity 0.7s;
}

.footnaviUnit:where(.footnaviGroup > nav > .footnaviList *) {
  padding: calc(11 * var(--scale) * 1px) 0 calc(10 * var(--scale) * 1px) 0;
  position: relative;
}

.footnaviUnit:where(.footnaviGroup > nav > .footnaviList *):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--gray_line);
  mix-blend-mode: multiply;
}

@media (min-width: 768px) {
  .footnaviUnit .cIcon {
    top: calc(1.5 * var(--scale) * 1px);
    left: calc(6 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .footnaviUnit .cIcon {
    left: calc(6 * var(--scale) * 1px);
    top: calc(-4 * var(--scale) * 1px);
  }
}
.footnaviUnit [data-id=cookie_consent_cookie_btn] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footnaviCI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .footnaviCI {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    translate: 0 -100%;
    margin-bottom: calc(var(--space8) * -1 + var(--space64) * -1 - 5 * var(--scale) * 1px);
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .footnaviCI {
    position: relative;
  }
}
.footnaviCILeading {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/tagline.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  .footnaviCILeading {
    width: calc(250 * var(--scale) * 1px);
    height: calc(36 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .footnaviCILeading {
    width: calc(204.9931517886 * var(--scale) * 1px);
    height: calc(29.5190138576 * var(--scale) * 1px);
  }
}
.footnaviCILeading:where(._hover) {
  opacity: 0.5;
}

.footnaviCILink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .footnaviCILink {
    pointer-events: auto;
    row-gap: var(--space24);
  }
}
@media (max-width: 767px) {
  .footnaviCILink {
    row-gap: calc(var(--space24) * 203.55 / 248.24);
  }
}
@media (max-width: 767px) {
  .footnaviLogo:is(.cLogo) {
    width: calc(237 * var(--scale) * 1px);
  }
  .footnaviLogo:is(.cLogo) img {
    width: 100%;
  }
}
.footnaviLangContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: var(--space16);
}

.footnaviLang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: var(--space16);
  -webkit-column-gap: var(--space16);
  column-gap: var(--space16);
  position: relative;
}

.footnaviLangList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: var(--space8);
  -webkit-column-gap: var(--space8);
  column-gap: var(--space8);
}

.footnaviLangUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-column-gap: var(--space8);
  -webkit-column-gap: var(--space8);
  column-gap: var(--space8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.footnaviLangUnit:where(:not(:last-child)) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footnaviLangUnit:where(:not(:last-child)):after {
  content: "";
  display: block;
  width: 0;
  height: var(--space8);
  border-left: 1px solid var(--primary);
}

.footnaviLangUnit a:not([lang=en]) {
  opacity: 0.2;
}

.footnaviLangUnit a._hover {
  opacity: 0.5;
}

.footnaviLangRegion {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.footnaviCopyright {
  position: relative;
  color: var(--gray_text);
}

@media (min-width: 768px) {
  .footnaviCopyright {
    margin-top: var(--space16);
  }
}
@media (max-width: 767px) {
  .footnaviCopyright {
    margin-top: var(--space24);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .footnaviCopyright span {
    margin-right: calc(-4 * var(--scale) * 1px);
  }
}
.footpagetop {
  width: calc(12 * var(--scale) * 1px + var(--pagetoppadding) * 2 + 2 * var(--scale) * 1px);
  height: var(--space48);
  margin-right: calc(var(--pagetoppadding) * -1);
  position: relative;
}

.footpagetop::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: calc(12 * var(--scale) * 1px);
  height: calc(16 * var(--scale) * 1px);
  border-top: solid calc(2 * var(--scale) * 1px) var(--primary);
}

.footpagetop::after {
  content: "";
  display: block;
  position: absolute;
  top: calc((100% - var(--space16)) * 0.5);
  left: 0;
  width: calc(1 * var(--scale) * 1px);
  height: var(--space16);
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--primary)), color-stop(33.3333333333%, var(--primary)), color-stop(33.3333333333%, transparent));
  background-image: linear-gradient(to bottom, var(--primary), var(--primary) 33.3333333333%, transparent 33.3333333333%);
  background-size: calc(1 * var(--scale) * 1px) calc(3 * var(--scale) * 1px);
  background-repeat: repeat-y;
}

.footpagetopArrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/pagetop.svg);
  width: calc(12 * var(--scale) * 1px);
  height: calc(16 * var(--scale) * 1px);
  background-size: cover;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}

.footpagetopArrow:where(._hover > *) {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate(-50%, calc(-50% - 2 * var(--scale) * 1px));
  transform: translate(-50%, calc(-50% - 2 * var(--scale) * 1px));
}

@property --slashwidth {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
@property --slashwidth2 {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
@property --maskh {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
@property --bp {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
@property --bgslashxoffset {
  syntax: "<length>";
  initial-value: 0;
  inherits: false;
}
@property --linescale {
  syntax: "<number>";
  initial-value: 0;
  inherits: false;
}
@property --linescale2 {
  syntax: "<number>";
  initial-value: 0;
  inherits: false;
}
@-webkit-keyframes maskh {
  0% {
    --maskh: calc(80 * var(--scale) * 1px) ;
  }
  100% {
    --maskh: 0 ;
  }
}
@keyframes maskh {
  0% {
    --maskh: calc(80 * var(--scale) * 1px) ;
  }
  100% {
    --maskh: 0 ;
  }
}
@-webkit-keyframes bp {
  0% {
    --bp: 0 ;
  }
  100% {
    --bp: calc(100 * var(--scale) * 1px) ;
  }
}
@keyframes bp {
  0% {
    --bp: 0 ;
  }
  100% {
    --bp: calc(100 * var(--scale) * 1px) ;
  }
}
@-webkit-keyframes bgslashx {
  0% {
    --bgslashxoffset: calc(calc(40.24 * var(--scale) * 1px) * 10) ;
  }
  100% {
    --bgslashxoffset: 0 ;
  }
}
@keyframes bgslashx {
  0% {
    --bgslashxoffset: calc(calc(40.24 * var(--scale) * 1px) * 10) ;
  }
  100% {
    --bgslashxoffset: 0 ;
  }
}
@-webkit-keyframes bgslashxsp {
  0% {
    --bgslashxoffset: calc(calc(8.115 * var(--scale) * 1px) * 4 * 10) ;
  }
  100% {
    --bgslashxoffset: 0 ;
  }
}
@keyframes bgslashxsp {
  0% {
    --bgslashxoffset: calc(calc(8.115 * var(--scale) * 1px) * 4 * 10) ;
  }
  100% {
    --bgslashxoffset: 0 ;
  }
}
@-webkit-keyframes translatex {
  0% {
    translate: 53% 0;
  }
  100% {
    translate: -47% 0;
  }
}
@keyframes translatex {
  0% {
    translate: 53% 0;
  }
  100% {
    translate: -47% 0;
  }
}
@-webkit-keyframes translatexsp {
  0% {
    translate: 0% 0;
  }
  100% {
    translate: -100% 0;
  }
}
@keyframes translatexsp {
  0% {
    translate: 0% 0;
  }
  100% {
    translate: -100% 0;
  }
}
@-webkit-keyframes translatex2 {
  0% {
    translate: -142% 0;
  }
  100% {
    translate: -47% 0;
  }
}
@keyframes translatex2 {
  0% {
    translate: -142% 0;
  }
  100% {
    translate: -47% 0;
  }
}
@-webkit-keyframes translatex2sp {
  0% {
    translate: -200% 0;
  }
  100% {
    translate: -100% 0;
  }
}
@keyframes translatex2sp {
  0% {
    translate: -200% 0;
  }
  100% {
    translate: -100% 0;
  }
}
@-webkit-keyframes linescale {
  0% {
    --linescale: 7 ;
  }
  100% {
    --linescale: 1 ;
  }
}
@keyframes linescale {
  0% {
    --linescale: 7 ;
  }
  100% {
    --linescale: 1 ;
  }
}
@-webkit-keyframes linescale2 {
  0% {
    --linescale2: 8 ;
  }
  100% {
    --linescale2: 16 ;
  }
}
@keyframes linescale2 {
  0% {
    --linescale2: 8 ;
  }
  100% {
    --linescale2: 16 ;
  }
}
@-webkit-keyframes slashshowpc {
  0% {
    --slashwidth2: 0 ;
  }
  100% {
    --slashwidth2: calc(calc(9.7 * var(--scale) * 1px)) ;
  }
}
@keyframes slashshowpc {
  0% {
    --slashwidth2: 0 ;
  }
  100% {
    --slashwidth2: calc(calc(9.7 * var(--scale) * 1px)) ;
  }
}
@-webkit-keyframes slashshowsp {
  0% {
    --slashwidth2: 0 ;
  }
  100% {
    --slashwidth2: calc(8.12 * var(--scale) * 1px) ;
  }
}
@keyframes slashshowsp {
  0% {
    --slashwidth2: 0 ;
  }
  100% {
    --slashwidth2: calc(8.12 * var(--scale) * 1px) ;
  }
}
.footvisual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--keycolor);
}

.footvisual._type1:after, .footvisual._type2:after, .footvisual._type3:after, .footvisual._type6:after, .footvisual._type7:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--keycolor);
}

@media (min-width: 768px) {
  .footvisual._type1:after, .footvisual._type2:after, .footvisual._type3:after, .footvisual._type6:after, .footvisual._type7:after {
    width: calc(var(--visualbasewidth) * 1 * var(--scale) * 1px + 72 * var(--scale) * 1px + max(0, (100vw - var(--scrollbar) * 1px - 1440 * var(--scale) * 1px) * 0.5));
    height: 100%;
  }
}
@media (max-width: 767px) {
  .footvisual._type1:after, .footvisual._type2:after, .footvisual._type3:after, .footvisual._type6:after, .footvisual._type7:after {
    width: 100%;
    height: calc(100% - var(--visualbaseheight) * 1 * var(--scale) * 1px + 64 * var(--scale) * 1px);
  }
}
.footvisual._type1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .footvisual._type1:before {
    --slashwidth: calc(9.7 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(1.4 * var(--scale) * 1px));
    --bgslashx: calc(var(--bgslashxoffset) * -1 + calc(15 * var(--scale) * 1px) + max(0, calc((100vw - var(--scrollbar) * 1px - calc(1440 * var(--scale) * 1px)) * 0.5)) * sin(54deg));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashloop) * 0.5), transparent calc(var(--bgslashx) + var(--slashloop) * 0.5), transparent calc(var(--bgslashx) + var(--slashloop)));
  }
}
@media (max-width: 767px) {
  .footvisual._type1:before {
    --slashwidth: calc(8.12 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(0.4 * var(--scale) * 1px));
    --bgslashx: calc(var(--bgslashxoffset) * -1 + calc(59 * var(--scale) * 1px) - var(--slashloop));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashloop) * 0.5), transparent calc(var(--bgslashx) + var(--slashloop) * 0.5), transparent calc(var(--bgslashx) + var(--slashloop)));
  }
}
@media (min-width: 768px) {
  .footvisual._type1._visualize:before {
    -webkit-animation: bgslashx 3s cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: bgslashx 3s cubic-bezier(0, 0, 0.2, 1) forwards;
  }
}
@media (max-width: 767px) {
  .footvisual._type1._visualize:before {
    -webkit-animation: bgslashxsp 3s cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: bgslashxsp 3s cubic-bezier(0, 0, 0.2, 1) forwards;
  }
}
.footvisual._type1._visualize:where(body._motionreduced *):before {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media (min-width: 768px) {
  .footvisual._type1._visualize:where(body._motionreduced *):before {
    -webkit-animation: bgslashx 0s cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: bgslashx 0s cubic-bezier(0, 0, 0.2, 1) forwards;
  }
}
@media (max-width: 767px) {
  .footvisual._type1._visualize:where(body._motionreduced *):before {
    -webkit-animation: bgslashxsp 0s cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: bgslashxsp 0s cubic-bezier(0, 0, 0.2, 1) forwards;
  }
}
.footvisual._type2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .footvisual._type2:before {
    --linescale: 7;
    --slashwidth: calc(9.7 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(1.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(15 * var(--scale) * 1px) + max(0, calc((100vw - var(--scrollbar) * 1px - calc(1440 * var(--scale) * 1px)) * 0.5)) * sin(54deg));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth) * var(--linescale)), transparent calc(var(--bgslashx) + var(--slashwidth) * var(--linescale)), transparent calc(var(--bgslashx) + var(--slashloop) * 2));
  }
}
@media (max-width: 767px) {
  .footvisual._type2:before {
    --linescale: 7;
    --slashwidth: calc(8.12 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(0.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(26.2 * var(--scale) * 1px) - var(--slashloop));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth) * var(--linescale)), transparent calc(var(--bgslashx) + var(--slashwidth) * var(--linescale)), transparent calc(var(--bgslashx) + var(--slashloop) * 2));
  }
}
.footvisual._type2._visualize:before {
  -webkit-animation: linescale 2s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.1s;
  animation: linescale 2s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.1s;
}

.footvisual._type2._visualize:where(body._motionreduced *):before {
  -webkit-animation: linescale 0s cubic-bezier(0.5, 0, 0.5, 1) forwards 0s;
  animation: linescale 0s cubic-bezier(0.5, 0, 0.5, 1) forwards 0s;
}

.footvisual._type3 {
  overflow: clip;
}

.footvisual._type3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .footvisual._type3:before {
    --slashwidth: calc(9.7 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(1.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(15 * var(--scale) * 1px) + max(0, calc((100vw - var(--scrollbar) * 1px - calc(1440 * var(--scale) * 1px)) * 0.5)) * sin(54deg));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashloop)));
  }
}
@media (max-width: 767px) {
  .footvisual._type3:before {
    --slashwidth: calc(8.12 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(0.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(59 * var(--scale) * 1px) - var(--slashloop));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashloop)));
  }
}
.footvisual._type3 div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  --bp: 0;
  --maskh: calc(140 * var(--scale) * 1px);
  background-image: repeating-linear-gradient(0deg, var(--keycolor), var(--keycolor) var(--maskh), transparent var(--maskh), transparent calc(80 * var(--scale) * 1px));
  background-position: 0 calc(var(--bp) * -1);
}

@media (min-width: 768px) {
  .footvisual._type3 div {
    --maskh: calc(80 * var(--scale) * 1px) ;
  }
}
@media (max-width: 767px) {
  .footvisual._type3 div {
    --maskh: calc(80 * var(--scale) * 1px) ;
  }
}
.footvisual._type3._visualize div {
  -webkit-animation: maskh 2s cubic-bezier(0.2, 0, 0.2, 1) forwards, bp 4s linear 1;
  animation: maskh 2s cubic-bezier(0.2, 0, 0.2, 1) forwards, bp 4s linear 1;
}

.footvisual._type3._visualize:where(body._motionreduced *) div {
  -webkit-animation: maskh 0s cubic-bezier(0.2, 0, 0.2, 1) forwards, bp 0s linear 1;
  animation: maskh 0s cubic-bezier(0.2, 0, 0.2, 1) forwards, bp 0s linear 1;
  -webkit-animation-play-state: paused, paused;
  animation-play-state: paused, paused;
}

.footvisual._type4 {
  overflow: clip;
}

.footvisual._type4:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--subcolor);
}

.footvisual._type4::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--keycolor);
  -webkit-transform: skewX(-36deg);
  transform: skewX(-36deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  translate: 53% 0;
}

@media (min-width: 768px) {
  .footvisual._type4::after {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footvisual._type4::after {
    width: 200%;
  }
}
@media (min-width: 768px) {
  .footvisual._type4._visualize:after {
    -webkit-animation: translatex 3s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
    animation: translatex 3s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
  }
}
@media (max-width: 767px) {
  .footvisual._type4._visualize:after {
    -webkit-animation: translatexsp 3s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
    animation: translatexsp 3s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
  }
}
.footvisual._type4._visualize:where(body._motionreduced *):after {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media (min-width: 768px) {
  .footvisual._type4._visualize:where(body._motionreduced *):after {
    -webkit-animation: translatex 0s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
    animation: translatex 0s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
  }
}
@media (max-width: 767px) {
  .footvisual._type4._visualize:where(body._motionreduced *):after {
    -webkit-animation: translatexsp 0s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
    animation: translatexsp 0s cubic-bezier(0.2, 0.2, 0.2, 1) forwards;
  }
}
.footvisual._type5 {
  overflow: clip;
}

.footvisual._type5:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--subcolor);
}

.footvisual._type5::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--keycolor);
  -webkit-transform: skewX(-36deg);
  transform: skewX(-36deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  translate: -142% 0;
}

@media (min-width: 768px) {
  .footvisual._type5::after {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footvisual._type5::after {
    width: 200%;
  }
}
@media (min-width: 768px) {
  .footvisual._type5._visualize:after {
    -webkit-animation: translatex2 2s cubic-bezier(0, 0.6, 0.2, 1) forwards;
    animation: translatex2 2s cubic-bezier(0, 0.6, 0.2, 1) forwards;
  }
}
@media (max-width: 767px) {
  .footvisual._type5._visualize:after {
    -webkit-animation: translatex2sp 2s cubic-bezier(0, 0.6, 0.2, 1) forwards;
    animation: translatex2sp 2s cubic-bezier(0, 0.6, 0.2, 1) forwards;
  }
}
.footvisual._type5._visualize:where(body._motionreduced *):after {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@media (min-width: 768px) {
  .footvisual._type5._visualize:where(body._motionreduced *):after {
    -webkit-animation: translatex2 0s cubic-bezier(0, 0.6, 0.2, 1) forwards;
    animation: translatex2 0s cubic-bezier(0, 0.6, 0.2, 1) forwards;
  }
}
@media (max-width: 767px) {
  .footvisual._type5._visualize:where(body._motionreduced *):after {
    -webkit-animation: translatex2sp 0s cubic-bezier(0, 0.6, 0.2, 1) forwards;
    animation: translatex2sp 0s cubic-bezier(0, 0.6, 0.2, 1) forwards;
  }
}
.footvisual._type6:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --linescale: 1;
  --linescale2: 8;
  background-image: repeating-linear-gradient(-54deg, var(--subcolor) calc(var(--bgslashx) * var(--linescale)), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth) * var(--linescale)), transparent calc(var(--bgslashx) + var(--slashwidth) * var(--linescale)), transparent calc(var(--bgslashx) + var(--slashwidth) * 2));
}

@media (min-width: 768px) {
  .footvisual._type6:before {
    --slashwidth: calc(calc(9.7 * var(--scale) * 1px) * var(--linescale2));
    --slashloop: calc(calc(9.7 * var(--scale) * 1px) * 4 + calc(1.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(15 * var(--scale) * 1px) + var(--slashloop) - calc(9.7 * var(--scale) * 1px) * 3 + max(0, calc((100vw - var(--scrollbar) * 1px - calc(1440 * var(--scale) * 1px)) * 0.5)) * sin(54deg)) ;
  }
}
@media (max-width: 767px) {
  .footvisual._type6:before {
    --slashwidth: calc(calc(8.115 * var(--scale) * 1px) * var(--linescale2));
    --bgslashx: calc(calc(61 * var(--scale) * 1px) - calc(8.115 * var(--scale) * 1px) * 8) ;
  }
}
.footvisual._type6._visualize:before {
  -webkit-animation: linescale2 2s cubic-bezier(0, 0, 0.5, 1) forwards;
  animation: linescale2 2s cubic-bezier(0, 0, 0.5, 1) forwards;
}

.footvisual._type6._visualize:where(body._motionreduced *):before {
  -webkit-animation: linescale2 0s cubic-bezier(0, 0, 0.5, 1) forwards;
  animation: linescale2 0s cubic-bezier(0, 0, 0.5, 1) forwards;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.footvisual._type7:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .footvisual._type7:before {
    --slashwidth: calc(9.7 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(1.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(15 * var(--scale) * 1px) + max(0, calc((100vw - var(--scrollbar) * 1px - calc(1440 * var(--scale) * 1px)) * 0.5)) * sin(54deg));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashloop)), var(--subcolor) calc(var(--bgslashx) + var(--slashloop)), var(--subcolor) calc(var(--bgslashx) + var(--slashloop) + var(--slashwidth2)), transparent calc(var(--bgslashx) + var(--slashloop) + var(--slashwidth2)), transparent calc(var(--bgslashx) + var(--slashloop) * 2));
  }
}
@media (max-width: 767px) {
  .footvisual._type7:before {
    --slashwidth: calc(8.12 * var(--scale) * 1px);
    --slashloop: calc(var(--slashwidth) * 4 + calc(0.4 * var(--scale) * 1px));
    --bgslashx: calc(calc(26.2 * var(--scale) * 1px) - var(--slashloop));
    background-image: repeating-linear-gradient(-54deg, var(--subcolor) var(--bgslashx), var(--subcolor) calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashwidth)), transparent calc(var(--bgslashx) + var(--slashloop)), var(--subcolor) calc(var(--bgslashx) + var(--slashloop)), var(--subcolor) calc(var(--bgslashx) + var(--slashloop) + var(--slashwidth2)), transparent calc(var(--bgslashx) + var(--slashloop) + var(--slashwidth2)), transparent calc(var(--bgslashx) + var(--slashloop) * 2));
  }
}
@media (min-width: 768px) {
  .footvisual._type7._visualize:before {
    -webkit-animation: slashshowpc 2s cubic-bezier(0.2, 0, 0.2, 1) forwards 0.2s;
    animation: slashshowpc 2s cubic-bezier(0.2, 0, 0.2, 1) forwards 0.2s;
  }
}
@media (max-width: 767px) {
  .footvisual._type7._visualize:before {
    -webkit-animation: slashshowsp 2s cubic-bezier(0.2, 0, 0.2, 1) forwards 0.3s;
    animation: slashshowsp 2s cubic-bezier(0.2, 0, 0.2, 1) forwards 0.3s;
  }
}
.footvisual._type7._visualize:where(body._motionreduced *):before {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
}

@media (min-width: 768px) {
  .footvisual._type7._visualize:where(body._motionreduced *):before {
    -webkit-animation: slashshowpc 0s cubic-bezier(0.2, 0, 0.2, 1) forwards 0s;
    animation: slashshowpc 0s cubic-bezier(0.2, 0, 0.2, 1) forwards 0s;
  }
}
@media (max-width: 767px) {
  .footvisual._type7._visualize:where(body._motionreduced *):before {
    -webkit-animation: slashshowsp 0s cubic-bezier(0.2, 0, 0.2, 1) forwards 0s;
    animation: slashshowsp 0s cubic-bezier(0.2, 0, 0.2, 1) forwards 0s;
  }
}
#kkyfootArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  #kkyfootArea {
    padding-top: calc(var(--space8) + var(--space64));
    padding-bottom: calc(var(--space8) + var(--space64));
  }
}
@media (max-width: 767px) {
  #kkyfootArea {
    padding-top: var(--space32);
    padding-bottom: var(--space32);
    overflow-x: clip;
  }
}
#kkyfootArea:where([data-dir="/"] *) {
  z-index: 90;
  background-color: var(--white100);
}

@font-face {
  font-family: "hnr";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/themes/custom/kokuyo_theme/assets/fonts/hnr.woff2) format("woff2");
  unicode-range: U+0020;
}
._10 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._10 {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._10) {
    line-height: calc(16 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._10 {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._10) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._--1:where(._10) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._10._--1) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._--2:where(._10) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._10._--2) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._--3:where(._10) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._10._--3) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._--4:where(._10) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._10._--4) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._--5:where(._10) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._10._--5) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._--6:where(._10) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._10._--6) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--7:where(._10) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._10._--7) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--8:where(._10) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._10._--8) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--9:where(._10) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._10._--9) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._12 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._12 {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._12) {
    line-height: calc(18 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._12 {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._12) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-1:where(._12) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._12._-1) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._--1:where(._12) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._12._--1) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._--2:where(._12) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._12._--2) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._--3:where(._12) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._12._--3) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._--4:where(._12) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._12._--4) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._--5:where(._12) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._12._--5) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--6:where(._12) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._12._--6) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--7:where(._12) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._12._--7) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--8:where(._12) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._12._--8) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._14 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._14 {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._14) {
    line-height: calc(22 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._14 {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._14) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-2:where(._14) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._14._-2) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-1:where(._14) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._14._-1) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._--1:where(._14) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._14._--1) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._--2:where(._14) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._14._--2) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._--3:where(._14) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._14._--3) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._--4:where(._14) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._14._--4) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--5:where(._14) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._14._--5) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--6:where(._14) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._14._--6) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--7:where(._14) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._14._--7) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._16 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._16 {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._16) {
    line-height: calc(24 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._16 {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._16) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._-3:where(._16) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._16._-3) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-2:where(._16) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._16._-2) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-1:where(._16) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._16._-1) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._--1:where(._16) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._16._--1) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._--2:where(._16) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._16._--2) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._--3:where(._16) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._16._--3) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--4:where(._16) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._16._--4) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--5:where(._16) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._16._--5) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--6:where(._16) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._16._--6) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._18 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._18 {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._18) {
    line-height: calc(28 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._18 {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._18) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._-4:where(._18) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._18._-4) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-3:where(._18) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._18._-3) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-2:where(._18) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._18._-2) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-1:where(._18) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._18._-1) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._--1:where(._18) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._18._--1) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._--2:where(._18) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._18._--2) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--3:where(._18) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._18._--3) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--4:where(._18) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._18._--4) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--5:where(._18) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._18._--5) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._22 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._22 {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._22) {
    line-height: calc(32 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._22 {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._22) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._-5:where(._22) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._22._-5) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-4:where(._22) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._22._-4) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-3:where(._22) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._22._-3) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-2:where(._22) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._22._-2) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._-1:where(._22) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._22._-1) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._--1:where(._22) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._22._--1) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--2:where(._22) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._22._--2) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--3:where(._22) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._22._--3) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--4:where(._22) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._22._--4) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._28 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._28 {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._28) {
    line-height: calc(38 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._28 {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._28) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._-6:where(._28) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._28._-6) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-5:where(._28) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._28._-5) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-4:where(._28) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._28._-4) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-3:where(._28) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._28._-3) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._-2:where(._28) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._28._-2) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._-1:where(._28) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._28._-1) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._--1:where(._28) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._28._--1) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--2:where(._28) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._28._--2) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--3:where(._28) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._28._--3) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._34 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._34 {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._34) {
    line-height: calc(48 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._34 {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._34) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._-7:where(._34) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._34._-7) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-6:where(._34) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._34._-6) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-5:where(._34) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._34._-5) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-4:where(._34) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._34._-4) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._-3:where(._34) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._34._-3) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._-2:where(._34) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._34._-2) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._-1:where(._34) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._34._-1) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._--1:where(._34) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._34._--1) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._--2:where(._34) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._34._--2) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._44 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._44 {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._44) {
    line-height: calc(56 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._44 {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._44) {
    line-height: calc(56 * var(--scale) * 1px);
  }
  ._-8:where(._44) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._44._-8) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-7:where(._44) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._44._-7) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-6:where(._44) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._44._-6) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-5:where(._44) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._44._-5) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._-4:where(._44) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._44._-4) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._-3:where(._44) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._44._-3) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._-2:where(._44) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._44._-2) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._-1:where(._44) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._44._-1) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._--1:where(._44) {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._44._--1) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
._52 {
  -webkit-margin-before: var(--mt);
  margin-block-start: var(--mt);
  -webkit-margin-after: var(--mb);
  margin-block-end: var(--mb);
}

@media (min-width: 768px) {
  ._52 {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._52) {
    line-height: calc(64 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  ._52 {
    font-size: calc(53 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._52) {
    line-height: calc(64 * var(--scale) * 1px);
  }
  ._-9:where(._52) {
    font-size: calc(11 * var(--scale) * 1px);
    line-height: calc(20 * var(--scale) * 1px);
  }
  ._n:where(._52._-9) {
    line-height: calc(16 * var(--scale) * 1px);
  }
  ._-8:where(._52) {
    font-size: calc(13 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._n:where(._52._-8) {
    line-height: calc(18 * var(--scale) * 1px);
  }
  ._-7:where(._52) {
    font-size: calc(15 * var(--scale) * 1px);
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._n:where(._52._-7) {
    line-height: calc(22 * var(--scale) * 1px);
  }
  ._-6:where(._52) {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._n:where(._52._-6) {
    line-height: calc(24 * var(--scale) * 1px);
  }
  ._-5:where(._52) {
    font-size: calc(19 * var(--scale) * 1px);
    line-height: calc(36 * var(--scale) * 1px);
  }
  ._n:where(._52._-5) {
    line-height: calc(28 * var(--scale) * 1px);
  }
  ._-4:where(._52) {
    font-size: calc(23 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._52._-4) {
    line-height: calc(32 * var(--scale) * 1px);
  }
  ._-3:where(._52) {
    font-size: calc(29 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._52._-3) {
    line-height: calc(38 * var(--scale) * 1px);
  }
  ._-2:where(._52) {
    font-size: calc(35 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._52._-2) {
    line-height: calc(48 * var(--scale) * 1px);
  }
  ._-1:where(._52) {
    font-size: calc(45 * var(--scale) * 1px);
    line-height: calc(40 * var(--scale) * 1px);
  }
  ._n:where(._52._-1) {
    line-height: calc(56 * var(--scale) * 1px);
  }
}
._wf {
  letter-spacing: 0em;
  font-style: normal;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  font-optical-sizing: auto;
  font-size-adjust: from-font;
  font-family: hnr, HelveticaNowText, TazuganeGothicStdN, sans-serif;
  font-weight: 400;
  font-size-adjust: from-font;
  --mt: calc((1cap - 1lh) * 0.52 + 0.075em);
  --mb: calc((1cap - 1lh) * 0.48 + 0.05em);
  letter-spacing: 0em;
}

body._wf {
  /* padding-top: 3.3333333333vw; */
  padding-top: 0;
}
@media (max-width: 767px) {
  body._wf {
    /* padding-top: 11.4666666667vw; */
    padding-top: 0;
  }
}

._n:where(._wf), ._n:where(._wf *) {
  --mt: calc((1cap - 1lh) * 0.51 + 0.06em);
  --mb: calc((1cap - 1lh) * 0.48 + 0.06em) ;
}

._b:where(._wf), ._b:where(._wf *) {
  font-family: hnr, HelveticaNowText, TazuganeGothicStdN, sans-serif;
  font-weight: 500;
  font-size-adjust: from-font;
  --mt: calc((1cap - 1lh) * 0.52 + 0.075em);
  --mb: calc((1cap - 1lh) * 0.48 + 0.05em);
  letter-spacing: 0em;
}

._bb:where(._wf), ._bb:where(._wf *) {
  font-family: hnr, HelveticaNowText, TazuganeGothicStdN, sans-serif;
  font-weight: 700;
}

._r:where(._wf), ._r:where(._wf *) {
  font-family: hnr, HelveticaNowText, TazuganeGothicStdN, sans-serif;
  font-weight: 400;
  font-size-adjust: from-font;
  --mt: calc((1cap - 1lh) * 0.52 + 0.075em);
  --mb: calc((1cap - 1lh) * 0.48 + 0.05em);
  letter-spacing: 0em;
}

._serif:where(._wf), ._serif:where(._wf *) {
  font-family: hnr, YakuHanMP, "Noto Serif JP", serif;
  font-weight: 400;
  font-size-adjust: 0.48;
  --mt: calc((1cap - 1lh) * 0.49 + 0.1em);
  --mb: calc((1cap - 1lh) * 0.49 + 0.06em);
  letter-spacing: -0.04em;
}

._b:where(._wf._serif), ._b:where(._wf ._serif), ._b:where(._wf._serif *), ._b:where(._wf ._serif *) {
  font-weight: 500;
}

._mt8 {
  margin-top: calc(8 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt8 {
    margin-top: calc(8 * var(--scale) * 1px);
  }
}
._pt8 {
  padding-top: calc(8 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt8 {
    padding-top: calc(8 * var(--scale) * 1px);
  }
}
._pb8 {
  padding-bottom: calc(8 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb8 {
    padding-bottom: calc(8 * var(--scale) * 1px);
  }
}
._mt16 {
  margin-top: calc(16 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt16 {
    margin-top: calc(16 * var(--scale) * 1px);
  }
}
._pt16 {
  padding-top: calc(16 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt16 {
    padding-top: calc(16 * var(--scale) * 1px);
  }
}
._pb16 {
  padding-bottom: calc(16 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb16 {
    padding-bottom: calc(16 * var(--scale) * 1px);
  }
}
._mt24 {
  margin-top: calc(24 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt24 {
    margin-top: calc(24 * var(--scale) * 1px);
  }
}
._pt24 {
  padding-top: calc(24 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt24 {
    padding-top: calc(24 * var(--scale) * 1px);
  }
}
._pb24 {
  padding-bottom: calc(24 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb24 {
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
}
._mt32 {
  margin-top: calc(32 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt32 {
    margin-top: calc(32 * var(--scale) * 1px);
  }
}
._pt32 {
  padding-top: calc(32 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt32 {
    padding-top: calc(32 * var(--scale) * 1px);
  }
}
._pb32 {
  padding-bottom: calc(32 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb32 {
    padding-bottom: calc(32 * var(--scale) * 1px);
  }
}
._mt48 {
  margin-top: calc(48 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt48 {
    margin-top: calc(48 * var(--scale) * 1px);
  }
}
._pt48 {
  padding-top: calc(48 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt48 {
    padding-top: calc(48 * var(--scale) * 1px);
  }
}
._pb48 {
  padding-bottom: calc(48 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb48 {
    padding-bottom: calc(48 * var(--scale) * 1px);
  }
}
._mt64 {
  margin-top: calc(64 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt64 {
    margin-top: calc(64 * var(--scale) * 1px);
  }
}
._pt64 {
  padding-top: calc(64 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt64 {
    padding-top: calc(64 * var(--scale) * 1px);
  }
}
._pb64 {
  padding-bottom: calc(64 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb64 {
    padding-bottom: calc(64 * var(--scale) * 1px);
  }
}
._mt80 {
  margin-top: calc(80 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt80 {
    margin-top: calc(80 * var(--scale) * 1px);
  }
}
._pt80 {
  padding-top: calc(80 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt80 {
    padding-top: calc(80 * var(--scale) * 1px);
  }
}
._pb80 {
  padding-bottom: calc(80 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb80 {
    padding-bottom: calc(80 * var(--scale) * 1px);
  }
}
._mt96 {
  margin-top: calc(96 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt96 {
    margin-top: calc(96 * var(--scale) * 1px);
  }
}
._pt96 {
  padding-top: calc(96 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt96 {
    padding-top: calc(96 * var(--scale) * 1px);
  }
}
._pb96 {
  padding-bottom: calc(96 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb96 {
    padding-bottom: calc(96 * var(--scale) * 1px);
  }
}
._mt112 {
  margin-top: calc(112 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt112 {
    margin-top: calc(112 * var(--scale) * 1px);
  }
}
._pt112 {
  padding-top: calc(112 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt112 {
    padding-top: calc(112 * var(--scale) * 1px);
  }
}
._pb112 {
  padding-bottom: calc(112 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb112 {
    padding-bottom: calc(112 * var(--scale) * 1px);
  }
}
._mt144 {
  margin-top: calc(144 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._mt144 {
    margin-top: calc(144 * var(--scale) * 1px);
  }
}
._pt144 {
  padding-top: calc(144 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pt144 {
    padding-top: calc(144 * var(--scale) * 1px);
  }
}
._pb144 {
  padding-bottom: calc(144 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  ._pb144 {
    padding-bottom: calc(144 * var(--scale) * 1px);
  }
}
:root {
  font-size: 16px; /* mainコンテンツ用の通常rem基準 */
  /* ヘッダー・フッター用のスケール変数 */
  --scrollbar: 0;
  --vw: calc(100vw - env(safe-area-inset-left) * 2 - var(--scrollbar) * 1px);
  --vwnounit: tan(atan2(var(--vw), 1px));
  --rawScale: calc(1 / 1440 * var(--vwnounit));
  --scale: min(1.5, 1 / 1440 * var(--vwnounit));
  --space8: calc(8 * var(--scale) * 1px);
  --space16: calc(16 * var(--scale) * 1px);
  --space24: calc(24 * var(--scale) * 1px);
  --space32: calc(32 * var(--scale) * 1px);
  --space48: calc(48 * var(--scale) * 1px);
  --space64: calc(64 * var(--scale) * 1px);
  --space80: calc(80 * var(--scale) * 1px);
  --space96: calc(96 * var(--scale) * 1px);
  --space112: calc(112 * var(--scale) * 1px);
  --space144: calc(144 * var(--scale) * 1px) ;
}

/* スマートフォン用の設定 */
@media (max-width: 767px) {
  :root {
    --rawScale: calc(1 / 408 * var(--vwnounit));
    --scale: calc(1 / 408 * var(--vwnounit));
  }
}
@media (min-width: 768px) {
  :root {
    --space8: calc(8 * var(--scale) * 1px);
    --space16: calc(16 * var(--scale) * 1px);
    --space24: calc(24 * var(--scale) * 1px);
    --space32: calc(32 * var(--scale) * 1px);
    --space48: calc(48 * var(--scale) * 1px);
    --space64: calc(64 * var(--scale) * 1px);
    --space80: calc(80 * var(--scale) * 1px);
    --space96: calc(96 * var(--scale) * 1px);
    --space112: calc(112 * var(--scale) * 1px);
    --space144: calc(144 * var(--scale) * 1px) ;
  }
}
@property --vw {
  syntax: "<length>";
  initial-value: 0px;
  inherits: false;
}
@media (min-width: 768px) {
  :root {
    --frameedgepadding: calc(104 * var(--scale) * 1px);
    --sideoffset: 0;
    --maxscreenwidth: 1920px;
    --ghostgetheight: calc(100svh - var(--edgepadding)) ;
  }
}
:root {
  --scrollbar: 0;
  --vw: calc(100vw - env(safe-area-inset-left) * 2 - var(--scrollbar) * 1px);
  --vwnounit: tan(atan2(var(--vw), 1px));
  --headAreaHeight: calc(1px + round(var(--space48), 1px)) ;
}

:root:has(body[inert]) {
  font-size: 1px !important;
}

@media (max-width: 767px) {
  :root {
    --rawScale: calc(1 / 408 * var(--vwnounit));
    --scale: calc(1 / 408 * var(--vwnounit));
    --edgeframe: calc(5 * var(--scale) * 1px) ;
  }
}
@media (min-width: 768px) {
  :root {
    --rawScale: calc(1 / 1440 * var(--vwnounit));
    --scale: min(1.5, 1 / 1440 * var(--vwnounit));
    --edgeframe: calc(16 * var(--scale) * 1px) ;
  }
}
:root[data-remfixed] {
  font-size: 1px !important;
  --rawScale: 1 !important;
  --scale: 1 !important ;
}

#kkycontainer > .kkycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  min-height: 100svh;
  width: 100%;
}

#kkycontainer > .kkycontainer:where(:root:has(#menuArea[open]) *) {
  height: 100vh;
  overflow: clip;
}

.textHidden {
  text-align: left;
  text-indent: -99999px;
  overflow: hidden;
  display: block;
}

*.nosp {
  display: none;
}

@media (min-width: 768px) {
  *.nosp {
    display: inline;
  }
}
@media (min-width: 768px) {
  br.nosp {
    display: block;
  }
}
@media (min-width: 768px) {
  *.nopc {
    display: none;
  }
}
em {
  font-style: normal;
}

b, strong {
  font-weight: inherit;
}

:root {
  --brand_blue: oklch(0.79 0.14 221);
  --brand_red: oklch(0.72 0.16 20);
  --cyan: oklch(0.8641 0.1011 167.47);
  --purple: oklch(0.82 0.09 269);
  --brand_pink: oklch(0.84 0.12 337);
  --green: oklch(0.9026 0.1342 125.82);
  --brand_green: oklch(0.73 0.17 159);
  --salmon: oklch(0.82 0.1 18);
  --tan: oklch(0.79 0.03 56);
  --sand: oklch(0.89 0.02 93);
  --gray_line: oklch(0.9 0 200) ;
}

:root {
  --primary: oklch(0.2718 0.001 0);
  --primary10: oklch(0.2718 0.001 0 / 0.1);
  --primary20: oklch(0.2718 0.001 0 / 0.2);
  --primary40: oklch(0.2718 0.001 0 / 0.4);
  --primary60: oklch(0.2718 0.001 0 / 0.6);
  --black100: oklch(0 0 0);
  --gray_text: oklch(0.51 0 0);
  --gray_text_light: oklch(0.715 0 0);
  --gray_point: oklch(0.8 0 0);
  --gray_btn: oklch(0.85 0 0);
  --gray_bg: oklch(0.95 0 0);
  --white100: oklch(1 0 0);
  --sun: oklch(0.89 0.1 85);
  --violet: oklch(0.75 0.1 250);
  --cloud: oklch(0.9148 0.0357 190.03);
  --bean: oklch(0.82 0.08 15);
  --lavender: oklch(0.85 0.12 300);
  --mint: oklch(0.9 0.15 140);
  --apricot: oklch(0.82 0.15 65);
  --sea: oklch(0.75 0.15 230);
  --cream: oklch(0.9899 0.0354 113.89);
  --lemon: oklch(0.9383 0.0838 98.18) ;
}

@-webkit-keyframes walkThroughColorPalette {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  9.0909090909% {
    color: oklch(72% 0.16 20deg);
  }
  18.1818181818% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  27.2727272727% {
    color: oklch(82% 0.09 269deg);
  }
  36.3636363636% {
    color: oklch(84% 0.12 337deg);
  }
  45.4545454545% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  54.5454545455% {
    color: oklch(73% 0.17 159deg);
  }
  63.6363636364% {
    color: oklch(82% 0.1 18deg);
  }
  72.7272727273% {
    color: oklch(79% 0.03 56deg);
  }
  81.8181818182% {
    color: oklch(89% 0.02 93deg);
  }
  90.9090909091% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}

@keyframes walkThroughColorPalette {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  9.0909090909% {
    color: oklch(72% 0.16 20deg);
  }
  18.1818181818% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  27.2727272727% {
    color: oklch(82% 0.09 269deg);
  }
  36.3636363636% {
    color: oklch(84% 0.12 337deg);
  }
  45.4545454545% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  54.5454545455% {
    color: oklch(73% 0.17 159deg);
  }
  63.6363636364% {
    color: oklch(82% 0.1 18deg);
  }
  72.7272727273% {
    color: oklch(79% 0.03 56deg);
  }
  81.8181818182% {
    color: oklch(89% 0.02 93deg);
  }
  90.9090909091% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_brand_blue {
  0% {
    color: oklch(72% 0.16 20deg);
  }
  10% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  20% {
    color: oklch(82% 0.09 269deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(72% 0.16 20deg);
  }
}
@keyframes walkThroughColorPalette_brand_blue {
  0% {
    color: oklch(72% 0.16 20deg);
  }
  10% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  20% {
    color: oklch(82% 0.09 269deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(72% 0.16 20deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_brand_red {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  20% {
    color: oklch(82% 0.09 269deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_brand_red {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  20% {
    color: oklch(82% 0.09 269deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_cyan {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(82% 0.09 269deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_cyan {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(82% 0.09 269deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_purple {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_purple {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(84% 0.12 337deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_brand_pink {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_brand_pink {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_green {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_green {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(73% 0.17 159deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_brand_green {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_brand_green {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(82% 0.1 18deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_salmon {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_salmon {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(79% 0.03 56deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_tan {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(82% 0.1 18deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_tan {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(82% 0.1 18deg);
  }
  80% {
    color: oklch(89% 0.02 93deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_sand {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(82% 0.1 18deg);
  }
  80% {
    color: oklch(79% 0.03 56deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_sand {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(82% 0.1 18deg);
  }
  80% {
    color: oklch(79% 0.03 56deg);
  }
  90% {
    color: oklch(90% 0 200deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@-webkit-keyframes walkThroughColorPalette_gray_line {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(82% 0.1 18deg);
  }
  80% {
    color: oklch(79% 0.03 56deg);
  }
  90% {
    color: oklch(89% 0.02 93deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
@keyframes walkThroughColorPalette_gray_line {
  0% {
    color: oklch(79% 0.14 221deg);
  }
  10% {
    color: oklch(72% 0.16 20deg);
  }
  20% {
    color: oklch(86.41% 0.1011 167.47deg);
  }
  30% {
    color: oklch(82% 0.09 269deg);
  }
  40% {
    color: oklch(84% 0.12 337deg);
  }
  50% {
    color: oklch(90.26% 0.1342 125.82deg);
  }
  60% {
    color: oklch(73% 0.17 159deg);
  }
  70% {
    color: oklch(82% 0.1 18deg);
  }
  80% {
    color: oklch(79% 0.03 56deg);
  }
  90% {
    color: oklch(89% 0.02 93deg);
  }
  100% {
    color: oklch(79% 0.14 221deg);
  }
}
br-sp, br-pc, br-sp + br, br-pc + br {
  display: none;
}

@media (max-width: 767px) {
  br-sp + br {
    display: block;
  }
}
@media (min-width: 768px) {
  br-pc + br {
    display: block;
  }
}
.cUnderlineblock {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  width: 100%;
}

.cUnderlineblockLine {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--gray_line);
  height: calc(4 * var(--scale) * 1px);
}

._ulbxxs .cUnderlineblockLine {
  height: calc(1 * var(--scale) * 1px);
}

.cUnderlineblockLine:where(._thin) {
  height: calc(1 * var(--scale) * 1px);
}

.cUnderlineblockBlock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._ulbxxs .cUnderlineblockBlockItem {
  width: calc(7 * var(--scale) * 1px);
  height: calc(4 * var(--scale) * 1px);
}

._ulbxs .cUnderlineblockBlockItem {
  width: calc(7 * var(--scale) * 1px);
  height: calc(6 * var(--scale) * 1px);
}

._ulbs .cUnderlineblockBlockItem {
  width: calc(8 * var(--scale) * 1px);
  height: calc(6 * var(--scale) * 1px);
}

._ulbr .cUnderlineblockBlockItem {
  width: calc(9 * var(--scale) * 1px);
  height: calc(6 * var(--scale) * 1px);
}

._ulbm .cUnderlineblockBlockItem {
  width: calc(10 * var(--scale) * 1px);
  height: calc(7 * var(--scale) * 1px);
}

._ulbl .cUnderlineblockBlockItem {
  width: calc(12 * var(--scale) * 1px);
  height: calc(8 * var(--scale) * 1px);
}

._ulbxl .cUnderlineblockBlockItem {
  width: calc(15 * var(--scale) * 1px);
  height: calc(10 * var(--scale) * 1px);
}

._ulb2l .cUnderlineblockBlockItem {
  width: calc(15 * var(--scale) * 1px);
  height: calc(10 * var(--scale) * 1px);
}

._ulb3l .cUnderlineblockBlockItem {
  width: calc(23 * var(--scale) * 1px);
  height: calc(15 * var(--scale) * 1px);
}

._ulb4l .cUnderlineblockBlockItem {
  width: calc(27 * var(--scale) * 1px);
  height: calc(18 * var(--scale) * 1px);
}

@media screen and (max-width: 767px) {
  ._ulbxs._spSize-1 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(4 * var(--scale) * 1px);
  }
  ._ulbs._spSize-1 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbs._spSize-2 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(4 * var(--scale) * 1px);
  }
  ._ulbr._spSize-1 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbr._spSize-2 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbr._spSize-3 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(4 * var(--scale) * 1px);
  }
  ._ulbm._spSize-1 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbm._spSize-2 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbm._spSize-3 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbm._spSize-4 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(4 * var(--scale) * 1px);
  }
  ._ulbl._spSize-1 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbl._spSize-2 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbl._spSize-3 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbl._spSize-4 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbl._spSize-5 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(4 * var(--scale) * 1px);
  }
  ._ulbxl._spSize-1 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulbxl._spSize-2 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbxl._spSize-3 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxl._spSize-4 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxl._spSize-5 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulb2l._spSize-1 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulb2l._spSize-2 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulb2l._spSize-3 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulb2l._spSize-4 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulb2l._spSize-5 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulb3l._spSize-1 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulb3l._spSize-2 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulb3l._spSize-3 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulb3l._spSize-4 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulb3l._spSize-5 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulb4l._spSize-1 .cUnderlineblockBlockItem {
    width: calc(23 * var(--scale) * 1px);
    height: calc(15 * var(--scale) * 1px);
  }
  ._ulb4l._spSize-2 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulb4l._spSize-3 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulb4l._spSize-4 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulb4l._spSize-5 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbxxs._spSize--1 .cUnderlineblockBlockItem {
    width: calc(7 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxxs._spSize--2 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxxs._spSize--3 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxxs._spSize--4 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbxxs._spSize--5 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulbxs._spSize--1 .cUnderlineblockBlockItem {
    width: calc(8 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxs._spSize--2 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbxs._spSize--3 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbxs._spSize--4 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulbxs._spSize--5 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbs._spSize--1 .cUnderlineblockBlockItem {
    width: calc(9 * var(--scale) * 1px);
    height: calc(6 * var(--scale) * 1px);
  }
  ._ulbs._spSize--2 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbs._spSize--3 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulbs._spSize--4 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbs._spSize--5 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbr._spSize--1 .cUnderlineblockBlockItem {
    width: calc(10 * var(--scale) * 1px);
    height: calc(7 * var(--scale) * 1px);
  }
  ._ulbr._spSize--2 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulbr._spSize--3 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbr._spSize--4 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbr._spSize--5 .cUnderlineblockBlockItem {
    width: calc(23 * var(--scale) * 1px);
    height: calc(15 * var(--scale) * 1px);
  }
  ._ulbm._spSize--1 .cUnderlineblockBlockItem {
    width: calc(12 * var(--scale) * 1px);
    height: calc(8 * var(--scale) * 1px);
  }
  ._ulbm._spSize--2 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbm._spSize--3 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbm._spSize--4 .cUnderlineblockBlockItem {
    width: calc(23 * var(--scale) * 1px);
    height: calc(15 * var(--scale) * 1px);
  }
  ._ulbm._spSize--5 .cUnderlineblockBlockItem {
    width: calc(27 * var(--scale) * 1px);
    height: calc(18 * var(--scale) * 1px);
  }
  ._ulbl._spSize--1 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbl._spSize--2 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbl._spSize--3 .cUnderlineblockBlockItem {
    width: calc(23 * var(--scale) * 1px);
    height: calc(15 * var(--scale) * 1px);
  }
  ._ulbl._spSize--4 .cUnderlineblockBlockItem {
    width: calc(27 * var(--scale) * 1px);
    height: calc(18 * var(--scale) * 1px);
  }
  ._ulbxl._spSize--1 .cUnderlineblockBlockItem {
    width: calc(15 * var(--scale) * 1px);
    height: calc(10 * var(--scale) * 1px);
  }
  ._ulbxl._spSize--2 .cUnderlineblockBlockItem {
    width: calc(23 * var(--scale) * 1px);
    height: calc(15 * var(--scale) * 1px);
  }
  ._ulbxl._spSize--3 .cUnderlineblockBlockItem {
    width: calc(27 * var(--scale) * 1px);
    height: calc(18 * var(--scale) * 1px);
  }
  ._ulb2l._spSize--1 .cUnderlineblockBlockItem {
    width: calc(23 * var(--scale) * 1px);
    height: calc(15 * var(--scale) * 1px);
  }
  ._ulb2l._spSize--2 .cUnderlineblockBlockItem {
    width: calc(27 * var(--scale) * 1px);
    height: calc(18 * var(--scale) * 1px);
  }
  ._ulb3l._spSize--1 .cUnderlineblockBlockItem {
    width: calc(27 * var(--scale) * 1px);
    height: calc(18 * var(--scale) * 1px);
  }
}
.cTogglemotion {
  --activetextcolor: var(--white100);
  --textcolor: var(--gray_point);
  --sheetcolor: var(--primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

@media (min-width: 768px) {
  .cTogglemotion {
    gap: round(6 * var(--scale) * 1px, 1px);
  }
}
@media (max-width: 767px) {
  .cTogglemotion {
    gap: calc(10 * var(--scale) * 1px);
  }
}
.cTogglemotionLabel:where(._hover > *) {
  opacity: 0.5;
}

.cTogglemotionView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(round(72 * var(--scale) * 1px, 1px) + 4px);
  height: calc(round(20 * var(--scale) * 1px, 1px) + 4px);
  border-radius: calc(12 * var(--scale) * 1px);
  border-width: 1px;
  border-color: var(--textcolor);
  background-color: var(--white100);
  padding: 4px;
}

.cTogglemotionView:before {
  content: "";
  position: absolute;
  left: 0;
  width: round(38 * var(--scale) * 1px, 1px);
  height: round(20 * var(--scale) * 1px, 1px);
  border-radius: calc(10 * var(--scale) * 1px);
  background-color: var(--sheetcolor);
  translate: 2px 0;
}

.cTogglemotion[aria-checked=false] .cTogglemotionView:before {
  translate: calc(round(72 * var(--scale) * 1px, 1px) + 4px - round(38 * var(--scale) * 1px, 1px) - 3px) 0;
}

.cTogglemotionViewText {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .cTogglemotionViewText {
    margin-bottom: calc(-1 * var(--scale) * 1px);
  }
}
.cTogglemotion[aria-checked=true] .cTogglemotionView .cTogglemotionViewText:first-child {
  color: var(--activetextcolor);
}

.cTogglemotion[aria-checked=true] .cTogglemotionView .cTogglemotionViewText:last-child {
  color: var(--textcolor);
}

.cTogglemotion[aria-checked=false] .cTogglemotionView .cTogglemotionViewText:first-child {
  color: var(--textcolor);
}

.cTogglemotion[aria-checked=false] .cTogglemotionView .cTogglemotionViewText:last-child {
  color: var(--activetextcolor);
}

.cSlash {
  display: inline-block;
  width: calc(3.7082039325 * var(--scale) * 1px);
  height: var(--space16);
  background-color: var(--gray_point);
  -webkit-transform: skewX(-36deg);
  transform: skewX(-36deg);
}

.cRibbontext {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  --origin-x: 50%;
  --origin-y: 100%;
  --row-padding: 8;
  --row-height: 25;
  --slash-width: 13;
  --slash-height: 16;
  --slash-offset: 16 ;
}

.cRibbontext:where(._s), .cRibbontext:where(._r), .cRibbontext:where(._m) {
  --row-height: 32;
  --slash-width: 13;
  --slash-height: 16;
  --slash-offset: 16 ;
}

.cRibbontext:where(._l) {
  --row-padding: 10;
  --row-height: 40;
  --slash-width: 19;
  --slash-height: 24;
  --slash-offset: 24 ;
}

.cRibbontext:where(._xl) {
  --row-padding: 14;
  --row-height: 48;
  --slash-width: 25;
  --slash-height: 32;
  --slash-offset: 32 ;
}

.cRibbontext:where(._2l) {
  --row-padding: 16;
  --row-height: 64;
  --slash-width: 25;
  --slash-height: 32;
  --slash-offset: 32 ;
}

.cRibbontext:where(._xl._smallSlash), .cRibbontext:where(._2l._smallSlash) {
  --slash-width: 19;
  --slash-height: 24;
  --slash-offset: 24 ;
}

@media (max-width: 767px) {
  .cRibbontext:where(._sp-s), .cRibbontext:where(._sp-r), .cRibbontext:where(._sp-m) {
    --row-height: 32;
    --slash-width: 13;
    --slash-height: 16;
    --slash-offset: 16 ;
  }
  .cRibbontext:where(._sp-l) {
    --row-padding: 10;
    --row-height: 40;
    --slash-width: 19;
    --slash-height: 24;
    --slash-offset: 24 ;
  }
  .cRibbontext:where(._sp-xl) {
    --row-padding: 14;
    --row-height: 48;
    --slash-width: 25;
    --slash-height: 32;
    --slash-offset: 32 ;
  }
  .cRibbontext:where(._sp-2l) {
    --row-padding: 16;
    --row-height: 64;
    --slash-width: 25;
    --slash-height: 32;
    --slash-offset: 32 ;
  }
}
.cRibbontext:where(._largeSlash) {
  --slash-width: 25;
  --slash-height: 32;
  --slash-offset: 32 ;
}

.cRibbontext:where(._smallSlash) {
  --slash-width: 13;
  --slash-height: 16;
  --slash-offset: 16 ;
}

.cRibbontext:where(._right) {
  --origin-x: calc(100% - (var(--slash-offset) + var(--slash-width)) * calc(1 * var(--scale) * 1px)) ;
}

.cRibbontext:where(._left) {
  --origin-x: calc((var(--slash-offset) + var(--slash-width)) * calc(1 * var(--scale) * 1px)) ;
}

@media (max-width: 767px) {
  .cRibbontext:where(._spRight) {
    --origin-x: calc(100% - (var(--slash-offset) + var(--slash-width)) * calc(1 * var(--scale) * 1px)) ;
  }
}
@media (max-width: 767px) {
  .cRibbontext:where(._spLeft) {
    --origin-x: calc((var(--slash-offset) + var(--slash-width)) * calc(1 * var(--scale) * 1px)) ;
  }
}
.cRibbontext:where(._boxed) {
  --origin-x: calc(50% - var(--slash-width) * calc(0.5 * var(--scale) * 1px)) ;
}

.cRibbontext:where(._absolute) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(var(--origin-x) * -1), calc(var(--origin-y) * -1));
  transform: translate(calc(var(--origin-x) * -1), calc(var(--origin-y) * -1));
  white-space: nowrap;
}

.cRibbontext:where(._absolute):where(._rotate) {
  -webkit-transform-origin: translate(calc(var(--origin-x) * -1), calc(var(--origin-y) * -1));
  transform-origin: translate(calc(var(--origin-x) * -1), calc(var(--origin-y) * -1));
}

@media (min-width: 768px) {
  .cRibbontext:where(._rotate:not(._absolute)) {
    -webkit-transform: rotate(calc(var(--rotate) * 1deg));
    transform: rotate(calc(var(--rotate) * 1deg));
  }
}
@media (max-width: 767px) {
  .cRibbontext:where(._rotate:not(._absolute)) {
    -webkit-transform: rotate(calc(var(--sp-rotate) * 1deg));
    transform: rotate(calc(var(--sp-rotate) * 1deg));
  }
}
.cRibbontext:where(._pcSlashLeft, ._spSlashLeft, ._pcSlashRight, ._spSlashRight) {
  --slash-offset: 8 ;
}

.cRibbontextInner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform-origin: var(--origin-x) var(--origin-y);
  transform-origin: var(--origin-x) var(--origin-y);
}

.cRibbontextInner:where(.cRibbontext._right *) {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.cRibbontextInner:where(.cRibbontext._left *) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .cRibbontextInner:where(.cRibbontext._spRight *) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .cRibbontextInner:where(.cRibbontext._spLeft *) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.cRibbontextInner:where(.cRibbontext._boxed *) {
  isolation: isolate;
  padding-bottom: calc(var(--slash-height) * 1 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .cRibbontextInner:where(.cRibbontext._rotate *) {
    -webkit-transform: rotate(calc(var(--rotate) * 1deg));
    transform: rotate(calc(var(--rotate) * 1deg));
  }
}
@media (max-width: 767px) {
  .cRibbontextInner:where(.cRibbontext._rotate *) {
    -webkit-transform: rotate(calc(var(--sp-rotate) * 1deg));
    transform: rotate(calc(var(--sp-rotate) * 1deg));
  }
}
.cRibbontextBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  --ribbon-color: var(--keycolor);
  white-space: pre;
}

.cRibbontextBody:where(.cRibbontext._right *) {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.cRibbontextBody:where(.cRibbontext._left *) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .cRibbontextBody:where(.cRibbontext._spRight *) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .cRibbontextBody:where(.cRibbontext._spLeft *) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.cRibbontextBody:where(.cRibbontext._vertical *) {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cRibbontextBody > * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  inline-size: -moz-fit-content;
  inline-size: -webkit-fit-content;
  inline-size: fit-content;
  block-size: calc(var(--row-height) * 1 * var(--scale) * 1px);
  background-color: var(--ribbon-color);
  -webkit-border-before: 1px solid var(--primary);
  border-block-start: 1px solid var(--primary);
  -webkit-border-after: 1px solid var(--primary);
  border-block-end: 1px solid var(--primary);
  padding-inline: calc(var(--row-padding) * 1 * var(--scale) * 1px);
}

.cRibbontextBody > *:where(:not(:first-child)) {
  -webkit-margin-before: -1px;
  margin-block-start: -1px;
}

.cRibbontextBody > *:where(.cRibbontext._diagonalEdge *) {
  clip-path: polygon(0 0, 100% 0, calc(100% - 1 * var(--scale) * 1px * var(--row-padding)) 50%, 100% 100%, 0 100%, calc(1 * var(--scale) * 1px * var(--row-padding)) 50%);
  padding-inline: calc(var(--row-padding) * 2 * var(--scale) * 1px);
}

.cRibbontextBody > *:where(.cRibbontext:not(._boxed) *:first-child) {
  z-index: 1;
}

.cRibbontextBody > *:where(.cRibbontext:not(._boxed) *._back) {
  z-index: 0;
}

.cRibbontextBody > *:where(.cRibbontext:not(._boxed) *._fore) {
  z-index: 2;
}

.cRibbontextBody > *:where(.cRibbontext._boxed *) {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.cRibbontextBody > *:where(.cRibbontext._boxed *)::before, .cRibbontextBody > *:where(.cRibbontext._boxed *)::after {
  content: "";
  display: block;
  position: absolute;
}

.cRibbontextBody > *:where(.cRibbontext._boxed *)::before {
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--ribbon-color);
  z-index: -1;
}

.cRibbontextBody > *:where(.cRibbontext._boxed *)::after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  z-index: -2;
}

@media (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.99), (min-resolution: 1.01dppx) and (max-resolution: 1.99dppx) {
  .cRibbontextBody > *:where(.cRibbontext._boxed *)::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(1.2px 1.2px, calc(100% - 1.2px) 1.2px, calc(100% - 1.2px) calc(100% - 1.2px), 1.2px calc(100% - 1.2px));
  }
  .cRibbontextBody > *:where(.cRibbontext._boxed *)::after {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--primary);
  }
}
.cRibbontextBody > *:where(.cRibbontext._boxed *:not(:first-child)) {
  -webkit-margin-before: calc(-6 * var(--scale) * 1px);
  margin-block-start: calc(-6 * var(--scale) * 1px);
}

.cRibbontextBody > *:where(.cRibbontext._boxed *:last-child)::after {
  clip-path: polygon(-5% -5%, 105% -5%, 105% 105%, calc(50% + var(--slash-width) * 0.5 * var(--scale) * 1px) 105%, calc(50% + var(--slash-width) * 0.5 * var(--scale) * 1px) 50%, calc(50% - var(--slash-width) * 0.5 * var(--scale) * 1px) 50%, calc(50% - var(--slash-width) * 0.5 * var(--scale) * 1px) 105%, -5% 105%);
}

.cRibbontextBody > * > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cRibbontextSlash {
  position: relative;
  display: block;
  width: calc(var(--slash-width) * 1 * var(--scale) * 1px);
  height: calc(var(--slash-height) * 1 * var(--scale) * 1px);
}

.cRibbontextSlash:where(.cRibbontext._right *) {
  margin-left: auto;
  margin-right: calc(var(--slash-offset) * 1 * var(--scale) * 1px);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.cRibbontextSlash:where(.cRibbontext._right *):where(.cRibbontext._vertical *) {
  margin-right: calc(var(--row-height) * 1 * var(--scale) * 1px);
}

.cRibbontextSlash:where(.cRibbontext._left *) {
  margin-right: auto;
  margin-left: calc(var(--slash-offset) * 1 * var(--scale) * 1px);
  -webkit-transform: none;
  transform: none;
}

@media (max-width: 767px) {
  .cRibbontextSlash:where(.cRibbontext._spLeft *) {
    margin-right: auto;
    margin-left: calc(var(--slash-offset) * 1 * var(--scale) * 1px);
    -webkit-transform: none;
    transform: none;
  }
}
@media (max-width: 767px) {
  .cRibbontextSlash:where(.cRibbontext._spRight *) {
    margin-left: auto;
    margin-right: calc(var(--slash-offset) * 1 * var(--scale) * 1px);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  .cRibbontextSlash:where(.cRibbontext._spRight *):where(.cRibbontext._vertical *) {
    margin-right: calc(var(--row-height) * 1 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .cRibbontextSlash:where(.cRibbontext._pcSlashLeft *) {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@media (max-width: 767px) {
  .cRibbontextSlash:where(.cRibbontext._spSlashLeft *) {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@media (min-width: 768px) {
  .cRibbontextSlash:where(.cRibbontext._pcSlashRight *) {
    -webkit-transform: none;
    transform: none;
  }
}
@media (max-width: 767px) {
  .cRibbontextSlash:where(.cRibbontext._spSlashRight *) {
    -webkit-transform: none;
    transform: none;
  }
}
.cRibbontextSlash:where(.cRibbontext._boxed *) {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: -1;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  margin-right: auto;
  margin-left: calc(var(--slash-width) * -0.5 * var(--scale) * 1px);
}

.cRibbontextSlash::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--primary);
  width: calc(1 * var(--scale) * 1px * sqrt(var(--slash-width) * var(--slash-width) + var(--slash-height) * var(--slash-height)));
  -webkit-transform: rotate(atan2(var(--slash-height), var(--slash-width)));
  transform: rotate(atan2(var(--slash-height), var(--slash-width)));
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

._vertical .cRibbontextBody span span {
  position: relative;
  right: -0.05em;
}

.cRadiobutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  cursor: pointer;
  padding-left: calc(24 * var(--scale) * 1px);
}

.cRadiobutton input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.cRadiobutton:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(16 * var(--scale) * 1px);
  height: calc(16 * var(--scale) * 1px);
  border-radius: 50%;
  border: calc(1.5 * var(--scale) * 1px) solid var(--primary);
  background: oklch(100% 0 0deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cRadiobutton:has(input:checked):before {
  border-width: calc(5 * var(--scale) * 1px);
}

.cRadiobutton:has(input:focus-visible) {
  outline: 1px solid var(--primary);
  outline-offset: calc(6 * var(--scale) * 1px);
}

.cRadiobuttonLabel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--gray_text);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}

.cRadiobuttonLabel:where(._hover *) {
  opacity: 0.5;
}

.campus-custom-layout {
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.campus-custom-layout .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.campus-custom-layout .bg .cPicture, .campus-custom-layout .bg picture, .campus-custom-layout .bg img {
  width: 100%;
  height: 100%;
  display: block;
}

.campus-custom-layout .bg img {
  -o-object-fit: cover;
  object-fit: cover;
}

.campus-custom-layout .full-area-link {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: block;
  text-decoration: none;
  color: rgba(0, 0, 0, 0);
}

.campus-custom-layout .mctOffer__point {
  position: absolute;
  z-index: 100;
  pointer-events: auto;
  cursor: pointer;
}

.campus-custom-layout .cProductpointerLabel:hover {
  opacity: 0.5;
}

.cProductpointer {
  position: absolute;
}

.cProductpointer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: var(--space24);
  height: var(--space24);
  background-color: var(--white100);
  border-radius: 50%;
  border-width: calc(6 * var(--scale) * 1px);
  border-style: solid;
  border-color: var(--primary);
}

.cProductpointerInner {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  .cProductpointerInner:where(._s) {
    padding: calc(var(--space8) + 1px) calc(var(--space24) * 0.5 + 1px);
    padding: calc(16 * var(--scale) * 1px) calc(16 * var(--scale) * 1px) calc(16 * var(--scale) * 1px) calc(16 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .cProductpointerInner:where(._s) {
    padding: calc(var(--space8) + 1px) calc(var(--space8) + 1px);
    padding: calc(12 * var(--scale) * 1px) calc(10 * var(--scale) * 1px) calc(10 * var(--scale) * 1px) calc(10 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .cProductpointerInner:where(._m) {
    row-gap: calc(10 * var(--scale) * 1px);
    padding: calc(var(--space24) * 0.5 + 1px) calc(var(--space16) + 1px);
  }
}
@media (max-width: 767px) {
  .cProductpointerInner:where(._m) {
    row-gap: var(--space8);
    padding: calc(var(--space8) + 1px) calc(var(--space8) + 1px);
  }
}
.cProductpointerInner:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: var(--white100);
  --bevelW: calc(calc(8 * var(--scale) * 1px) + 1px * (sin(54deg) - 1 / sin(54deg)));
  --bevelH: calc(var(--bevelW) * tan(54deg));
  clip-path: polygon(var(--bevelW) 0, 100% 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 100% 100%, 0 100%, 0 var(--bevelH));
}

.cProductpointerInner:where(._ptl) {
  top: calc(var(--space24) * -0.5 - var(--space8));
  left: calc(var(--space24) * -0.5 - var(--space8));
}

.cProductpointerInner:where(._ptl):where(._atr) {
  top: calc(var(--space24) * -0.5);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.cProductpointerInner:where(._ptl):where(._abl) {
  left: calc(var(--space24) * -0.5);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.cProductpointerInner:where(._ptl):where(._abr) {
  top: calc(var(--space24) * -0.5);
  left: calc(var(--space24) * -0.5);
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}

@media (max-width: 767px) {
  .cProductpointerInner:where(._ptl):where(._atlsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * -0.5 - var(--space8));
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._ptl):where(._atrsp) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * -0.5 - var(--space8));
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._ptl):where(._ablsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._ptl):where(._abrsp) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
.cProductpointerInner:where(._ptr) {
  top: calc(var(--space24) * -0.5 - var(--space8));
  left: calc(var(--space24) * 0.5 + var(--space8));
}

.cProductpointerInner:where(._ptr):where(._atl) {
  top: calc(var(--space24) * -0.5);
}

.cProductpointerInner:where(._ptr):where(._atr) {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.cProductpointerInner:where(._ptr):where(._abl) {
  top: calc(var(--space24) * -0.5);
  left: calc(var(--space24) * 0.5);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.cProductpointerInner:where(._ptr):where(._abr) {
  left: calc(var(--space24) * 0.5);
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}

@media (max-width: 767px) {
  .cProductpointerInner:where(._ptr):where(._atlsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._ptr):where(._atrsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._ptr):where(._ablsp) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._ptr):where(._abrsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
.cProductpointerInner:where(._pbl) {
  top: calc(var(--space24) * 0.5 + var(--space8));
  left: calc(var(--space24) * -0.5 - var(--space8));
}

.cProductpointerInner:where(._pbl):where(._atl) {
  left: calc(var(--space24) * -0.5);
}

.cProductpointerInner:where(._pbl):where(._atr) {
  top: calc(var(--space24) * 0.5);
  left: calc(var(--space24) * -0.5);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.cProductpointerInner:where(._pbl):where(._abl) {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.cProductpointerInner:where(._pbl):where(._abr) {
  top: calc(var(--space24) * 0.5);
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}

@media (max-width: 767px) {
  .cProductpointerInner:where(._pbl):where(._atlsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * -0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._pbl):where(._atrsp) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._pbl):where(._ablsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._pbl):where(._abrsp) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
.cProductpointerInner:where(._pbr) {
  top: calc(var(--space24) * 0.5 + var(--space8));
  left: calc(var(--space24) * 0.5 + var(--space8));
}

.cProductpointerInner:where(._pbr):where(._atl) {
  top: calc(var(--space24) * 0.5);
  left: calc(var(--space24) * 0.5);
}

.cProductpointerInner:where(._pbr):where(._atr) {
  left: calc(var(--space24) * 0.5);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.cProductpointerInner:where(._pbr):where(._abl) {
  top: calc(var(--space24) * 0.5);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.cProductpointerInner:where(._pbr):where(._abr) {
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}

@media (max-width: 767px) {
  .cProductpointerInner:where(._pbr):where(._atlsp) {
    top: calc(var(--space24) * 0.5 + var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._pbr):where(._atrsp) {
    top: calc(var(--space24) * 0.5 + var(--space8));
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._pbr):where(._ablsp) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._pbr):where(._abrsp) {
    top: calc(var(--space24) * 0.5 + var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
@media (max-width: 767px) {
  .cProductpointerInner:where(._ptlsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * -0.5 - var(--space8));
  }
  .cProductpointerInner:where(._ptlsp):where(._atl) {
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._ptlsp):where(._atr) {
    top: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._ptlsp):where(._abl) {
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._ptlsp):where(._abr) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._ptlsp):where(._atlsp) {
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._ptlsp):where(._atrsp) {
    top: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._ptlsp):where(._ablsp) {
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._ptlsp):where(._abrsp) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._ptrsp) {
    top: calc(var(--space24) * -0.5 - var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
  }
  .cProductpointerInner:where(._ptrsp):where(._atl) {
    top: calc(var(--space24) * -0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._ptrsp):where(._atr) {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._ptrsp):where(._abl) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._ptrsp):where(._abr) {
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._ptrsp):where(._atlsp) {
    top: calc(var(--space24) * -0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._ptrsp):where(._atrsp) {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._ptrsp):where(._ablsp) {
    top: calc(var(--space24) * -0.5);
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._ptrsp):where(._abrsp) {
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._pblsp) {
    top: calc(var(--space24) * 0.5 + var(--space8));
    left: calc(var(--space24) * -0.5 - var(--space8));
  }
  .cProductpointerInner:where(._pblsp):where(._atl) {
    left: calc(var(--space24) * -0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._pblsp):where(._atr) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._pblsp):where(._abl) {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._pblsp):where(._abr) {
    top: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._pblsp):where(._atlsp) {
    left: calc(var(--space24) * -0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._pblsp):where(._atrsp) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * -0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._pblsp):where(._ablsp) {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._pblsp):where(._abrsp) {
    top: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._pbrsp) {
    top: calc(var(--space24) * 0.5 + var(--space8));
    left: calc(var(--space24) * 0.5 + var(--space8));
  }
  .cProductpointerInner:where(._pbrsp):where(._atl) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * 0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._pbrsp):where(._atr) {
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._pbrsp):where(._abl) {
    top: calc(var(--space24) * 0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._pbrsp):where(._abr) {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  .cProductpointerInner:where(._pbrsp):where(._atlsp) {
    top: calc(var(--space24) * 0.5);
    left: calc(var(--space24) * 0.5);
    -webkit-transform: none;
    transform: none;
  }
  .cProductpointerInner:where(._pbrsp):where(._atrsp) {
    left: calc(var(--space24) * 0.5);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .cProductpointerInner:where(._pbrsp):where(._ablsp) {
    top: calc(var(--space24) * 0.5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .cProductpointerInner:where(._pbrsp):where(._abrsp) {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
.cProductpointerLabel {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
  color: var(--primary);
}

.cProductpointerAside {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
  color: var(--gray_text);
}

.cPicture {
  display: block;
  width: 100%;
  height: 100%;
}

.cPicture picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .cPicture picture:has(+ picture) {
    display: block;
  }
}
@media (max-width: 767px) {
  .cPicture picture:has(+ picture) {
    display: none;
  }
}
@media (min-width: 768px) {
  .cPicture picture + picture {
    display: none;
  }
}
@media (max-width: 767px) {
  .cPicture picture + picture {
    display: block;
  }
}
img:where(.cPicture *) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  visibility: hidden;
}

img:where(.cPicture *):where(._show > * > *) {
  visibility: visible;
}

img:where(.cPicture *):where(._contain > *) {
  -o-object-fit: contain;
  object-fit: contain;
}

p:where(:has(> .cPicture)) {
  height: 100%;
}

.cPaging {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .cPaging {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: var(--space32);
  }
}
@media (max-width: 767px) {
  .cPaging {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.cPaging:where(._show) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cPagingNumberList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space16);
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.cPagingNumberList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media (min-width: 768px) {
  .cPagingNumberList li {
    min-width: calc(var(--space16) + var(--space8) + 4 * var(--scale) * 1px);
    height: calc(var(--space16) + var(--space8));
  }
}
@media (max-width: 767px) {
  .cPagingNumberList li {
    min-width: calc(var(--space16) + var(--space8));
    height: calc(var(--space16) + var(--space8) - 4 * var(--scale) * 1px);
  }
}
.cPagingNumberList li:not(:has(a)) {
  min-width: auto;
}

.cPagingNumberList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.cPagingNumberList a:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
}

.cPagingNumberList a span {
  pointer-events: none;
}

.cPagingNumberList a:where(._hover) span {
  opacity: 0.5;
}

.cPagingNumberList a:where([aria-current]) span {
  opacity: 0.4;
}

.cPagingNumberList a[aria-current] {
  position: relative;
}

.cPagingNumberList a[aria-current]:after {
  position: absolute;
  content: "";
  bottom: calc(-2 * var(--scale) * 1px);
  width: 100%;
  min-width: calc(20 * var(--scale) * 1px);
  height: 0;
  border-top: 1px solid var(--primary);
}

.cPagingNext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cPagingNext:where(._back) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.cPagingNext:where(._forward) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.cPagingNext:where([disabled]) {
  opacity: 0.4;
  pointer-events: none;
}

.cNextback {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--space48);
  height: var(--space24);
  --buttonwidth: var(--space24);
  --borderwidth: 1px;
  --bevelH: calc(3 * var(--scale) * 1px);
  --bgcolor: var(--white100);
  --envcolor: var(--white100) ;
}

.cNextback:where(._l) {
  --bevelH: calc(4 * var(--scale) * 1px);
  width: var(--space64);
  height: var(--space32);
  --buttonwidth: var(--space32) ;
}

.cNextback::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  width: calc(var(--bevelH) * 2 * 1.4142135624);
  height: calc(var(--bevelH) * 2 * 1.4142135624);
  translate: -50% -50%;
  background-color: var(--envcolor);
  border: solid 1.4142135624px var(--bordercolor);
  rotate: 45deg;
  z-index: 2;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.cNextback::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: calc(var(--bevelH) * 2 * 1.4142135624);
  height: calc(var(--bevelH) * 2 * 1.4142135624);
  translate: -50% -50%;
  background-color: var(--envcolor);
  border: solid 1.4142135624px var(--bordercolor);
  rotate: 45deg;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.cNextback:where(._l):before, .cNextback:where(._l):after {
  border-color: var(--bordercolor);
}

.cNextbackButton {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cNextbackButton:before {
  content: "";
  position: absolute;
  top: calc(-20 * var(--scale) * 1px);
  width: calc(100% + 20 * var(--scale) * 1px);
  height: calc(100% + 40 * var(--scale) * 1px);
}

.cNextbackButton:where(._back) {
  border: solid 1px var(--bordercolor);
  border-right: none;
}

.cNextbackButton:where(._back):where(._l *) {
  border-color: var(--bordercolor);
}

.cNextbackButton:where(._back):before {
  left: calc(-20 * var(--scale) * 1px);
}

.cNextbackButton:where(._next) {
  border: solid 1px var(--bordercolor);
  border-left: none;
}

.cNextbackButton:where(._next):where(._l *) {
  border-color: var(--bordercolor);
}

.cNextbackButton:where(._next):before {
  right: calc(-20 * var(--scale) * 1px);
}

.cNextbackButton:first-child::after {
  content: "";
  position: absolute;
  top: calc(6.5 * var(--scale) * 1px);
  right: calc(-1 * var(--scale) * 1px);
  width: calc(2 * var(--scale) * 1px);
  height: calc(10 * var(--scale) * 1px);
  background-image: radial-gradient(farthest-side at center, var(--gray_point) 0%, var(--gray_point) 50%, transparent 50%);
  background-size: calc(2 * var(--scale) * 1px) calc(2 * var(--scale) * 1px);
  background-repeat: repeat-y;
}

.cNextbackButton:first-child:where(._l *):after {
  top: calc(9.5 * var(--scale) * 1px);
  right: calc(-1.2 * var(--scale) * 1px);
  background-image: radial-gradient(farthest-side at center, var(--gray_point) 0%, var(--gray_point) 41.6666666667%, transparent 41.6666666667%);
  background-size: calc(2.4 * var(--scale) * 1px) calc(2.4 * var(--scale) * 1px);
  width: calc(2.4 * var(--scale) * 1px);
  height: calc(12 * var(--scale) * 1px);
}

.cNextbackButtonIcon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--bgcolor);
}

.cNextbackButtonIcon:before {
  content: "";
  display: block;
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/nextbackicon.svg);
  background-size: contain;
  width: 100%;
  height: 100%;
}

.cNextbackButtonIcon:where(.cNextback._l *):before {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/nextbackiconl.svg);
}

.cNextbackButtonIcon:where(._next *):before {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.cNextbackButtonIcon:where(._hover *) {
  background-color: var(--gray_btn);
}

.cLogo {
  display: inline-block;
  margin: calc(-8 * var(--scale) * 1px - 0.6920415225%) calc(-10 * var(--scale) * 1px);
  padding: calc(8 * var(--scale) * 1px) calc(10 * var(--scale) * 1px);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.cLogo img {
  width: calc(289 * var(--scale) * 1px);
  aspect-ratio: 5.5576923077;
}

.cLink {
  text-decoration: underline;
  color: oklch(30% 0.2 250deg);
}

.cLink:where(:hover) {
  text-decoration: none;
}

.cLink:where(:focus-visible) {
  outline: 2px solid oklch(50% 0.2 250deg);
  outline-offset: 2px;
}

.cIcontext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cIcontext:has(.cIcon._xxs), .cIcontext:has(.cIcon._xs) {
  gap: calc(4 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._s), .cIcontext:has(.cIcon._r), .cIcontext:has(.cIcon._m), .cIcontext:has(.cIcon._l) {
  gap: calc(8 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._xl), .cIcontext:has(.cIcon._2l), .cIcontext:has(.cIcon._3l), .cIcontext:has(.cIcon._4l) {
  gap: calc(12 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._xxs) {
  padding-left: calc(12 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._xs) {
  padding-left: calc(22 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._s) {
  padding-left: calc(24 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._r) {
  padding-left: calc(26 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._m) {
  padding-left: calc(28 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._l) {
  padding-left: calc(32 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._xl) {
  padding-left: calc(42 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._2l) {
  padding-left: calc(48 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._3l) {
  padding-left: calc(58 * var(--scale) * 1px);
}

.cIcontext:has(.cIcon._4l) {
  padding-left: calc(66 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .cIcontext:has(.cIcon._xxs._--1) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--2) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--3) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--4) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--5) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--6) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--7) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--8) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--9) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._-1) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--1) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--2) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--3) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--4) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--5) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--6) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--7) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--8) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._-1) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._-2) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--1) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--2) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--3) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--4) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--5) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--6) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--7) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._-1) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._-2) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._-3) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--1) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--2) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--3) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--4) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--5) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--6) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-1) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-2) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-3) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-4) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--1) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--2) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--3) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--4) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--5) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-1) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-2) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-3) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-4) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-5) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--1) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--2) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--3) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--4) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-1) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-2) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-3) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-4) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-5) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-6) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._--1) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._--2) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._--3) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-1) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-2) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-3) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-4) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-5) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-6) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-7) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._--1) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._--2) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-1) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-2) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-3) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-4) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-5) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-6) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-7) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-8) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._--1) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-1) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-2) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-3) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-4) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-5) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-6) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-7) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-8) {
    padding-left: calc(22 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-9) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--7) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--8) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xxs._--9) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._-1) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--7) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xs._--8) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._-2) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._s._--7) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._-3) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._r._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._-4) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._m._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._-5) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._l._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._-6) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._xl._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-6) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._-7) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._2l._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-6) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-7) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._-8) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._3l._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-6) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-7) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-8) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIcontext:has(.cIcon._4l._-9) {
    gap: calc(4 * var(--scale) * 1px);
  }
}
.cIcontextText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cIcontextText:where(._hover *) {
  opacity: 0.5;
}

.cIcon:is(.cIcontext *) {
  position: absolute;
  left: 0;
}

.cIcon:is(.cIcontext *):where(._xxs) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._xs) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._s) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._r) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._m) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._xl) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._2l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._3l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIcontext *):where(._4l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIconlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cIconlink:has(.cIcon._xxs), .cIconlink:has(.cIcon._xs) {
  gap: calc(4 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._s), .cIconlink:has(.cIcon._r), .cIconlink:has(.cIcon._m), .cIconlink:has(.cIcon._l) {
  gap: calc(8 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._xl), .cIconlink:has(.cIcon._2l), .cIconlink:has(.cIcon._3l), .cIconlink:has(.cIcon._4l) {
  gap: calc(12 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._xxs) {
  padding-left: calc(12 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._xs) {
  padding-left: calc(18 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._s) {
  padding-left: calc(24 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._r) {
  padding-left: calc(26 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._m) {
  padding-left: calc(28 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._l) {
  padding-left: calc(32 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._xl) {
  padding-left: calc(42 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._2l) {
  padding-left: calc(48 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._3l) {
  padding-left: calc(58 * var(--scale) * 1px);
}

.cIconlink:has(.cIcon._4l) {
  padding-left: calc(66 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .cIconlink:has(.cIcon._xxs._--1) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--2) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--3) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--4) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--5) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--6) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--7) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--8) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--9) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._-1) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--1) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--2) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--3) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--4) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--5) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--6) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--7) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--8) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._-1) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._-2) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--1) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--2) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--3) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--4) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--5) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--6) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--7) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._-1) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._-2) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._-3) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--1) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--2) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--3) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--4) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--5) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--6) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-1) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-2) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-3) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-4) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--1) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--2) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--3) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--4) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--5) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-1) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-2) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-3) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-4) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-5) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--1) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--2) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--3) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--4) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-1) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-2) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-3) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-4) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-5) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-6) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._--1) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._--2) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._--3) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-1) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-2) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-3) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-4) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-5) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-6) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-7) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._--1) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._--2) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-1) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-2) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-3) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-4) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-5) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-6) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-7) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-8) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._--1) {
    padding-left: calc(66 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-1) {
    padding-left: calc(58 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-2) {
    padding-left: calc(48 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-3) {
    padding-left: calc(42 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-4) {
    padding-left: calc(32 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-5) {
    padding-left: calc(28 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-6) {
    padding-left: calc(26 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-7) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-8) {
    padding-left: calc(18 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-9) {
    padding-left: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--1) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--7) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--8) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xxs._--9) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._-1) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--7) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xs._--8) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._-1) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._-2) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._s._--7) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._-2) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._-3) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._r._--6) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-3) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._-4) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._m._--5) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-4) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._-5) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._l._--4) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-1) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-5) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._-6) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._xl._--3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-2) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-6) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._-7) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._2l._--2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-3) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-6) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-7) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._-8) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._3l._--1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-1) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-2) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-3) {
    gap: calc(12 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-4) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-5) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-6) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-7) {
    gap: calc(8 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-8) {
    gap: calc(4 * var(--scale) * 1px);
  }
  .cIconlink:has(.cIcon._4l._-9) {
    gap: calc(4 * var(--scale) * 1px);
  }
}
.cIconlink:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 220%;
  top: 50%;
  left: 0;
  right: 0;
  translate: 0 -50%;
}

.cIconlinkText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[aria-current=page] .cIconlinkText {
  color: oklch(from currentColor l c h/0.2);
}

.cIconlinkText:where(._hover > *) {
  opacity: 0.5;
}

.cIcon:is(.cIconlink *) {
  position: absolute;
  left: 0;
}

.cIcon:is(.cIconlink *):where(._xxs) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._xs) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._s) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._r) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._m) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._xl) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._2l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._3l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIcon:is(.cIconlink *):where(._4l) {
  top: calc(-1 * var(--scale) * 1px);
}

.cIconSNS {
  position: relative;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  border: 1px solid var(--gray_line);
  width: calc(32 * var(--scale) * 1px);
  width: round(nearest, 32 * var(--scale) * 1px, 1px);
  aspect-ratio: 1/1;
  background-size: cover;
}

.cIconSNS._facebook {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_facebook.svg);
}

.cIconSNS._instagram {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_instagram.svg);
}

.cIconSNS._twitter {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_twitter.svg);
}

.cIconSNS._line {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_line.svg);
}

.cIconSNS._youtube {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_youtube.svg);
}

.cIconSNS._pinterest {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_pinterest.svg);
}

.cIconSNS._tiktok {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_tiktok.svg);
}

.cIconSNS._note {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/mSNSlinks_note.svg);
}

._hover .cIconSNS, .cIconSNS._hover {
  opacity: 0.5;
}

.cIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.cIcon:where(._xxs) {
  width: round(nearest, 8 * var(--scale) * 1px, 1px);
  height: round(nearest, 8 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
  width: round(nearest, 8 * var(--scale) * 1px, 1px);
  height: round(nearest, 8 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
  width: round(nearest, 8 * var(--scale) * 1px, 1px);
  height: round(nearest, 8 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
  width: round(nearest, 12 * var(--scale) * 1px, 1px);
  height: round(nearest, 12 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xxs):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._xxs):where(._-1) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._-0):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--7):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--8):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xxs):where(._--9):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._xs) {
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xs):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._xs):where(._-1) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--7):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xs):where(._--8):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._s) {
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where(._s):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._s):where(._-1) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._s):where(._--7):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._r) {
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._r):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._r):where(._-1) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._r):where(._--6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._m) {
  width: round(nearest, 20 * var(--scale) * 1px, 1px);
  height: round(nearest, 20 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
  width: round(nearest, 20 * var(--scale) * 1px, 1px);
  height: round(nearest, 20 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
  width: round(nearest, 20 * var(--scale) * 1px, 1px);
  height: round(nearest, 20 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
  width: round(nearest, 20 * var(--scale) * 1px, 1px);
  height: round(nearest, 20 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
  width: round(nearest, 20 * var(--scale) * 1px, 1px);
  height: round(nearest, 20 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._m):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._m):where(._-1) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._-4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._m):where(._--5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._l) {
  width: round(nearest, 24 * var(--scale) * 1px, 1px);
  height: round(nearest, 24 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
  width: round(nearest, 24 * var(--scale) * 1px, 1px);
  height: round(nearest, 24 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
  width: round(nearest, 24 * var(--scale) * 1px, 1px);
  height: round(nearest, 24 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
  width: round(nearest, 24 * var(--scale) * 1px, 1px);
  height: round(nearest, 24 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
  width: round(nearest, 24 * var(--scale) * 1px, 1px);
  height: round(nearest, 24 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._l):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._l):where(._-1) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._-5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._l):where(._--4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._xl) {
  width: round(nearest, 30 * var(--scale) * 1px, 1px);
  height: round(nearest, 30 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
  width: round(nearest, 30 * var(--scale) * 1px, 1px);
  height: round(nearest, 30 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
  width: round(nearest, 30 * var(--scale) * 1px, 1px);
  height: round(nearest, 30 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
  width: round(nearest, 30 * var(--scale) * 1px, 1px);
  height: round(nearest, 30 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
  width: round(nearest, 30 * var(--scale) * 1px, 1px);
  height: round(nearest, 30 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._xl):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._xl):where(._-1) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._-6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._xl):where(._--3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._2l) {
  width: round(nearest, 36 * var(--scale) * 1px, 1px);
  height: round(nearest, 36 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
  width: round(nearest, 36 * var(--scale) * 1px, 1px);
  height: round(nearest, 36 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
  width: round(nearest, 36 * var(--scale) * 1px, 1px);
  height: round(nearest, 36 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
  width: round(nearest, 36 * var(--scale) * 1px, 1px);
  height: round(nearest, 36 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
  width: round(nearest, 36 * var(--scale) * 1px, 1px);
  height: round(nearest, 36 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._2l):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._2l):where(._-1) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._-7):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._2l):where(._--2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._3l) {
  width: round(nearest, 46 * var(--scale) * 1px, 1px);
  height: round(nearest, 46 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
  width: round(nearest, 46 * var(--scale) * 1px, 1px);
  height: round(nearest, 46 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
  width: round(nearest, 46 * var(--scale) * 1px, 1px);
  height: round(nearest, 46 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
  width: round(nearest, 46 * var(--scale) * 1px, 1px);
  height: round(nearest, 46 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
  width: round(nearest, 46 * var(--scale) * 1px, 1px);
  height: round(nearest, 46 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._3l):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._3l):where(._-1) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-7):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._-8):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._3l):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
.cIcon:where(._4l) {
  width: round(nearest, 54 * var(--scale) * 1px, 1px);
  height: round(nearest, 54 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._arrow) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
  width: round(nearest, 54 * var(--scale) * 1px, 1px);
  height: round(nearest, 54 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._info) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._open) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
  width: round(nearest, 54 * var(--scale) * 1px, 1px);
  height: round(nearest, 54 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._open) .cIconBody:where(._close *) {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
  width: round(nearest, 54 * var(--scale) * 1px, 1px);
  height: round(nearest, 54 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._other) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
  width: round(nearest, 54 * var(--scale) * 1px, 1px);
  height: round(nearest, 54 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._download) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where(._4l):where(._search) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where(._4l):where(._-1) {
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_46.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2) {
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-2):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_36.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3) {
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-3):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_30.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4) {
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-4):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_24.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5) {
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-5):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_20.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6) {
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-6):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7) {
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-7):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8) {
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-8):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_14.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9) {
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_12.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_12.svg);
    width: round(nearest, 8 * var(--scale) * 1px, 1px);
    height: round(nearest, 8 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._-9):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_12.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--1):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0) {
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._arrow) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconarrow_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._info) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconinfo_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._open) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_plus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._open) .cIconBody:where(._close *) {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconopen_minus_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._other) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._download) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIcondownload_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where(._4l):where(._--0):where(._search) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconsearch_54.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
}
._hover .cIcon:where(._arrow) svg polygon, .cIcon:where(._arrow)._hover svg polygon {
  -webkit-transition: -webkit-transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  transition: -webkit-transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  transition: transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  transition: transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s, -webkit-transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  -webkit-transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
}

.cIcon:where(._arrow)._move svg polygon {
  -webkit-transition: -webkit-transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  transition: -webkit-transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  transition: transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  transition: transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s, -webkit-transform cubic-bezier(0.1, 0, 1, 0.5) 0.225s;
  -webkit-transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
}

.cIcon:where(._arrow)._loop svg polygon {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate3d(-60%, 0, 0);
  transform: translate3d(-60%, 0, 0);
}

.cIcon:where(._arrow)._loopend svg polygon {
  -webkit-transition: -webkit-transform cubic-bezier(0, 0.5, 0.5, 1) 1.1025s;
  transition: -webkit-transform cubic-bezier(0, 0.5, 0.5, 1) 1.1025s;
  transition: transform cubic-bezier(0, 0.5, 0.5, 1) 1.1025s;
  transition: transform cubic-bezier(0, 0.5, 0.5, 1) 1.1025s, -webkit-transform cubic-bezier(0, 0.5, 0.5, 1) 1.1025s;
  -webkit-transform: translate3d(-1%, 0, 0);
  transform: translate3d(-1%, 0, 0);
}

._hover .cIcon:where(._arrow[target=_blank]) svg polygon, .cIcon:where(._arrow[target=_blank])._hover svg polygon, ._hover .cIcon:where([target=_blank] *._arrow) svg polygon, .cIcon:where([target=_blank] *._arrow)._hover svg polygon {
  -webkit-transition: -webkit-transform linear 0.15s;
  transition: -webkit-transform linear 0.15s;
  transition: transform linear 0.15s;
  transition: transform linear 0.15s, -webkit-transform linear 0.15s;
  -webkit-transform: translate3d(-10%, 10%, 0);
  transform: translate3d(-10%, 10%, 0);
}

.cIcon:where(._arrow[target=_blank])._move svg polygon, .cIcon:where([target=_blank] *._arrow)._move svg polygon {
  -webkit-transition: -webkit-transform linear 0.15s;
  transition: -webkit-transform linear 0.15s;
  transition: transform linear 0.15s;
  transition: transform linear 0.15s, -webkit-transform linear 0.15s;
  -webkit-transform: translate3d(-10%, 10%, 0);
  transform: translate3d(-10%, 10%, 0);
}

.cIcon:where(._arrow[target=_blank])._loop svg polygon, .cIcon:where([target=_blank] *._arrow)._loop svg polygon {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate3d(7%, -7%, 0);
  transform: translate3d(7%, -7%, 0);
}

.cIcon:where(._arrow[target=_blank])._loopend svg polygon, .cIcon:where([target=_blank] *._arrow)._loopend svg polygon {
  -webkit-transition: -webkit-transform linear 1.2s;
  transition: -webkit-transform linear 1.2s;
  transition: transform linear 1.2s;
  transition: transform linear 1.2s, -webkit-transform linear 1.2s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cIcon:where([aria-current=page]) {
  pointer-events: none;
}

.cIcon:where([aria-current=page]):where(._arrow) .cIconBody {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.cIcon:where([aria-current=page]) .cIconBody, .cIcon:where([aria-current=page]) .cIconFrame {
  opacity: 0.2;
}

[aria-current=page] .cIcon:where(._arrow) .cIconBody {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

[aria-current=page] .cIcon .cIconBody, [aria-current=page] .cIcon .cIconFrame {
  opacity: 0.2;
}

.cIconBody svg {
  position: absolute;
}

.cIconFrame, .cIconBody {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.cIcon:where(._left) .cIconBody {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cIcon:where(._up) .cIconBody {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.cIcon:where(._down) .cIconBody {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cIcon:where(._righttop) .cIconBody {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cIcon._arrow .cIconFrame, .cIcon._info .cIconFrame {
  border: var(--primary) calc(1 * var(--scale) * 1px) solid;
  border-radius: 50%;
  background-color: var(--white100);
}

.cIcon:where([target=_blank]) .cIconFrame, :where([target=_blank]) .cIcon .cIconFrame {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
}

.cIcon:where([target=_blank]):where(._xxs) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
  width: round(nearest, 12 * var(--scale) * 1px, 1px);
  height: round(nearest, 12 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._xs) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs) .cIconBody, :where([target=_blank]) .cIcon:where(._xs) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
  width: round(nearest, 14 * var(--scale) * 1px, 1px);
  height: round(nearest, 14 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._s) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s) .cIconBody, :where([target=_blank]) .cIcon:where(._s) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
  width: round(nearest, 16 * var(--scale) * 1px, 1px);
  height: round(nearest, 16 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._r) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r) .cIconBody, :where([target=_blank]) .cIcon:where(._r) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
  width: round(nearest, 18 * var(--scale) * 1px, 1px);
  height: round(nearest, 18 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._m) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m) .cIconBody, :where([target=_blank]) .cIcon:where(._m) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
  width: round(nearest, 20 * var(--scale) * 1px, 1px);
  height: round(nearest, 20 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._l) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l) .cIconBody, :where([target=_blank]) .cIcon:where(._l) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
  width: round(nearest, 24 * var(--scale) * 1px, 1px);
  height: round(nearest, 24 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._xl) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl) .cIconBody, :where([target=_blank]) .cIcon:where(._xl) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
  width: round(nearest, 30 * var(--scale) * 1px, 1px);
  height: round(nearest, 30 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._2l) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l) .cIconBody, :where([target=_blank]) .cIcon:where(._2l) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
  width: round(nearest, 36 * var(--scale) * 1px, 1px);
  height: round(nearest, 36 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._3l) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l) .cIconBody, :where([target=_blank]) .cIcon:where(._3l) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
  width: round(nearest, 46 * var(--scale) * 1px, 1px);
  height: round(nearest, 46 * var(--scale) * 1px, 1px);
}

.cIcon:where([target=_blank]):where(._4l) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l) .cIconBody, :where([target=_blank]) .cIcon:where(._4l) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l) .cIconBody {
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
  width: round(nearest, 54 * var(--scale) * 1px, 1px);
  height: round(nearest, 54 * var(--scale) * 1px, 1px);
}

@media (max-width: 767px) {
  .cIcon:where([target=_blank]):where(._xxs._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._-0) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._-0) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._-0) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._-0) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--4) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--5) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--6) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--7) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--7) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--7) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--7) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--8) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--8) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--8) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--8) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xxs._--9) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xxs._--9) .cIconBody, :where([target=_blank]) .cIcon:where(._xxs._--9) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xxs._--9) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--4) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--5) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--6) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--7) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--7) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--7) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--7) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xs._--8) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xs._--8) .cIconBody, :where([target=_blank]) .cIcon:where(._xs._--8) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xs._--8) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._s._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._s._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--4) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--5) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--6) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._s._--7) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._s._--7) .cIconBody, :where([target=_blank]) .cIcon:where(._s._--7) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._s._--7) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._r._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._r._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._r._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._r._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._r._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._r._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._--4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._--4) .cIconBody, :where([target=_blank]) .cIcon:where(._r._--4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._--4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._--5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._--5) .cIconBody, :where([target=_blank]) .cIcon:where(._r._--5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._--5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._r._--6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._r._--6) .cIconBody, :where([target=_blank]) .cIcon:where(._r._--6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._r._--6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._m._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._m._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._m._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._-4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._-4) .cIconBody, :where([target=_blank]) .cIcon:where(._m._-4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._-4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._m._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._m._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._m._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._--4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._--4) .cIconBody, :where([target=_blank]) .cIcon:where(._m._--4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._--4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._m._--5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._m._--5) .cIconBody, :where([target=_blank]) .cIcon:where(._m._--5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._m._--5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._l._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._l._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._l._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._-4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._-4) .cIconBody, :where([target=_blank]) .cIcon:where(._l._-4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._-4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._-5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._-5) .cIconBody, :where([target=_blank]) .cIcon:where(._l._-5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._-5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._l._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._l._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._l._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._l._--4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._l._--4) .cIconBody, :where([target=_blank]) .cIcon:where(._l._--4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._l._--4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._-4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._-4) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._-4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._-4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._-5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._-5) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._-5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._-5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._-6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._-6) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._-6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._-6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._xl._--3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._xl._--3) .cIconBody, :where([target=_blank]) .cIcon:where(._xl._--3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._xl._--3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-4) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-5) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-6) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._-7) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._-7) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._-7) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._-7) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._2l._--2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._2l._--2) .cIconBody, :where([target=_blank]) .cIcon:where(._2l._--2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._2l._--2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-4) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-5) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-6) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-7) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-7) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-7) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-7) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._-8) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._-8) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._-8) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._-8) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._3l._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._3l._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._3l._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._3l._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-1) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_46.svg);
    width: round(nearest, 46 * var(--scale) * 1px, 1px);
    height: round(nearest, 46 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-2) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-2) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-2) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-2) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_36.svg);
    width: round(nearest, 36 * var(--scale) * 1px, 1px);
    height: round(nearest, 36 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-3) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-3) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-3) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-3) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_30.svg);
    width: round(nearest, 30 * var(--scale) * 1px, 1px);
    height: round(nearest, 30 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-4) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-4) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-4) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-4) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_24.svg);
    width: round(nearest, 24 * var(--scale) * 1px, 1px);
    height: round(nearest, 24 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-5) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-5) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-5) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-5) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_20.svg);
    width: round(nearest, 20 * var(--scale) * 1px, 1px);
    height: round(nearest, 20 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-6) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-6) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-6) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-6) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_18.svg);
    width: round(nearest, 18 * var(--scale) * 1px, 1px);
    height: round(nearest, 18 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-7) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-7) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-7) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-7) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_16.svg);
    width: round(nearest, 16 * var(--scale) * 1px, 1px);
    height: round(nearest, 16 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-8) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-8) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-8) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-8) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_14.svg);
    width: round(nearest, 14 * var(--scale) * 1px, 1px);
    height: round(nearest, 14 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._-9) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._-9) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._-9) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._-9) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_12.svg);
    width: round(nearest, 12 * var(--scale) * 1px, 1px);
    height: round(nearest, 12 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._--1) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._--1) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._--1) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._--1) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
  .cIcon:where([target=_blank]):where(._4l._--0) .cIconBody, .cIcon:where([target=_blank]) :where(.cIcon._4l._--0) .cIconBody, :where([target=_blank]) .cIcon:where(._4l._--0) .cIconBody, :where([target=_blank]) .cIcon :where(.cIcon._4l._--0) .cIconBody {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/common/icon/cIconother_54.svg);
    width: round(nearest, 54 * var(--scale) * 1px, 1px);
    height: round(nearest, 54 * var(--scale) * 1px, 1px);
  }
}
.cHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cColortip {
  font-size: 0;
  display: inline-block;
  background-color: var(--keycolor);
}

.cColortip:where(._subcolor) {
  background-color: var(--subcolor);
}

@media (min-width: 768px) {
  .cColortip {
    width: calc(8 * var(--scale) * 1px);
    height: calc(4 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .cColortip {
    width: calc(6 * var(--scale) * 1px);
    height: calc(2 * var(--scale) * 1px);
  }
}
.cColortip:where(._change) {
  background-color: currentColor;
  -webkit-animation: walkThroughColorPalette 10s steps(1) infinite;
  animation: walkThroughColorPalette 10s steps(1) infinite;
}

.cColortip:where(._change):where(._motionreduced *) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.cColortip:where(._change):where(._offset1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.cColortip:where(._change):where(._offset2) {
  -webkit-animation-delay: -0.9090909091s;
  animation-delay: -0.9090909091s;
}

.cColortip:where(._change):where(._offset3) {
  -webkit-animation-delay: -1.8181818182s;
  animation-delay: -1.8181818182s;
}

.cColortip:where(._change):where(._offset4) {
  -webkit-animation-delay: -2.7272727273s;
  animation-delay: -2.7272727273s;
}

.cColortip:where(._change):where(._offset5) {
  -webkit-animation-delay: -3.6363636364s;
  animation-delay: -3.6363636364s;
}

.cColortip:where(._change):where(._offset6) {
  -webkit-animation-delay: -4.5454545455s;
  animation-delay: -4.5454545455s;
}

.cColortip:where(._change):where(._offset7) {
  -webkit-animation-delay: -5.4545454545s;
  animation-delay: -5.4545454545s;
}

.cColortip:where(._change):where(._offset8) {
  -webkit-animation-delay: -6.3636363636s;
  animation-delay: -6.3636363636s;
}

.cColortip:where(._change):where(._offset9) {
  -webkit-animation-delay: -7.2727272727s;
  animation-delay: -7.2727272727s;
}

.cColortip:where(._change):where(._offset10) {
  -webkit-animation-delay: -8.1818181818s;
  animation-delay: -8.1818181818s;
}

.cColortip:where(._change):where(._offset11) {
  -webkit-animation-delay: -9.0909090909s;
  animation-delay: -9.0909090909s;
}

.cColortip:where(._change):where(._brand_blue) {
  -webkit-animation-name: walkThroughColorPalette_brand_blue;
  animation-name: walkThroughColorPalette_brand_blue;
}

.cColortip:where(._change):where(._brand_red) {
  -webkit-animation-name: walkThroughColorPalette_brand_red;
  animation-name: walkThroughColorPalette_brand_red;
}

.cColortip:where(._change):where(._cyan) {
  -webkit-animation-name: walkThroughColorPalette_cyan;
  animation-name: walkThroughColorPalette_cyan;
}

.cColortip:where(._change):where(._purple) {
  -webkit-animation-name: walkThroughColorPalette_purple;
  animation-name: walkThroughColorPalette_purple;
}

.cColortip:where(._change):where(._brand_pink) {
  -webkit-animation-name: walkThroughColorPalette_brand_pink;
  animation-name: walkThroughColorPalette_brand_pink;
}

.cColortip:where(._change):where(._green) {
  -webkit-animation-name: walkThroughColorPalette_green;
  animation-name: walkThroughColorPalette_green;
}

.cColortip:where(._change):where(._brand_green) {
  -webkit-animation-name: walkThroughColorPalette_brand_green;
  animation-name: walkThroughColorPalette_brand_green;
}

.cColortip:where(._change):where(._salmon) {
  -webkit-animation-name: walkThroughColorPalette_salmon;
  animation-name: walkThroughColorPalette_salmon;
}

.cColortip:where(._change):where(._tan) {
  -webkit-animation-name: walkThroughColorPalette_tan;
  animation-name: walkThroughColorPalette_tan;
}

.cColortip:where(._change):where(._sand) {
  -webkit-animation-name: walkThroughColorPalette_sand;
  animation-name: walkThroughColorPalette_sand;
}

.cColortip:where(._change):where(._gray_line) {
  -webkit-animation-name: walkThroughColorPalette_gray_line;
  animation-name: walkThroughColorPalette_gray_line;
}

.cCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: var(--space24);
  padding-top: var(--space8);
  min-height: var(--space16);
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.cCheckbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--space16);
  height: var(--space16);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px var(--primary);
  background-color: var(--white100);
}

.cCheckbox input {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}

.cCheckbox:has(input:checked):before {
  background-color: var(--primary);
}

.cCheckbox:has(input:checked):after {
  position: absolute;
  content: "";
  top: calc(4.5 * var(--scale) * 1px);
  left: calc(4 * var(--scale) * 1px);
  width: calc(7.8 * var(--scale) * 1px);
  height: calc(4.2 * var(--scale) * 1px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: calc(1.45 * var(--scale) * 1px) solid var(--white100);
  border-left: calc(1.45 * var(--scale) * 1px) solid var(--white100);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cCheckbox:has(input:focus-visible) {
  outline: 1px solid var(--primary);
  outline-offset: calc(6 * var(--scale) * 1px);
}

.cCheckboxLabel {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: calc((1cap - 1lh) * 0.95);
}

.cCheckboxLabel:where(._hover *) {
  opacity: 0.5;
}

.cButton {
  display: block;
  width: 100%;
  position: relative;
}

.cButton:has(> [aria-current=page])::before {
  content: "";
  display: block;
  bottom: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(8 * var(--scale) * 1px);
  background: var(--keycolor);
}

@media (min-width: 768px) {
  .cButton:has(> [aria-current=page])::before {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .cButton:has(> [aria-current=page])::before {
    height: calc(4 * var(--scale) * 1px);
  }
}
.cButtonContent {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: var(--gray_bg);
}

.cButtonContent[aria-current=page] {
  background-color: var(--gray_bg) !important;
}

.cButtonContent[aria-current=page] .cUnderlineblockLine {
  display: none;
}

.cButtonContent[aria-current=page]:where(._clip8) {
  --bevelW: calc(8 * var(--scale) * 1px) ;
}

.cButtonContent[aria-current=page]:where(._clip16) {
  --bevelW: calc(16 * var(--scale) * 1px) ;
}

.cButtonContent[aria-current=page]:where(._clip24) {
  --bevelW: calc(24 * var(--scale) * 1px) ;
}

.cButtonContent[aria-current=page]:where(._clip32) {
  --bevelW: calc(32 * var(--scale) * 1px) ;
}

@media (min-width: 768px) {
  .cButtonContent[aria-current=page]._clipPC8 {
    --bevelW: calc(8 * var(--scale) * 1px) ;
  }
  .cButtonContent[aria-current=page]._clipPC16 {
    --bevelW: calc(16 * var(--scale) * 1px) ;
  }
  .cButtonContent[aria-current=page]._clipPC24 {
    --bevelW: calc(24 * var(--scale) * 1px) ;
  }
  .cButtonContent[aria-current=page]._clipPC32 {
    --bevelW: calc(32 * var(--scale) * 1px) ;
  }
}
@media (max-width: 767px) {
  .cButtonContent[aria-current=page]._clipSP8 {
    --bevelW: calc(8 * var(--scale) * 1px) ;
  }
  .cButtonContent[aria-current=page]._clipSP16 {
    --bevelW: calc(16 * var(--scale) * 1px) ;
  }
  .cButtonContent[aria-current=page]._clipSP24 {
    --bevelW: calc(24 * var(--scale) * 1px) ;
  }
  .cButtonContent[aria-current=page]._clipSP32 {
    --bevelW: calc(32 * var(--scale) * 1px) ;
  }
}
.cButtonContent[aria-current=page]:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  background-color: var(--white100);
  clip-path: polygon(0 0, 0 0, 100% 0, 100% calc(100% - var(--bevelH)), calc(100% - var(--bevelW)) 100%, 100% 100%, 0 100%, 0 100%);
}

.cButtonContent._darken {
  background-color: var(--gray_btn);
}

.cButtonContent._darken:where(._hover), .cButtonContent._darken:where(._hover *) {
  background-color: var(--gray_line);
}

.cButtonContent:where(._hover), .cButtonContent:where(._hover *) {
  background-color: var(--gray_line);
}

.cButtonContent._bgcolor {
  background-color: var(--keycolor);
}

.cButtonContent._bgcolor .cUnderlineblockLine {
  display: none;
}

.cButtonContent._bgcolor:where(._hover), .cButtonContent._bgcolor:where(._hover *) {
  background-color: oklch(from var(--keycolor) calc(l - 0.02) calc(c * 1.02) h);
}

.cButtonContent:where(._btnxxs) {
  padding-left: calc(10 * var(--scale) * 1px);
  min-height: calc(32 * var(--scale) * 1px);
  --pictureheight: calc(32 * var(--scale) * 1px) ;
}

.cButtonContent:where(._btnxs) {
  padding-left: calc(16 * var(--scale) * 1px);
  min-height: calc(48 * var(--scale) * 1px);
  --pictureheight: calc(48 * var(--scale) * 1px) ;
}

.cButtonContent:where(._btns) {
  padding-left: calc(32 * var(--scale) * 1px);
  min-height: calc(80 * var(--scale) * 1px);
  --pictureheight: calc(80 * var(--scale) * 1px) ;
}

@media (max-width: 767px) {
  .cButtonContent:where(._btns) {
    padding-left: calc(24 * var(--scale) * 1px);
  }
}
.cButtonContent:where(._btnr) {
  padding-left: calc(32 * var(--scale) * 1px);
  padding-top: calc(32 * var(--scale) * 1px);
  min-height: calc(112 * var(--scale) * 1px);
  --pictureheight: calc(112 * var(--scale) * 1px) ;
}

@media (max-width: 767px) {
  .cButtonContent:where(._btnr) {
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
  }
}
.cButtonContent:where(._btnm) {
  padding-left: calc(32 * var(--scale) * 1px);
  padding-top: calc(32 * var(--scale) * 1px);
  min-height: calc(144 * var(--scale) * 1px);
  --pictureheight: calc(144 * var(--scale) * 1px) ;
}

@media (max-width: 767px) {
  .cButtonContent:where(._btnm) {
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
  }
}
.cButtonContent:where(._btnl) {
  padding-left: calc(32 * var(--scale) * 1px);
  padding-top: calc(32 * var(--scale) * 1px);
  min-height: calc(176 * var(--scale) * 1px);
  --pictureheight: calc(176 * var(--scale) * 1px) ;
}

.cButtonContent:where(._btnxl) {
  padding-left: calc(32 * var(--scale) * 1px);
  padding-top: calc(32 * var(--scale) * 1px);
  min-height: calc(208 * var(--scale) * 1px);
  --pictureheight: calc(208 * var(--scale) * 1px) ;
}

.cButtonContent:where(._btn2l) {
  padding-left: calc(48 * var(--scale) * 1px);
  padding-top: calc(48 * var(--scale) * 1px);
  min-height: calc(240 * var(--scale) * 1px);
  --pictureheight: calc(240 * var(--scale) * 1px) ;
}

.cButtonContent:where(._btn3l) {
  padding-left: calc(48 * var(--scale) * 1px);
  padding-top: calc(48 * var(--scale) * 1px);
  min-height: calc(272 * var(--scale) * 1px);
  --pictureheight: calc(272 * var(--scale) * 1px) ;
}

.cButtonContent:where(._btn4l) {
  padding-left: calc(48 * var(--scale) * 1px);
  padding-top: calc(48 * var(--scale) * 1px);
  min-height: calc(304 * var(--scale) * 1px);
  --pictureheight: calc(304 * var(--scale) * 1px) ;
}

@media (max-width: 767px) {
  .cButtonContent:where(._btnxs):where(._-1) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._-1) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._-2) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._-1) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._-2) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._-3) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._-1) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._-2) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._-3) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._-4) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._-1) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._-2) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._-3) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._-4) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._-5) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._-1) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._-2) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._-3) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._-4) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._-5) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._-6) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-1) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-2) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-3) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-4) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-5) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-6) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._-7) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-1) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-2) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-3) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-4) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-5) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-6) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-7) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._-8) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-1) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-2) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-3) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-4) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-5) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-6) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-7) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-8) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn4l):where(._-9) {
    min-height: calc(32 * var(--scale) * 1px);
    padding-left: calc(10 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(32 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--1) {
    min-height: calc(48 * var(--scale) * 1px);
    padding-left: calc(16 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(48 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--1) .cButtonInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(16 * var(--scale) * 1px);
    padding-bottom: calc(16 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--2) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--2) .cButtonInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(31 * var(--scale) * 1px);
    padding-bottom: calc(31 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--3) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--4) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--4) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--4) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--5) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--5) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--5) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--6) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--6) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--6) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--7) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--7) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--7) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--8) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--8) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--8) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxxs):where(._--9) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxxs):where(._--9) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxxs):where(._--9) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--1) {
    min-height: calc(80 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: 0;
    --pictureheight: calc(80 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--1) .cButtonInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(31 * var(--scale) * 1px);
    padding-bottom: calc(31 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--2) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--3) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--4) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--4) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--4) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--5) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--5) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--5) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--6) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--6) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--6) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--7) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--7) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--7) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxs):where(._--8) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxs):where(._--8) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxs):where(._--8) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--1) {
    min-height: calc(112 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(112 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--2) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--3) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--4) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--4) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--4) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--5) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--5) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--5) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--6) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--6) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--6) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btns):where(._--7) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btns):where(._--7) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btns):where(._--7) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnr):where(._--1) {
    min-height: calc(144 * var(--scale) * 1px);
    padding-left: calc(24 * var(--scale) * 1px);
    padding-top: calc(24 * var(--scale) * 1px);
    --pictureheight: calc(144 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnr):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnr):where(._--2) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnr):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnr):where(._--3) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnr):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnr):where(._--4) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._--4) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnr):where(._--4) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnr):where(._--5) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._--5) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnr):where(._--5) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnr):where(._--6) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnr):where(._--6) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnr):where(._--6) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnm):where(._--1) {
    min-height: calc(176 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(176 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnm):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnm):where(._--2) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnm):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnm):where(._--3) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnm):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnm):where(._--4) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._--4) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnm):where(._--4) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnm):where(._--5) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnm):where(._--5) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnm):where(._--5) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnl):where(._--1) {
    min-height: calc(208 * var(--scale) * 1px);
    padding-left: calc(32 * var(--scale) * 1px);
    padding-top: calc(32 * var(--scale) * 1px);
    --pictureheight: calc(208 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnl):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnl):where(._--2) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnl):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnl):where(._--3) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnl):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnl):where(._--4) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnl):where(._--4) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnl):where(._--4) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxl):where(._--1) {
    min-height: calc(240 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(240 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxl):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxl):where(._--2) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxl):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btnxl):where(._--3) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btnxl):where(._--3) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btnxl):where(._--3) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btn2l):where(._--1) {
    min-height: calc(272 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(272 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btn2l):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btn2l):where(._--2) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn2l):where(._--2) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btn2l):where(._--2) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .cButtonContent:where(._btn3l):where(._--1) {
    min-height: calc(304 * var(--scale) * 1px);
    padding-left: calc(48 * var(--scale) * 1px);
    padding-top: calc(48 * var(--scale) * 1px);
    --pictureheight: calc(304 * var(--scale) * 1px) ;
  }
  .cButtonContent:where(._btn3l):where(._--1) .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(24 * var(--scale) * 1px);
  }
  .cButtonContent:where(._btn3l):where(._--1) .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .cButtonContent._hasiconLine._hideSpIconLine .cButtonIcon {
    padding-top: 0;
  }
  .cButtonContent._hasiconLine._hideSpIconLine .cButtonIcon::before {
    content: none;
  }
  .cButtonContent._hasiconLine._hideSpIconLine .cButtonIcon:has(.cIconlink) .cIconlinkIcon::before {
    content: none;
  }
}
.cButtonInner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

:where(._btnxxs) .cButtonInner, :where(._btnxs) .cButtonInner, :where(._btns) .cButtonInner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

:where(._btnxxs) .cButtonInner {
  padding-top: calc(10 * var(--scale) * 1px);
  padding-bottom: calc(10 * var(--scale) * 1px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

:where(._btnxs) .cButtonInner {
  padding-top: calc(16 * var(--scale) * 1px);
  padding-bottom: calc(16 * var(--scale) * 1px);
}

:where(._btns) .cButtonInner {
  padding-top: calc(31 * var(--scale) * 1px);
  padding-bottom: calc(31 * var(--scale) * 1px);
}

:where(._btnr) .cButtonInner, :where(._btnm) .cButtonInner, :where(._btnl) .cButtonInner, :where(._btnxl) .cButtonInner, :where(._btn2l) .cButtonInner, :where(._btn3l) .cButtonInner, :where(._btn4l) .cButtonInner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: calc(24 * var(--scale) * 1px);
}

:where(._btnr) .cButtonInner .cButtonTextWrap, :where(._btnm) .cButtonInner .cButtonTextWrap, :where(._btnl) .cButtonInner .cButtonTextWrap, :where(._btnxl) .cButtonInner .cButtonTextWrap, :where(._btn2l) .cButtonInner .cButtonTextWrap, :where(._btn3l) .cButtonInner .cButtonTextWrap, :where(._btn4l) .cButtonInner .cButtonTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  :where(._btnr) .cButtonInner {
    padding-bottom: var(--space16);
  }
}
@media (max-width: 767px) {
  ._btnxs._-1 .cButtonInner, ._btns._-2 .cButtonInner, ._btnr._-3 .cButtonInner, ._btnm._-4 .cButtonInner, ._btnl._-5 .cButtonInner, ._btnxl._-6 .cButtonInner, ._btn2l._-7 .cButtonInner, ._btn3l._-8 .cButtonInner, .cButtonInner ._btn4l._-9 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(10 * var(--scale) * 1px);
    padding-bottom: calc(10 * var(--scale) * 1px);
  }
  ._btnxs._-1 .cButtonInner .cButtonTextWrap, ._btns._-2 .cButtonInner .cButtonTextWrap, ._btnr._-3 .cButtonInner .cButtonTextWrap, ._btnm._-4 .cButtonInner .cButtonTextWrap, ._btnl._-5 .cButtonInner .cButtonTextWrap, ._btnxl._-6 .cButtonInner .cButtonTextWrap, ._btn2l._-7 .cButtonInner .cButtonTextWrap, ._btn3l._-8 .cButtonInner .cButtonTextWrap, .cButtonInner ._btn4l._-9 .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btns._-1 .cButtonInner, ._btnr._-2 .cButtonInner, ._btnm._-3 .cButtonInner, ._btnl._-4 .cButtonInner, ._btnxl._-5 .cButtonInner, ._btn2l._-6 .cButtonInner, ._btn3l._-7 .cButtonInner, ._btn4l._-8 .cButtonInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(10 * var(--scale) * 1px);
    padding-bottom: calc(10 * var(--scale) * 1px);
  }
  ._btns._-1 .cButtonInner .cButtonTextWrap, ._btnr._-2 .cButtonInner .cButtonTextWrap, ._btnm._-3 .cButtonInner .cButtonTextWrap, ._btnl._-4 .cButtonInner .cButtonTextWrap, ._btnxl._-5 .cButtonInner .cButtonTextWrap, ._btn2l._-6 .cButtonInner .cButtonTextWrap, ._btn3l._-7 .cButtonInner .cButtonTextWrap, ._btn4l._-8 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btnr._-1 .cButtonInner, ._btnm._-2 .cButtonInner, ._btnl._-3 .cButtonInner, ._btnxl._-4 .cButtonInner, ._btn2l._-5 .cButtonInner, ._btn3l._-6 .cButtonInner, ._btn4l._-7 .cButtonInner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(23 * var(--scale) * 1px);
    padding-bottom: calc(23 * var(--scale) * 1px);
  }
  ._btnr._-1 .cButtonInner .cButtonTextWrap, ._btnm._-2 .cButtonInner .cButtonTextWrap, ._btnl._-3 .cButtonInner .cButtonTextWrap, ._btnxl._-4 .cButtonInner .cButtonTextWrap, ._btn2l._-5 .cButtonInner .cButtonTextWrap, ._btn3l._-6 .cButtonInner .cButtonTextWrap, ._btn4l._-7 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btns._--1 .cButtonInner, ._btnr._--2 .cButtonInner, ._btnm._--3 .cButtonInner, ._btnl._--4 .cButtonInner, ._btnxl._--5 .cButtonInner, ._btn2l._--6 .cButtonInner, ._btn3l._--7 .cButtonInner, ._btn4l._--8 .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._btns._--1 .cButtonInner .cButtonTextWrap, ._btnr._--2 .cButtonInner .cButtonTextWrap, ._btnm._--3 .cButtonInner .cButtonTextWrap, ._btnl._--4 .cButtonInner .cButtonTextWrap, ._btnxl._--5 .cButtonInner .cButtonTextWrap, ._btn2l._--6 .cButtonInner .cButtonTextWrap, ._btn3l._--7 .cButtonInner .cButtonTextWrap, ._btn4l._--8 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btnr._--1 .cButtonInner, ._btns._--2 .cButtonInner, ._btnxs._--3 .cButtonInner, ._btnxxs._--4 .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._btnr._--1 .cButtonInner .cButtonTextWrap, ._btns._--2 .cButtonInner .cButtonTextWrap, ._btnxs._--3 .cButtonInner .cButtonTextWrap, ._btnxxs._--4 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btnm._--1 .cButtonInner, ._btnr._--2 .cButtonInner, ._btns._--3 .cButtonInner, ._btnxs._--4 .cButtonInner, ._btnxxs._--5 .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._btnm._--1 .cButtonInner .cButtonTextWrap, ._btnr._--2 .cButtonInner .cButtonTextWrap, ._btns._--3 .cButtonInner .cButtonTextWrap, ._btnxs._--4 .cButtonInner .cButtonTextWrap, ._btnxxs._--5 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btnl._--1 .cButtonInner, ._btnm._--2 .cButtonInner, ._btnr._--3 .cButtonInner, ._btns._--4 .cButtonInner, ._btnxs._--5 .cButtonInner, ._btnxxs._--6 .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._btnl._--1 .cButtonInner .cButtonTextWrap, ._btnm._--2 .cButtonInner .cButtonTextWrap, ._btnr._--3 .cButtonInner .cButtonTextWrap, ._btns._--4 .cButtonInner .cButtonTextWrap, ._btnxs._--5 .cButtonInner .cButtonTextWrap, ._btnxxs._--6 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  ._btnxl._--1 .cButtonInner, ._btnl._--2 .cButtonInner, ._btnm._--3 .cButtonInner, ._btnr._--4 .cButtonInner, ._btns._--5 .cButtonInner, ._btnxs._--6 .cButtonInner, ._btnxxs._--7 .cButtonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._btnxl._--1 .cButtonInner .cButtonTextWrap, ._btnl._--2 .cButtonInner .cButtonTextWrap, ._btnm._--3 .cButtonInner .cButtonTextWrap, ._btnr._--4 .cButtonInner .cButtonTextWrap, ._btns._--5 .cButtonInner .cButtonTextWrap, ._btnxs._--6 .cButtonInner .cButtonTextWrap, ._btnxxs._--7 .cButtonInner .cButtonTextWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
:where(._btnr) .cButtonIcon, :where(._btnm) .cButtonIcon, :where(._btnl) .cButtonIcon, :where(._btnxl) .cButtonIcon, :where(._btn2l) .cButtonIcon, :where(._btn3l) .cButtonIcon, :where(._btn4l) .cButtonIcon {
  margin-top: calc(16 * var(--scale) * 1px);
}

.cButtonIcon:where(:has(._xxs)), .cButtonIcon:where(:has(._xs)) {
  margin-right: calc(4 * var(--scale) * 1px);
}

.cButtonIcon:where(:has(._s)), .cButtonIcon:where(:has(._r)), .cButtonIcon:where(:has(._m)), .cButtonIcon:where(:has(._l)) {
  margin-right: calc(8 * var(--scale) * 1px);
}

.cButtonIcon:where(:has(._xl)), .cButtonIcon:where(:has(._2l)), .cButtonIcon:where(:has(._3l)), .cButtonIcon:where(:has(._4l)) {
  margin-right: calc(12 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .cButtonIcon:has(._xs._-1), .cButtonIcon:has(._s._-2), .cButtonIcon:has(._r._-3), .cButtonIcon:has(._m._-4), .cButtonIcon:has(._l._-5), .cButtonIcon:has(._xl._-6), .cButtonIcon:has(._2l._-7), .cButtonIcon:has(._3l._-8), .cButtonIcon:has(._4l._-9) {
    margin-right: calc(4 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._s._-1), .cButtonIcon:has(._r._-2), .cButtonIcon:has(._m._-3), .cButtonIcon:has(._l._-4), .cButtonIcon:has(._xl._-5), .cButtonIcon:has(._2l._-6), .cButtonIcon:has(._3l._-7), .cButtonIcon:has(._4l._-8) {
    margin-right: calc(4 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._r._-1), .cButtonIcon:has(._m._-2), .cButtonIcon:has(._l._-3), .cButtonIcon:has(._xl._-4), .cButtonIcon:has(._2l._-5), .cButtonIcon:has(._3l._-6), .cButtonIcon:has(._4l._-7) {
    margin-right: calc(8 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._s._--1), .cButtonIcon:has(._xs._--2), .cButtonIcon:has(._xxs._--3) {
    margin-right: calc(8 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._r._--1), .cButtonIcon:has(._s._--2), .cButtonIcon:has(._xs._--3), .cButtonIcon:has(._xxs._--4) {
    margin-right: calc(8 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._m._--1), .cButtonIcon:has(._r._--2), .cButtonIcon:has(._s._--3), .cButtonIcon:has(._xs._--4), .cButtonIcon:has(._xxs._--5) {
    margin-right: calc(8 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._l._--1), .cButtonIcon:has(._m._--2), .cButtonIcon:has(._r._--3), .cButtonIcon:has(._s._--4), .cButtonIcon:has(._xs._--5), .cButtonIcon:has(._xxs._--6) {
    margin-right: calc(12 * var(--scale) * 1px);
  }
  .cButtonIcon:has(._xl._--1), .cButtonIcon:has(._l._--2), .cButtonIcon:has(._m._--3), .cButtonIcon:has(._r._--4), .cButtonIcon:has(._s._--5), .cButtonIcon:has(._xs._--6), .cButtonIcon:has(._xxs._--7) {
    margin-right: calc(12 * var(--scale) * 1px);
  }
  ._btnxs._-1 .cButtonIcon, ._btns._-2 .cButtonIcon, ._btnr._-3 .cButtonIcon, ._btnm._-4 .cButtonIcon, ._btnl._-5 .cButtonIcon, ._btnxl._-6 .cButtonIcon, ._btn2l._-7 .cButtonIcon, ._btn3l._-8 .cButtonIcon, ._btn4l._-9 .cButtonIcon {
    margin-top: 0;
  }
  ._btns._-1 .cButtonIcon, ._btnr._-2 .cButtonIcon, ._btnm._-3 .cButtonIcon, ._btnl._-4 .cButtonIcon, ._btnxl._-5 .cButtonIcon, ._btn2l._-6 .cButtonIcon, ._btn3l._-7 .cButtonIcon, ._btn4l._-8 .cButtonIcon {
    margin-top: 0;
  }
  ._btnr._-1 .cButtonIcon, ._btnm._-2 .cButtonIcon, ._btnl._-3 .cButtonIcon, ._btnxl._-4 .cButtonIcon, ._btn2l._-5 .cButtonIcon, ._btn3l._-6 .cButtonIcon, ._btn4l._-7 .cButtonIcon {
    margin-top: 0;
  }
}
.cButtonContent._hasiconLine .cButtonIcon {
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  padding-top: calc(16 * var(--scale) * 1px);
}

.cButtonContent._hasiconLine .cButtonIcon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--primary20);
}

.cButtonContent._hasiconLine .cButtonIcon:has(.cIconlink)::before {
  content: none;
}

.cButtonContent._hasiconLine .cButtonIcon:has(.cIconlink) .cIconlinkIcon {
  position: relative;
}

.cButtonContent._hasiconLine .cButtonIcon:has(.cIconlink) .cIconlinkIcon::before {
  content: "";
  position: absolute;
  top: calc(-16 * var(--scale) * 1px);
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid oklch(from var(--primary) l c h/0.5);
}

.cButtonTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(14 * var(--scale) * 1px);
  gap: var(--space16);
}

:where(._btnxxs) .cButtonTextWrap, :where(._btnxs) .cButtonTextWrap, :where(._btns) .cButtonTextWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

:where(._btnxl) .cButtonTextWrap {
  gap: var(--space24);
}

@media (max-width: 767px) {
  ._btnxs._-1 .cButtonTextWrap, ._btns._-2 .cButtonTextWrap, ._btnr._-3 .cButtonTextWrap, ._btnm._-4 .cButtonTextWrap, ._btnl._-5 .cButtonTextWrap, ._btnxl._-6 .cButtonTextWrap, ._btn2l._-7 .cButtonTextWrap, ._btn3l._-8 .cButtonTextWrap, ._btn4l._-9 .cButtonTextWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  ._btns._-1 .cButtonTextWrap, ._btnr._-2 .cButtonTextWrap, ._btnm._-3 .cButtonTextWrap, ._btnl._-4 .cButtonTextWrap, ._btnxl._-5 .cButtonTextWrap, ._btn2l._-6 .cButtonTextWrap, ._btn3l._-7 .cButtonTextWrap, ._btn4l._-8 .cButtonTextWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  ._btnr._-1 .cButtonTextWrap, ._btnm._-2 .cButtonTextWrap, ._btnl._-3 .cButtonTextWrap, ._btnxl._-4 .cButtonTextWrap, ._btn2l._-5 .cButtonTextWrap, ._btn3l._-6 .cButtonTextWrap, ._btn4l._-7 .cButtonTextWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cButtonTextWrap:has([class*=_22]:not([class*=_-1]):not([class*=_-2]):not([class*=_-3]):not([class*=_-4])) {
  gap: calc(24 * var(--scale) * 1px);
}

@media (max-width: 767px) {
  .cButtonTextWrap ._btnxl {
    gap: var(--space24);
  }
}
@media (max-width: 767px) {
  .cButtonTextWrap:has([class*=_18]):has(._--1) {
    gap: calc(24 * var(--scale) * 1px);
  }
  .cButtonTextWrap:has([class*=_16]):has(._--2) {
    gap: calc(24 * var(--scale) * 1px);
  }
  .cButtonTextWrap:has([class*=_14]):has(._--3) {
    gap: calc(24 * var(--scale) * 1px);
  }
}
:where(._btnxl) .cButtonTextWrap {
  gap: var(--space24);
}

._reverseText .cButtonTextWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

[aria-current=page] .cButtonTitle {
  color: var(--primary20);
}

.cButtonTitle:where(._hover *) {
  opacity: 0.5;
}

.cButtonText {
  color: var(--gray_text);
}

[aria-current=page] .cButtonText {
  color: var(--primary20);
}

.cButtonText:where(._hover *) {
  opacity: 0.5;
}

[aria-current=page] .cIconFrame:is(.cButton *) {
  border-color: var(--primary20);
}

[aria-current=page] .cIconBody:is(.cButton *) svg polygon {
  fill: var(--primary20);
}

[aria-current=page] .cIcontextText:is(.cButton *) {
  color: var(--primary20);
}

.cButtonPictureList {
  position: absolute;
  bottom: 0;
  height: var(--pictureheight);
  right: 0;
  width: 100%;
  margin: 0;
}

@media (max-width: 767px) {
  .cButtonPictureList {
    height: var(--pictureheight);
  }
}
.cButtonPictureList._imageupper {
  bottom: auto;
  top: 0;
}

[aria-current=page] .cButtonPictureList {
  opacity: 0.2;
}

.cButtonPictureListItem {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  aspect-ratio: 3/2;
}

.cButtonPictureListItem picture {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right bottom;
  object-position: right bottom;
}

@media (min-width: 768px) {
  ._btnxxs .cUnderlineblockLine:is(.cButton *), ._btnxs .cUnderlineblockLine:is(.cButton *) {
    height: calc(1 * var(--scale) * 1px);
  }
}
._darken .cUnderlineblockLine:is(.cButton *) {
  background-color: var(--gray_point);
}

@media (max-width: 767px) {
  .cUnderlineblockLine:is(.cButton *) {
    height: 4px;
  }
  ._btnxxs:not([class*=_-], [class*=_--]) .cUnderlineblockLine:is(.cButton *), ._btnxs:not([class*=_-], [class*=_--]) .cUnderlineblockLine:is(.cButton *) {
    height: 1px;
  }
  ._btnxs._-1 .cUnderlineblockLine:is(.cButton *), ._btns._-2 .cUnderlineblockLine:is(.cButton *), ._btnr._-3 .cUnderlineblockLine:is(.cButton *), ._btnm._-4 .cUnderlineblockLine:is(.cButton *), ._btnl._-5 .cUnderlineblockLine:is(.cButton *), ._btnxl._-6 .cUnderlineblockLine:is(.cButton *), ._btn2l._-7 .cUnderlineblockLine:is(.cButton *), ._btn3l._-8 .cUnderlineblockLine:is(.cButton *), ._btn4l._-9 .cUnderlineblockLine:is(.cButton *) {
    height: 1px;
  }
  ._btns._-1 .cUnderlineblockLine:is(.cButton *), ._btnr._-2 .cUnderlineblockLine:is(.cButton *), ._btnm._-3 .cUnderlineblockLine:is(.cButton *), ._btnl._-4 .cUnderlineblockLine:is(.cButton *), ._btnxl._-5 .cUnderlineblockLine:is(.cButton *), ._btn2l._-6 .cUnderlineblockLine:is(.cButton *), ._btn3l._-7 .cUnderlineblockLine:is(.cButton *), ._btn4l._-8 .cUnderlineblockLine:is(.cButton *) {
    height: 1px;
  }
  ._btnxxs._--1 .cUnderlineblockLine:is(.cButton *) {
    height: 1px;
  }
}
.cButtonContent._bannerlink .cButtonText {
  color: var(--primary);
}

@media (max-width: 767px) {
  .cButtonContent._animebutton .cButtonTextWrap {
    gap: var(--space16);
  }
}
@media (max-width: 767px) {
  .cButtonContent._contactbutton .cButtonTitle {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
.cButtonContent._contactbutton .cButtonIcon {
  position: relative;
  padding-top: calc(16 * var(--scale) * 1px);
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.cButtonContent._contactbutton .cButtonIcon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--primary20);
}

@media (max-width: 767px) {
  .cButtonContent._common .cButtonTitle {
    font-size: calc(17 * var(--scale) * 1px);
    line-height: calc(24 * var(--scale) * 1px);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
  }
}
@media (max-width: 767px) {
  .cButtonContent._common .cButtonPictureListItem {
    height: 80%;
    bottom: 4%;
    right: 4%;
  }
}
@-webkit-keyframes bubbleAnim-v1 {
  0% {
    clip-path: polygon(39.2% 77.2%, 55.8% 88.9%, 52.5% 80%, 91.9% 72.5%, 100% 53.6%, 85.3% 31.9%, 50.1% 26.7%, 19.4% 30.6%, 4.7% 43.1%, 1.7% 59.2%, 11.1% 72.5%, 39.2% 77.2%);
  }
  100% {
    clip-path: polygon(39.2% 77.2%, 55.8% 88.9%, 52.5% 80%, 88.6% 74.2%, 98.6% 55.6%, 88.6% 34.7%, 57.2% 26.4%, 22.2% 29.2%, 8.6% 43.6%, 1.7% 55.6%, 8.6% 70.6%, 39.2% 77.2%);
  }
}
@keyframes bubbleAnim-v1 {
  0% {
    clip-path: polygon(39.2% 77.2%, 55.8% 88.9%, 52.5% 80%, 91.9% 72.5%, 100% 53.6%, 85.3% 31.9%, 50.1% 26.7%, 19.4% 30.6%, 4.7% 43.1%, 1.7% 59.2%, 11.1% 72.5%, 39.2% 77.2%);
  }
  100% {
    clip-path: polygon(39.2% 77.2%, 55.8% 88.9%, 52.5% 80%, 88.6% 74.2%, 98.6% 55.6%, 88.6% 34.7%, 57.2% 26.4%, 22.2% 29.2%, 8.6% 43.6%, 1.7% 55.6%, 8.6% 70.6%, 39.2% 77.2%);
  }
}
@-webkit-keyframes bubbleAnim-v1-border {
  0% {
    clip-path: polygon(39.7% 77.7%, 56.3% 89.4%, 53% 80.5%, 92.4% 73%, 100.5% 54.1%, 85.8% 32.4%, 50.6% 27.2%, 19.9% 31.1%, 5.2% 43.6%, 2.2% 59.7%, 11.6% 73%, 39.7% 77.7%);
  }
  100% {
    clip-path: polygon(39.7% 77.7%, 56.3% 89.4%, 53% 80.5%, 89.1% 74.7%, 99.1% 56.1%, 89.1% 35.2%, 57.7% 26.9%, 22.7% 29.7%, 9.1% 44.1%, 2.2% 56.1%, 9.1% 71.1%, 39.7% 77.7%);
  }
}
@keyframes bubbleAnim-v1-border {
  0% {
    clip-path: polygon(39.7% 77.7%, 56.3% 89.4%, 53% 80.5%, 92.4% 73%, 100.5% 54.1%, 85.8% 32.4%, 50.6% 27.2%, 19.9% 31.1%, 5.2% 43.6%, 2.2% 59.7%, 11.6% 73%, 39.7% 77.7%);
  }
  100% {
    clip-path: polygon(39.7% 77.7%, 56.3% 89.4%, 53% 80.5%, 89.1% 74.7%, 99.1% 56.1%, 89.1% 35.2%, 57.7% 26.9%, 22.7% 29.7%, 9.1% 44.1%, 2.2% 56.1%, 9.1% 71.1%, 39.7% 77.7%);
  }
}
@-webkit-keyframes bubbleAnim-v2 {
  0% {
    clip-path: polygon(35.7% 75.4%, 56.1% 83.9%, 50.6% 75.4%, 83.1% 71.6%, 93.3% 52.2%, 79.4% 26.7%, 47.8% 21.7%, 20.6% 32.8%, 13.9% 43.9%, 6.7% 58.6%, 13.9% 71.6%, 35.7% 75.4%);
  }
  100% {
    clip-path: polygon(35.7% 75.4%, 56.1% 83.9%, 50.6% 75.4%, 82.2% 69.2%, 91.4% 50.6%, 73.6% 27.5%, 41.4% 22.5%, 20.6% 32.8%, 10.3% 46.1%, 6.7% 61.1%, 15.3% 74.4%, 35.7% 75.4%);
  }
}
@keyframes bubbleAnim-v2 {
  0% {
    clip-path: polygon(35.7% 75.4%, 56.1% 83.9%, 50.6% 75.4%, 83.1% 71.6%, 93.3% 52.2%, 79.4% 26.7%, 47.8% 21.7%, 20.6% 32.8%, 13.9% 43.9%, 6.7% 58.6%, 13.9% 71.6%, 35.7% 75.4%);
  }
  100% {
    clip-path: polygon(35.7% 75.4%, 56.1% 83.9%, 50.6% 75.4%, 82.2% 69.2%, 91.4% 50.6%, 73.6% 27.5%, 41.4% 22.5%, 20.6% 32.8%, 10.3% 46.1%, 6.7% 61.1%, 15.3% 74.4%, 35.7% 75.4%);
  }
}
@-webkit-keyframes bubbleAnim-v3 {
  0% {
    clip-path: polygon(35.4% 72%, 53.3% 80.6%, 51.7% 74.7%, 82.8% 71.7%, 88.6% 48.6%, 75.6% 35.5%, 61.4% 27.2%, 28.6% 30%, 15% 38.9%, 11.7% 54.7%, 14.7% 67.8%, 35.4% 72%);
  }
  100% {
    clip-path: polygon(35.4% 72%, 53.3% 80.6%, 51.7% 74.7%, 83.9% 69.7%, 90% 52.2%, 76.7% 33.9%, 55.6% 26.9%, 24.7% 31.4%, 14.7% 40.8%, 10.6% 57.2%, 16.9% 69.7%, 35.4% 72%);
  }
}
@keyframes bubbleAnim-v3 {
  0% {
    clip-path: polygon(35.4% 72%, 53.3% 80.6%, 51.7% 74.7%, 82.8% 71.7%, 88.6% 48.6%, 75.6% 35.5%, 61.4% 27.2%, 28.6% 30%, 15% 38.9%, 11.7% 54.7%, 14.7% 67.8%, 35.4% 72%);
  }
  100% {
    clip-path: polygon(35.4% 72%, 53.3% 80.6%, 51.7% 74.7%, 83.9% 69.7%, 90% 52.2%, 76.7% 33.9%, 55.6% 26.9%, 24.7% 31.4%, 14.7% 40.8%, 10.6% 57.2%, 16.9% 69.7%, 35.4% 72%);
  }
}
@-webkit-keyframes bubbleAnim-v4 {
  0% {
    clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 91.4% 71.4%, 99.4% 52.5%, 84.7% 30.8%, 49.5% 25.6%, 18.9% 29.4%, 4.2% 41.9%, 1.1% 58.1%, 10.6% 71.4%, 38.6% 76.1%);
  }
  100% {
    clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 86.4% 74.7%, 98.1% 58.9%, 84.7% 30.8%, 61.7% 25.6%, 18.9% 29.4%, 6.7% 37.2%, 1.1% 54.7%, 7.5% 71.4%, 38.6% 76.1%);
  }
}
@keyframes bubbleAnim-v4 {
  0% {
    clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 91.4% 71.4%, 99.4% 52.5%, 84.7% 30.8%, 49.5% 25.6%, 18.9% 29.4%, 4.2% 41.9%, 1.1% 58.1%, 10.6% 71.4%, 38.6% 76.1%);
  }
  100% {
    clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 86.4% 74.7%, 98.1% 58.9%, 84.7% 30.8%, 61.7% 25.6%, 18.9% 29.4%, 6.7% 37.2%, 1.1% 54.7%, 7.5% 71.4%, 38.6% 76.1%);
  }
}
@-webkit-keyframes bubbleAnim-v5 {
  0% {
    clip-path: polygon(61.9% 73.9%, 45.3% 85.6%, 48.6% 76.7%, 9.2% 69.2%, 1.1% 50.3%, 15.8% 28.6%, 51% 23.3%, 81.7% 27.2%, 96.4% 39.7%, 99.4% 55.8%, 90% 69.2%, 61.9% 73.9%);
  }
  100% {
    clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 86.4% 74.7%, 98.1% 58.9%, 84.7% 30.8%, 61.7% 25.6%, 18.9% 29.4%, 6.7% 37.2%, 1.1% 54.7%, 7.5% 71.4%, 38.6% 76.1%);
  }
}
@keyframes bubbleAnim-v5 {
  0% {
    clip-path: polygon(61.9% 73.9%, 45.3% 85.6%, 48.6% 76.7%, 9.2% 69.2%, 1.1% 50.3%, 15.8% 28.6%, 51% 23.3%, 81.7% 27.2%, 96.4% 39.7%, 99.4% 55.8%, 90% 69.2%, 61.9% 73.9%);
  }
  100% {
    clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 86.4% 74.7%, 98.1% 58.9%, 84.7% 30.8%, 61.7% 25.6%, 18.9% 29.4%, 6.7% 37.2%, 1.1% 54.7%, 7.5% 71.4%, 38.6% 76.1%);
  }
}
@-webkit-keyframes bubbleAnim-v6 {
  0% {
    clip-path: polygon(60.8% 77.2%, 44.2% 88.9%, 47.5% 80%, 8.1% 72.5%, 0% 53.6%, 14.7% 31.9%, 49.9% 26.7%, 80.6% 30.6%, 95.3% 43.1%, 98.3% 59.2%, 88.9% 72.5%, 60.8% 77.2%);
  }
  100% {
    clip-path: polygon(60.8% 77.2%, 44.2% 88.9%, 47.5% 80%, 11.4% 74.2%, 1.4% 55.6%, 11.4% 34.7%, 42.8% 26.4%, 77.8% 29.2%, 91.4% 43.6%, 98.3% 55.6%, 91.4% 70.6%, 60.8% 77.2%);
  }
}
@keyframes bubbleAnim-v6 {
  0% {
    clip-path: polygon(60.8% 77.2%, 44.2% 88.9%, 47.5% 80%, 8.1% 72.5%, 0% 53.6%, 14.7% 31.9%, 49.9% 26.7%, 80.6% 30.6%, 95.3% 43.1%, 98.3% 59.2%, 88.9% 72.5%, 60.8% 77.2%);
  }
  100% {
    clip-path: polygon(60.8% 77.2%, 44.2% 88.9%, 47.5% 80%, 11.4% 74.2%, 1.4% 55.6%, 11.4% 34.7%, 42.8% 26.4%, 77.8% 29.2%, 91.4% 43.6%, 98.3% 55.6%, 91.4% 70.6%, 60.8% 77.2%);
  }
}
@-webkit-keyframes bubbleAnim-type1 {
  0% {
    clip-path: polygon(33.55% 75.51%, 56.87% 85.2%, 50.6% 75.51%, 87.76% 71.17%, 99.44% 48.99%, 83.56% 19.76%, 47.34% 14.04%, 16.21% 26.82%, 8.63% 39.46%, 0.33% 56.23%, 8.63% 71.17%, 33.55% 75.51%);
  }
  100% {
    clip-path: polygon(34.38% 75.51%, 57.45% 85.2%, 51.24% 75.51%, 84.26% 71.7%, 99.2% 46.47%, 84.02% 21.02%, 45.53% 14.39%, 18.48% 26.64%, 7.25% 39.81%, 1.7% 57.49%, 9.91% 72.43%, 34.38% 75.51%);
  }
}
@keyframes bubbleAnim-type1 {
  0% {
    clip-path: polygon(33.55% 75.51%, 56.87% 85.2%, 50.6% 75.51%, 87.76% 71.17%, 99.44% 48.99%, 83.56% 19.76%, 47.34% 14.04%, 16.21% 26.82%, 8.63% 39.46%, 0.33% 56.23%, 8.63% 71.17%, 33.55% 75.51%);
  }
  100% {
    clip-path: polygon(34.38% 75.51%, 57.45% 85.2%, 51.24% 75.51%, 84.26% 71.7%, 99.2% 46.47%, 84.02% 21.02%, 45.53% 14.39%, 18.48% 26.64%, 7.25% 39.81%, 1.7% 57.49%, 9.91% 72.43%, 34.38% 75.51%);
  }
}
@-webkit-keyframes bubbleAnim-type2 {
  0% {
    clip-path: polygon(33.33% 71.75%, 53.85% 81.59%, 51.94% 74.91%, 87.52% 71.42%, 94.2% 45.05%, 79.3% 30.1%, 63.06% 20.59%, 25.58% 23.77%, 10.01% 33.93%, 6.2% 52.04%, 9.61% 66.97%, 33.33% 71.75%);
  }
  100% {
    clip-path: polygon(33.18% 71.75%, 53.71% 81.59%, 51.8% 74.91%, 84.86% 71.07%, 93.7% 47.57%, 81.67% 30.45%, 60.4% 20.24%, 28.13% 22.86%, 11.3% 32.85%, 6.23% 50.78%, 9.29% 68.23%, 33.18% 71.75%);
  }
}
@keyframes bubbleAnim-type2 {
  0% {
    clip-path: polygon(33.33% 71.75%, 53.85% 81.59%, 51.94% 74.91%, 87.52% 71.42%, 94.2% 45.05%, 79.3% 30.1%, 63.06% 20.59%, 25.58% 23.77%, 10.01% 33.93%, 6.2% 52.04%, 9.61% 66.97%, 33.33% 71.75%);
  }
  100% {
    clip-path: polygon(33.18% 71.75%, 53.71% 81.59%, 51.8% 74.91%, 84.86% 71.07%, 93.7% 47.57%, 81.67% 30.45%, 60.4% 20.24%, 28.13% 22.86%, 11.3% 32.85%, 6.23% 50.78%, 9.29% 68.23%, 33.18% 71.75%);
  }
}
@-webkit-keyframes bubbleAnim-type3 {
  0% {
    clip-path: polygon(38.57% 71.14%, 55.4% 80.98%, 51.91% 72.4%, 87.17% 70.81%, 93.84% 53.34%, 78.94% 25.38%, 36.34% 19.98%, 16.96% 25.38%, 11.25% 34.91%, 5.84% 44.12%, 13.15% 67.32%, 38.57% 71.14%);
  }
  100% {
    clip-path: polygon(38.42% 71.14%, 55.26% 80.98%, 51.76% 72.4%, 85.77% 70.99%, 92.99% 48.3%, 80.06% 25.2%, 41.23% 19.27%, 18.08% 25.2%, 10.38% 34.37%, 5.88% 45.38%, 14.44% 68.4%, 38.42% 71.14%);
  }
}
@keyframes bubbleAnim-type3 {
  0% {
    clip-path: polygon(38.57% 71.14%, 55.4% 80.98%, 51.91% 72.4%, 87.17% 70.81%, 93.84% 53.34%, 78.94% 25.38%, 36.34% 19.98%, 16.96% 25.38%, 11.25% 34.91%, 5.84% 44.12%, 13.15% 67.32%, 38.57% 71.14%);
  }
  100% {
    clip-path: polygon(38.42% 71.14%, 55.26% 80.98%, 51.76% 72.4%, 85.77% 70.99%, 92.99% 48.3%, 80.06% 25.2%, 41.23% 19.27%, 18.08% 25.2%, 10.38% 34.37%, 5.88% 45.38%, 14.44% 68.4%, 38.42% 71.14%);
  }
}
@-webkit-keyframes bubbleAnim-type4 {
  0% {
    clip-path: polygon(33.61% 74.58%, 55.21% 81.57%, 49.49% 74.58%, 83.49% 71.74%, 93.65% 57.43%, 78.76% 25.98%, 58.71% 20.57%, 23.76% 25.98%, 7.56% 34.24%, 5.65% 57.43%, 11.06% 69.82%, 33.61% 74.58%);
  }
  100% {
    clip-path: polygon(32.84% 74.49%, 54.44% 81.48%, 48.72% 74.49%, 83.97% 71.83%, 93.59% 52.3%, 81.49% 28.3%, 60.45% 20.84%, 24.42% 24.81%, 7.69% 36.84%, 5.23% 54.82%, 10.28% 69.73%, 32.84% 74.49%);
  }
}
@keyframes bubbleAnim-type4 {
  0% {
    clip-path: polygon(33.61% 74.58%, 55.21% 81.57%, 49.49% 74.58%, 83.49% 71.74%, 93.65% 57.43%, 78.76% 25.98%, 58.71% 20.57%, 23.76% 25.98%, 7.56% 34.24%, 5.65% 57.43%, 11.06% 69.82%, 33.61% 74.58%);
  }
  100% {
    clip-path: polygon(32.84% 74.49%, 54.44% 81.48%, 48.72% 74.49%, 83.97% 71.83%, 93.59% 52.3%, 81.49% 28.3%, 60.45% 20.84%, 24.42% 24.81%, 7.69% 36.84%, 5.23% 54.82%, 10.28% 69.73%, 32.84% 74.49%);
  }
}
@-webkit-keyframes bubbleAnim-type1-sp {
  0% {
    clip-path: polygon(34.27% 75.28%, 57.28% 84.89%, 51.08% 75.29%, 84% 71.53%, 98.89% 46.55%, 83.73% 21.33%, 45.35% 14.75%, 18.38% 26.86%, 7.19% 39.9%, 1.67% 57.4%, 9.87% 72.21%, 34.27% 75.28%);
  }
  100% {
    clip-path: polygon(34.27% 75.27%, 57.28% 84.88%, 51.08% 75.28%, 87.72% 71.01%, 99.23% 49.04%, 83.55% 20.08%, 47.84% 14.4%, 17.14% 27.03%, 9.68% 39.55%, 1.5% 56.15%, 9.7% 70.96%, 34.27% 75.27%);
  }
}
@keyframes bubbleAnim-type1-sp {
  0% {
    clip-path: polygon(34.27% 75.28%, 57.28% 84.89%, 51.08% 75.29%, 84% 71.53%, 98.89% 46.55%, 83.73% 21.33%, 45.35% 14.75%, 18.38% 26.86%, 7.19% 39.9%, 1.67% 57.4%, 9.87% 72.21%, 34.27% 75.28%);
  }
  100% {
    clip-path: polygon(34.27% 75.27%, 57.28% 84.88%, 51.08% 75.28%, 87.72% 71.01%, 99.23% 49.04%, 83.55% 20.08%, 47.84% 14.4%, 17.14% 27.03%, 9.68% 39.55%, 1.5% 56.15%, 9.7% 70.96%, 34.27% 75.27%);
  }
}
@-webkit-keyframes bubbleAnim-type2-sp {
  0% {
    clip-path: polygon(63.37% 70.99%, 43.61% 80.44%, 45.45% 74.03%, 11.2% 70.69%, 4.78% 45.35%, 19.13% 30.98%, 34.76% 21.84%, 70.85% 24.89%, 85.83% 34.65%, 89.5% 52.04%, 86.21% 66.39%, 63.37% 70.99%);
  }
  100% {
    clip-path: polygon(63.37% 70.99%, 43.61% 80.44%, 45.45% 74.03%, 13.62% 70.34%, 5.12% 47.77%, 16.7% 31.32%, 37.18% 21.5%, 68.26% 24.02%, 84.45% 33.61%, 89.33% 50.83%, 86.38% 67.6%, 63.37% 70.99%);
  }
}
@keyframes bubbleAnim-type2-sp {
  0% {
    clip-path: polygon(63.37% 70.99%, 43.61% 80.44%, 45.45% 74.03%, 11.2% 70.69%, 4.78% 45.35%, 19.13% 30.98%, 34.76% 21.84%, 70.85% 24.89%, 85.83% 34.65%, 89.5% 52.04%, 86.21% 66.39%, 63.37% 70.99%);
  }
  100% {
    clip-path: polygon(63.37% 70.99%, 43.61% 80.44%, 45.45% 74.03%, 13.62% 70.34%, 5.12% 47.77%, 16.7% 31.32%, 37.18% 21.5%, 68.26% 24.02%, 84.45% 33.61%, 89.33% 50.83%, 86.38% 67.6%, 63.37% 70.99%);
  }
}
@-webkit-keyframes bubbleAnim-type3-sp {
  0% {
    clip-path: polygon(60.82% 70.26%, 44.37% 80.18%, 47.67% 71.72%, 14.1% 70.92%, 6.59% 48.83%, 18.95% 25.99%, 57.15% 19.52%, 80.1% 24.93%, 87.84% 33.77%, 92.48% 44.48%, 84.43% 67.16%, 60.82% 70.26%);
  }
  100% {
    clip-path: polygon(61.03% 70.5%, 44.71% 80.49%, 47.98% 71.97%, 13.42% 71.01%, 6.59% 53.88%, 20.7% 26.05%, 62.12% 18.49%, 81.4% 24.98%, 87.16% 34.28%, 92.61% 43.28%, 85.85% 66.28%, 61.03% 70.5%);
  }
}
@keyframes bubbleAnim-type3-sp {
  0% {
    clip-path: polygon(60.82% 70.26%, 44.37% 80.18%, 47.67% 71.72%, 14.1% 70.92%, 6.59% 48.83%, 18.95% 25.99%, 57.15% 19.52%, 80.1% 24.93%, 87.84% 33.77%, 92.48% 44.48%, 84.43% 67.16%, 60.82% 70.26%);
  }
  100% {
    clip-path: polygon(61.03% 70.5%, 44.71% 80.49%, 47.98% 71.97%, 13.42% 71.01%, 6.59% 53.88%, 20.7% 26.05%, 62.12% 18.49%, 81.4% 24.98%, 87.16% 34.28%, 92.61% 43.28%, 85.85% 66.28%, 61.03% 70.5%);
  }
}
@-webkit-keyframes bubbleAnim-type4-sp {
  0% {
    clip-path: polygon(33.21% 73.28%, 54.08% 80.03%, 48.55% 73.28%, 82.61% 70.71%, 91.89% 51.85%, 80.21% 28.66%, 59.88% 21.45%, 25.08% 25.28%, 8.92% 36.91%, 6.54% 54.28%, 11.42% 68.68%, 33.21% 73.28%);
  }
  100% {
    clip-path: polygon(33.82% 73.83%, 54.69% 80.63%, 49.17% 73.83%, 82% 71.06%, 91.82% 57.13%, 77.43% 26.53%, 58.07% 21.27%, 24.31% 26.53%, 8.66% 34.57%, 6.82% 57.13%, 12.03% 69.19%, 33.82% 73.83%);
  }
}
@keyframes bubbleAnim-type4-sp {
  0% {
    clip-path: polygon(33.21% 73.28%, 54.08% 80.03%, 48.55% 73.28%, 82.61% 70.71%, 91.89% 51.85%, 80.21% 28.66%, 59.88% 21.45%, 25.08% 25.28%, 8.92% 36.91%, 6.54% 54.28%, 11.42% 68.68%, 33.21% 73.28%);
  }
  100% {
    clip-path: polygon(33.82% 73.83%, 54.69% 80.63%, 49.17% 73.83%, 82% 71.06%, 91.82% 57.13%, 77.43% 26.53%, 58.07% 21.27%, 24.31% 26.53%, 8.66% 34.57%, 6.82% 57.13%, 12.03% 69.19%, 33.82% 73.83%);
  }
}
.cBubble {
  position: relative;
  display: inline-block;
  background: var(--bubble-color, #ffce5c);
  -webkit-animation: bubbleAnim-v1 1s steps(3) infinite alternate;
  animation: bubbleAnim-v1 1s steps(3) infinite alternate;
  clip-path: polygon(38.6% 76.1%, 55.3% 87.8%, 51.9% 78.9%, 91.4% 71.4%, 99.4% 52.5%, 84.7% 30.8%, 49.5% 25.6%, 18.9% 29.4%, 4.2% 41.9%, 1.1% 58.1%, 10.6% 71.4%, 38.6% 76.1%);
}

.cBubble._type1 {
  -webkit-animation: bubbleAnim-type1 1s steps(3) infinite alternate;
  animation: bubbleAnim-type1 1s steps(3) infinite alternate;
  clip-path: polygon(33.55% 75.51%, 56.87% 85.2%, 50.6% 75.51%, 87.76% 71.17%, 99.44% 48.99%, 83.56% 19.76%, 47.34% 14.04%, 16.21% 26.82%, 8.63% 39.46%, 0.33% 56.23%, 8.63% 71.17%, 33.55% 75.51%);
}

@media (max-width: 767px) {
  .cBubble._type1 {
    -webkit-animation: bubbleAnim-type1-sp 1s steps(3) infinite alternate;
    animation: bubbleAnim-type1-sp 1s steps(3) infinite alternate;
    clip-path: polygon(34.27% 75.28%, 57.28% 84.89%, 51.08% 75.29%, 84% 71.53%, 98.89% 46.55%, 83.73% 21.33%, 45.35% 14.75%, 18.38% 26.86%, 7.19% 39.9%, 1.67% 57.4%, 9.87% 72.21%, 34.27% 75.28%);
  }
}
.cBubble._type2 {
  -webkit-animation: bubbleAnim-type2 1s steps(3) infinite alternate;
  animation: bubbleAnim-type2 1s steps(3) infinite alternate;
  clip-path: polygon(33.33% 71.75%, 53.85% 81.59%, 51.94% 74.91%, 87.52% 71.42%, 94.2% 45.05%, 79.3% 30.1%, 63.06% 20.59%, 25.58% 23.77%, 10.01% 33.93%, 6.2% 52.04%, 9.61% 66.97%, 33.33% 71.75%);
}

@media (max-width: 767px) {
  .cBubble._type2 {
    -webkit-animation: bubbleAnim-type2-sp 1s steps(3) infinite alternate;
    animation: bubbleAnim-type2-sp 1s steps(3) infinite alternate;
    clip-path: polygon(63.37% 70.99%, 43.61% 80.44%, 45.45% 74.03%, 11.2% 70.69%, 4.78% 45.35%, 19.13% 30.98%, 34.76% 21.84%, 70.85% 24.89%, 85.83% 34.65%, 89.5% 52.04%, 86.21% 66.39%, 63.37% 70.99%);
  }
}
.cBubble._type3 {
  -webkit-animation: bubbleAnim-type3 1s steps(3) infinite alternate;
  animation: bubbleAnim-type3 1s steps(3) infinite alternate;
  clip-path: polygon(38.57% 71.14%, 55.4% 80.98%, 51.91% 72.4%, 87.17% 70.81%, 93.84% 53.34%, 78.94% 25.38%, 36.34% 19.98%, 16.96% 25.38%, 11.25% 34.91%, 5.84% 44.12%, 13.15% 67.32%, 38.57% 71.14%);
}

@media (max-width: 767px) {
  .cBubble._type3 {
    -webkit-animation: bubbleAnim-type3-sp 1s steps(3) infinite alternate;
    animation: bubbleAnim-type3-sp 1s steps(3) infinite alternate;
    clip-path: polygon(60.82% 70.26%, 44.37% 80.18%, 47.67% 71.72%, 14.1% 70.92%, 6.59% 48.83%, 18.95% 25.99%, 57.15% 19.52%, 80.1% 24.93%, 87.84% 33.77%, 92.48% 44.48%, 84.43% 67.16%, 60.82% 70.26%);
  }
}
.cBubble._type4 {
  -webkit-animation: bubbleAnim-type4 1s steps(3) infinite alternate;
  animation: bubbleAnim-type4 1s steps(3) infinite alternate;
  clip-path: polygon(33.61% 74.58%, 55.21% 81.57%, 49.49% 74.58%, 83.49% 71.74%, 93.65% 57.43%, 78.76% 25.98%, 58.71% 20.57%, 23.76% 25.98%, 7.56% 34.24%, 5.65% 57.43%, 11.06% 69.82%, 33.61% 74.58%);
}

@media (max-width: 767px) {
  .cBubble._type4 {
    -webkit-animation: bubbleAnim-type4-sp 1s steps(3) infinite alternate;
    animation: bubbleAnim-type4-sp 1s steps(3) infinite alternate;
    clip-path: polygon(33.21% 73.28%, 54.08% 80.03%, 48.55% 73.28%, 82.61% 70.71%, 91.89% 51.85%, 80.21% 28.66%, 59.88% 21.45%, 25.08% 25.28%, 8.92% 36.91%, 6.54% 54.28%, 11.42% 68.68%, 33.21% 73.28%);
  }
}
.cBubble._turning {
  -webkit-animation: bubbleAnim-v6 1s steps(3) infinite alternate;
  animation: bubbleAnim-v6 1s steps(3) infinite alternate;
  clip-path: polygon(60.8% 77.2%, 44.2% 88.9%, 47.5% 80%, 8.1% 72.5%, 0% 53.6%, 14.7% 31.9%, 49.9% 26.7%, 80.6% 30.6%, 95.3% 43.1%, 98.3% 59.2%, 88.9% 72.5%, 60.8% 77.2%);
}

@media (max-width: 767px) {
  .cBubble._spTurning {
    -webkit-animation: bubbleAnim-v6 1s steps(3) infinite alternate;
    animation: bubbleAnim-v6 1s steps(3) infinite alternate;
    clip-path: polygon(60.8% 77.2%, 44.2% 88.9%, 47.5% 80%, 8.1% 72.5%, 0% 53.6%, 14.7% 31.9%, 49.9% 26.7%, 80.6% 30.6%, 95.3% 43.1%, 98.3% 59.2%, 88.9% 72.5%, 60.8% 77.2%);
  }
}
.cBubble:where(._motionreduced *) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.cBubble._border::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  z-index: 1;
  pointer-events: none;
  background: var(--bubble-color, #ffce5c);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clip-path: inherit;
  -webkit-animation: bubbleAnim-v1 1s steps(3) infinite alternate;
  animation: bubbleAnim-v1 1s steps(3) infinite alternate;
}

.cBubble._border > * {
  position: relative;
  z-index: 2;
}

.cBubbleText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: calc(20 * var(--scale) * 1px);
  padding-right: calc(20 * var(--scale) * 1px);
  width: calc(180 * var(--scale) * 1px);
  height: calc(180 * var(--scale) * 1px);
  text-align: center;
}

@media (max-width: 767px) {
  .cBubbleText {
    width: calc(140 * var(--scale) * 1px);
    height: calc(140 * var(--scale) * 1px);
  }
}
.mDialog {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
}

.mDialog::-ms-backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

.mDialog::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

.mDialogScroller {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: calc(100 * var(--scale) * 1px);
}

.mDialogScroller:where(.mDialog._full *) {
  padding: 0;
}

.mDialogBody {
  background-color: #fff;
}

.mDialogBody:has(._inside) {
  position: relative;
}

.mDialogClose {
  padding: calc(15 * var(--scale) * 1px);
  position: fixed;
}

@media (min-width: 768px) {
  .mDialogClose {
    top: calc(28 * var(--scale) * 1px - 15 * var(--scale) * 1px);
    right: calc(32 * var(--scale) * 1px - 15 * var(--scale) * 1px);
  }
  .mDialogClose:hover {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .mDialogClose {
    top: calc(14 * var(--scale) * 1px - 15 * var(--scale) * 1px);
    right: calc(16 * var(--scale) * 1px - 15 * var(--scale) * 1px);
  }
}
.mDialogClose._inside {
  position: absolute;
  padding: calc(10 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .mDialogClose._inside {
    top: calc(25 * var(--scale) * 1px - 10 * var(--scale) * 1px);
    right: calc(32 * var(--scale) * 1px - 10 * var(--scale) * 1px);
  }
  .mDialogClose._inside:hover {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .mDialogClose._inside {
    top: calc(14 * var(--scale) * 1px - 10 * var(--scale) * 1px);
    right: calc(16 * var(--scale) * 1px - 10 * var(--scale) * 1px);
  }
}
.mDialogCloseInner {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media (min-width: 768px) {
  .mDialogCloseInner {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/pc/close_icon.svg);
    width: calc(32 * var(--scale) * 1px);
    height: calc(24 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .mDialogCloseInner {
    background-image: url(/themes/custom/kokuyo_theme/assets/images/sp/close_icon.svg);
    width: calc(27 * var(--scale) * 1px);
    height: calc(20 * var(--scale) * 1px);
  }
}
@media (min-width: 768px) {
  .mDialog:is(#menuArea[open]) .mDialogCloseInner {
    width: calc(18 * var(--scale) * 1px);
    height: calc(14 * var(--scale) * 1px);
    margin-right: calc(27 * var(--scale) * 1px);
  }
}
@media (max-width: 767px) {
  .mDialog:is(#menuArea[open]) .mDialogCloseInner {
    width: calc(16 * var(--scale) * 1px);
    height: calc(12 * var(--scale) * 1px);
    margin-right: calc(12 * var(--scale) * 1px);
  }
}
.mDialogClose._inside .mDialogCloseInner {
  display: block;
  width: calc(32 * var(--scale) * 1px);
  aspect-ratio: 1/1;
  border: 1px solid var(--gray_line);
  border-radius: 50%;
  background-image: url(/themes/custom/kokuyo_theme/assets/images/common/close_icon2.svg);
  width: calc(32 * var(--scale) * 1px);
  height: calc(32 * var(--scale) * 1px);
}

@media (min-width: 768px) {
  .mDialogClose._inside:hover .mDialogCloseInner {
    background-color: hsla(0, 0%, 100%, 0.5);
    background-blend-mode: lighten;
  }
}
.slider_switch .slider_switch_pause {
  font-size-adjust: none !important;
}