/* .item-detail-related {
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
} */

.component-item-other {
  /*
    Josh's Custom CSS Reset
    https://www.joshwcomeau.com/css/custom-css-reset/
  */
}
@media screen and (min-width: 769px) {
  .component-item-other .only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .only-pc {
    display: none !important;
  }
}
.component-item-other .js-online.is-hide {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.component-item-other .text-left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .component-item-other .text-left-sp {
    text-align: left;
  }
}
.component-item-other .text-center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-item-other .text-center-sp {
    text-align: center;
  }
}
.component-item-other .hover-opacity a,
.component-item-other .hover-opacity button,
.component-item-other .hover-opacity label {
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-item-other .hover-opacity a:hover,
  .component-item-other .hover-opacity button:hover,
  .component-item-other .hover-opacity label:hover {
    opacity: 0.6;
  }
}
@media (hover: none) {
  .component-item-other .hover-opacity a:active,
  .component-item-other .hover-opacity button:active,
  .component-item-other .hover-opacity label:active {
    opacity: 0.6;
  }
}
@media (hover: hover) {
  .component-item-other .hover-write a:hover span,
  .component-item-other .hover-write button:hover span,
  .component-item-other .hover-write label:hover span {
    background-size: 100% 1px;
  }
}
@media (hover: none) {
  .component-item-other .hover-write a:active span,
  .component-item-other .hover-write button:active span,
  .component-item-other .hover-write label:active span {
    background-size: 100% 1px;
  }
}
.component-item-other .hover-write a span,
.component-item-other .hover-write button span,
.component-item-other .hover-write label span {
  position: relative;
  background: linear-gradient(#231815) no-repeat left bottom/0% 1px;
  transition: background-size 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-item-other .hover-rewrite a:hover span::before,
  .component-item-other .hover-rewrite button:hover span::before,
  .component-item-other .hover-rewrite label:hover span::before {
    animation: rewrite-after 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  }
}
@media (hover: none) {
  .component-item-other .hover-rewrite a:active span::before,
  .component-item-other .hover-rewrite button:active span::before,
  .component-item-other .hover-rewrite label:active span::before {
    animation: rewrite-after 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  }
}
.component-item-other .hover-rewrite a span,
.component-item-other .hover-rewrite button span,
.component-item-other .hover-rewrite label span {
  position: relative;
}
.component-item-other .hover-rewrite a span::before,
.component-item-other .hover-rewrite button span::before,
.component-item-other .hover-rewrite label span::before {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #231815;
}
@keyframes rewrite-after {
  0% {
    scale: 1;
    transform-origin: right center;
  }
  50% {
    scale: 0 1;
    transform-origin: right center;
  }
  50.000001% {
    scale: 0 1;
    transform-origin: left center;
  }
  100% {
    scale: 1;
    transform-origin: left center;
  }
}
@media (hover: hover) {
  .component-item-other a:has(.hover-arrow):hover .hover-arrow::before {
    animation: translate-back 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  }
}
@media (hover: none) {
  .component-item-other a:has(.hover-arrow):active .hover-arrow::before {
    animation: translate-back 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  }
}
.component-item-other a:has(.hover-arrow) .hover-arrow {
  display: block;
  overflow: hidden;
}
.component-item-other a:has(.hover-arrow) .hover-arrow::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-mask: url("/assets/img/common/arw.svg") no-repeat center/contain;
          mask: url("/assets/img/common/arw.svg") no-repeat center/contain;
  will-change: translate;
}
@media (hover: hover) {
  .component-item-other .hover-image a:hover figure img,
  .component-item-other .hover-image button:hover figure img,
  .component-item-other .hover-image label:hover figure img {
    scale: 1.08;
  }
}
@media (hover: none) {
  .component-item-other .hover-image a:active figure img,
  .component-item-other .hover-image button:active figure img,
  .component-item-other .hover-image label:active figure img {
    scale: 1.08;
  }
}
.component-item-other .hover-image a figure,
.component-item-other .hover-image button figure,
.component-item-other .hover-image label figure {
  overflow: hidden;
}
.component-item-other .hover-image a figure img,
.component-item-other .hover-image button figure img,
.component-item-other .hover-image label figure img {
  transition: scale 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: scale;
}
.component-item-other .hover-black-button a,
.component-item-other .hover-black-button button,
.component-item-other .hover-black-button label {
  transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-item-other .hover-black-button a:hover,
  .component-item-other .hover-black-button button:hover,
  .component-item-other .hover-black-button label:hover {
    background-color: #fff !important;
    color: #231815 !important;
  }
  .component-item-other .hover-black-button a:hover::before, .component-item-other .hover-black-button a:hover::after,
  .component-item-other .hover-black-button button:hover::before,
  .component-item-other .hover-black-button button:hover::after,
  .component-item-other .hover-black-button label:hover::before,
  .component-item-other .hover-black-button label:hover::after {
    background-color: #231815 !important;
  }
}
@media (hover: none) {
  .component-item-other .hover-black-button a:active,
  .component-item-other .hover-black-button button:active,
  .component-item-other .hover-black-button label:active {
    background-color: #fff !important;
    color: #231815 !important;
  }
  .component-item-other .hover-black-button a:active::before, .component-item-other .hover-black-button a:active::after,
  .component-item-other .hover-black-button button:active::before,
  .component-item-other .hover-black-button button:active::after,
  .component-item-other .hover-black-button label:active::before,
  .component-item-other .hover-black-button label:active::after {
    background-color: #231815 !important;
  }
}
.component-item-other .hover-black-button a::before, .component-item-other .hover-black-button a::after,
.component-item-other .hover-black-button button::before,
.component-item-other .hover-black-button button::after,
.component-item-other .hover-black-button label::before,
.component-item-other .hover-black-button label::after {
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.component-item-other .hover-white-button a,
.component-item-other .hover-white-button button,
.component-item-other .hover-white-button label {
  transition: border-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-item-other .hover-white-button a:hover,
  .component-item-other .hover-white-button button:hover,
  .component-item-other .hover-white-button label:hover {
    border-color: #231815 !important;
    background-color: #231815 !important;
    color: #fff !important;
  }
  .component-item-other .hover-white-button a:hover::before, .component-item-other .hover-white-button a:hover::after,
  .component-item-other .hover-white-button button:hover::before,
  .component-item-other .hover-white-button button:hover::after,
  .component-item-other .hover-white-button label:hover::before,
  .component-item-other .hover-white-button label:hover::after {
    background-color: #fff !important;
  }
}
@media (hover: none) {
  .component-item-other .hover-white-button a:active,
  .component-item-other .hover-white-button button:active,
  .component-item-other .hover-white-button label:active {
    border-color: #231815 !important;
    background-color: #231815 !important;
    color: #fff !important;
  }
  .component-item-other .hover-white-button a:active::before, .component-item-other .hover-white-button a:active::after,
  .component-item-other .hover-white-button button:active::before,
  .component-item-other .hover-white-button button:active::after,
  .component-item-other .hover-white-button label:active::before,
  .component-item-other .hover-white-button label:active::after {
    background-color: #fff !important;
  }
}
.component-item-other .hover-white-button a::before, .component-item-other .hover-white-button a::after,
.component-item-other .hover-white-button button::before,
.component-item-other .hover-white-button button::after,
.component-item-other .hover-white-button label::before,
.component-item-other .hover-white-button label::after {
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@keyframes translate-back {
  0% {
    translate: 0;
  }
  50% {
    translate: 100% 0;
  }
  50.000001% {
    translate: -100% 0;
  }
  100% {
    translate: 0;
  }
}
.component-item-other .w-0 {
  width: calc(0 * var(--rem));
}
.component-item-other .w-5 {
  width: calc(0.5 * var(--rem));
}
.component-item-other .w-10 {
  width: calc(1 * var(--rem));
}
.component-item-other .w-15 {
  width: calc(1.5 * var(--rem));
}
.component-item-other .w-20 {
  width: calc(2 * var(--rem));
}
.component-item-other .w-25 {
  width: calc(2.5 * var(--rem));
}
.component-item-other .w-30 {
  width: calc(3 * var(--rem));
}
.component-item-other .w-35 {
  width: calc(3.5 * var(--rem));
}
.component-item-other .w-40 {
  width: calc(4 * var(--rem));
}
.component-item-other .w-45 {
  width: calc(4.5 * var(--rem));
}
.component-item-other .w-50 {
  width: calc(5 * var(--rem));
}
.component-item-other .w-55 {
  width: calc(5.5 * var(--rem));
}
.component-item-other .w-60 {
  width: calc(6 * var(--rem));
}
.component-item-other .w-65 {
  width: calc(6.5 * var(--rem));
}
.component-item-other .w-70 {
  width: calc(7 * var(--rem));
}
.component-item-other .w-75 {
  width: calc(7.5 * var(--rem));
}
.component-item-other .w-80 {
  width: calc(8 * var(--rem));
}
.component-item-other .w-85 {
  width: calc(8.5 * var(--rem));
}
.component-item-other .w-90 {
  width: calc(9 * var(--rem));
}
.component-item-other .w-95 {
  width: calc(9.5 * var(--rem));
}
.component-item-other .w-100 {
  width: calc(10 * var(--rem));
}
.component-item-other .w-105 {
  width: calc(10.5 * var(--rem));
}
.component-item-other .w-110 {
  width: calc(11 * var(--rem));
}
.component-item-other .w-115 {
  width: calc(11.5 * var(--rem));
}
.component-item-other .w-120 {
  width: calc(12 * var(--rem));
}
.component-item-other .w-125 {
  width: calc(12.5 * var(--rem));
}
.component-item-other .w-130 {
  width: calc(13 * var(--rem));
}
.component-item-other .w-135 {
  width: calc(13.5 * var(--rem));
}
.component-item-other .w-140 {
  width: calc(14 * var(--rem));
}
.component-item-other .w-145 {
  width: calc(14.5 * var(--rem));
}
.component-item-other .w-150 {
  width: calc(15 * var(--rem));
}
.component-item-other .w-155 {
  width: calc(15.5 * var(--rem));
}
.component-item-other .w-160 {
  width: calc(16 * var(--rem));
}
.component-item-other .w-165 {
  width: calc(16.5 * var(--rem));
}
.component-item-other .w-170 {
  width: calc(17 * var(--rem));
}
.component-item-other .w-175 {
  width: calc(17.5 * var(--rem));
}
.component-item-other .w-180 {
  width: calc(18 * var(--rem));
}
.component-item-other .w-185 {
  width: calc(18.5 * var(--rem));
}
.component-item-other .w-190 {
  width: calc(19 * var(--rem));
}
.component-item-other .w-195 {
  width: calc(19.5 * var(--rem));
}
.component-item-other .w-200 {
  width: calc(20 * var(--rem));
}
.component-item-other .w-205 {
  width: calc(20.5 * var(--rem));
}
.component-item-other .w-210 {
  width: calc(21 * var(--rem));
}
.component-item-other .w-215 {
  width: calc(21.5 * var(--rem));
}
.component-item-other .w-220 {
  width: calc(22 * var(--rem));
}
.component-item-other .w-225 {
  width: calc(22.5 * var(--rem));
}
.component-item-other .w-230 {
  width: calc(23 * var(--rem));
}
.component-item-other .w-235 {
  width: calc(23.5 * var(--rem));
}
.component-item-other .w-240 {
  width: calc(24 * var(--rem));
}
.component-item-other .w-245 {
  width: calc(24.5 * var(--rem));
}
.component-item-other .w-250 {
  width: calc(25 * var(--rem));
}
.component-item-other .w-255 {
  width: calc(25.5 * var(--rem));
}
.component-item-other .w-260 {
  width: calc(26 * var(--rem));
}
.component-item-other .w-265 {
  width: calc(26.5 * var(--rem));
}
.component-item-other .w-270 {
  width: calc(27 * var(--rem));
}
.component-item-other .w-275 {
  width: calc(27.5 * var(--rem));
}
.component-item-other .w-280 {
  width: calc(28 * var(--rem));
}
.component-item-other .w-285 {
  width: calc(28.5 * var(--rem));
}
.component-item-other .w-290 {
  width: calc(29 * var(--rem));
}
.component-item-other .w-295 {
  width: calc(29.5 * var(--rem));
}
.component-item-other .w-300 {
  width: calc(30 * var(--rem));
}
.component-item-other .w-305 {
  width: calc(30.5 * var(--rem));
}
.component-item-other .w-310 {
  width: calc(31 * var(--rem));
}
.component-item-other .w-315 {
  width: calc(31.5 * var(--rem));
}
.component-item-other .w-320 {
  width: calc(32 * var(--rem));
}
.component-item-other .w-325 {
  width: calc(32.5 * var(--rem));
}
.component-item-other .w-330 {
  width: calc(33 * var(--rem));
}
.component-item-other .w-335 {
  width: calc(33.5 * var(--rem));
}
.component-item-other .w-340 {
  width: calc(34 * var(--rem));
}
.component-item-other .w-345 {
  width: calc(34.5 * var(--rem));
}
.component-item-other .w-350 {
  width: calc(35 * var(--rem));
}
.component-item-other .w-355 {
  width: calc(35.5 * var(--rem));
}
.component-item-other .w-360 {
  width: calc(36 * var(--rem));
}
.component-item-other .w-365 {
  width: calc(36.5 * var(--rem));
}
.component-item-other .w-370 {
  width: calc(37 * var(--rem));
}
.component-item-other .w-375 {
  width: calc(37.5 * var(--rem));
}
.component-item-other .w-380 {
  width: calc(38 * var(--rem));
}
.component-item-other .w-385 {
  width: calc(38.5 * var(--rem));
}
.component-item-other .w-390 {
  width: calc(39 * var(--rem));
}
.component-item-other .w-395 {
  width: calc(39.5 * var(--rem));
}
.component-item-other .w-400 {
  width: calc(40 * var(--rem));
}
.component-item-other .w-405 {
  width: calc(40.5 * var(--rem));
}
.component-item-other .w-410 {
  width: calc(41 * var(--rem));
}
.component-item-other .w-415 {
  width: calc(41.5 * var(--rem));
}
.component-item-other .w-420 {
  width: calc(42 * var(--rem));
}
.component-item-other .w-425 {
  width: calc(42.5 * var(--rem));
}
.component-item-other .w-430 {
  width: calc(43 * var(--rem));
}
.component-item-other .w-435 {
  width: calc(43.5 * var(--rem));
}
.component-item-other .w-440 {
  width: calc(44 * var(--rem));
}
.component-item-other .w-445 {
  width: calc(44.5 * var(--rem));
}
.component-item-other .w-450 {
  width: calc(45 * var(--rem));
}
.component-item-other .w-455 {
  width: calc(45.5 * var(--rem));
}
.component-item-other .w-460 {
  width: calc(46 * var(--rem));
}
.component-item-other .w-465 {
  width: calc(46.5 * var(--rem));
}
.component-item-other .w-470 {
  width: calc(47 * var(--rem));
}
.component-item-other .w-475 {
  width: calc(47.5 * var(--rem));
}
.component-item-other .w-480 {
  width: calc(48 * var(--rem));
}
.component-item-other .w-485 {
  width: calc(48.5 * var(--rem));
}
.component-item-other .w-490 {
  width: calc(49 * var(--rem));
}
.component-item-other .w-495 {
  width: calc(49.5 * var(--rem));
}
.component-item-other .w-500 {
  width: calc(50 * var(--rem));
}
.component-item-other .w-505 {
  width: calc(50.5 * var(--rem));
}
.component-item-other .w-510 {
  width: calc(51 * var(--rem));
}
.component-item-other .w-515 {
  width: calc(51.5 * var(--rem));
}
.component-item-other .w-520 {
  width: calc(52 * var(--rem));
}
.component-item-other .w-525 {
  width: calc(52.5 * var(--rem));
}
.component-item-other .w-530 {
  width: calc(53 * var(--rem));
}
.component-item-other .w-535 {
  width: calc(53.5 * var(--rem));
}
.component-item-other .w-540 {
  width: calc(54 * var(--rem));
}
.component-item-other .w-545 {
  width: calc(54.5 * var(--rem));
}
.component-item-other .w-550 {
  width: calc(55 * var(--rem));
}
.component-item-other .w-555 {
  width: calc(55.5 * var(--rem));
}
.component-item-other .w-560 {
  width: calc(56 * var(--rem));
}
.component-item-other .w-565 {
  width: calc(56.5 * var(--rem));
}
.component-item-other .w-570 {
  width: calc(57 * var(--rem));
}
.component-item-other .w-575 {
  width: calc(57.5 * var(--rem));
}
.component-item-other .w-580 {
  width: calc(58 * var(--rem));
}
.component-item-other .w-585 {
  width: calc(58.5 * var(--rem));
}
.component-item-other .w-590 {
  width: calc(59 * var(--rem));
}
.component-item-other .w-595 {
  width: calc(59.5 * var(--rem));
}
.component-item-other .w-600 {
  width: calc(60 * var(--rem));
}
.component-item-other .w-605 {
  width: calc(60.5 * var(--rem));
}
.component-item-other .w-610 {
  width: calc(61 * var(--rem));
}
.component-item-other .w-615 {
  width: calc(61.5 * var(--rem));
}
.component-item-other .w-620 {
  width: calc(62 * var(--rem));
}
.component-item-other .w-625 {
  width: calc(62.5 * var(--rem));
}
.component-item-other .w-630 {
  width: calc(63 * var(--rem));
}
.component-item-other .w-635 {
  width: calc(63.5 * var(--rem));
}
.component-item-other .w-640 {
  width: calc(64 * var(--rem));
}
.component-item-other .w-645 {
  width: calc(64.5 * var(--rem));
}
.component-item-other .w-650 {
  width: calc(65 * var(--rem));
}
.component-item-other .w-655 {
  width: calc(65.5 * var(--rem));
}
.component-item-other .w-660 {
  width: calc(66 * var(--rem));
}
.component-item-other .w-665 {
  width: calc(66.5 * var(--rem));
}
.component-item-other .w-670 {
  width: calc(67 * var(--rem));
}
.component-item-other .w-675 {
  width: calc(67.5 * var(--rem));
}
.component-item-other .w-680 {
  width: calc(68 * var(--rem));
}
.component-item-other .w-685 {
  width: calc(68.5 * var(--rem));
}
.component-item-other .w-690 {
  width: calc(69 * var(--rem));
}
.component-item-other .w-695 {
  width: calc(69.5 * var(--rem));
}
.component-item-other .w-700 {
  width: calc(70 * var(--rem));
}
.component-item-other .w-705 {
  width: calc(70.5 * var(--rem));
}
.component-item-other .w-710 {
  width: calc(71 * var(--rem));
}
.component-item-other .w-715 {
  width: calc(71.5 * var(--rem));
}
.component-item-other .w-720 {
  width: calc(72 * var(--rem));
}
.component-item-other .w-725 {
  width: calc(72.5 * var(--rem));
}
.component-item-other .w-730 {
  width: calc(73 * var(--rem));
}
.component-item-other .w-735 {
  width: calc(73.5 * var(--rem));
}
.component-item-other .w-740 {
  width: calc(74 * var(--rem));
}
.component-item-other .w-745 {
  width: calc(74.5 * var(--rem));
}
.component-item-other .w-750 {
  width: calc(75 * var(--rem));
}
.component-item-other .w-755 {
  width: calc(75.5 * var(--rem));
}
.component-item-other .w-760 {
  width: calc(76 * var(--rem));
}
.component-item-other .w-765 {
  width: calc(76.5 * var(--rem));
}
.component-item-other .w-770 {
  width: calc(77 * var(--rem));
}
.component-item-other .w-775 {
  width: calc(77.5 * var(--rem));
}
.component-item-other .w-780 {
  width: calc(78 * var(--rem));
}
.component-item-other .w-785 {
  width: calc(78.5 * var(--rem));
}
.component-item-other .w-790 {
  width: calc(79 * var(--rem));
}
.component-item-other .w-795 {
  width: calc(79.5 * var(--rem));
}
.component-item-other .w-800 {
  width: calc(80 * var(--rem));
}
.component-item-other .w-805 {
  width: calc(80.5 * var(--rem));
}
.component-item-other .w-810 {
  width: calc(81 * var(--rem));
}
.component-item-other .w-815 {
  width: calc(81.5 * var(--rem));
}
.component-item-other .w-820 {
  width: calc(82 * var(--rem));
}
.component-item-other .w-825 {
  width: calc(82.5 * var(--rem));
}
.component-item-other .w-830 {
  width: calc(83 * var(--rem));
}
.component-item-other .w-835 {
  width: calc(83.5 * var(--rem));
}
.component-item-other .w-840 {
  width: calc(84 * var(--rem));
}
.component-item-other .w-845 {
  width: calc(84.5 * var(--rem));
}
.component-item-other .w-850 {
  width: calc(85 * var(--rem));
}
.component-item-other .w-855 {
  width: calc(85.5 * var(--rem));
}
.component-item-other .w-860 {
  width: calc(86 * var(--rem));
}
.component-item-other .w-865 {
  width: calc(86.5 * var(--rem));
}
.component-item-other .w-870 {
  width: calc(87 * var(--rem));
}
.component-item-other .w-875 {
  width: calc(87.5 * var(--rem));
}
.component-item-other .w-880 {
  width: calc(88 * var(--rem));
}
.component-item-other .w-885 {
  width: calc(88.5 * var(--rem));
}
.component-item-other .w-890 {
  width: calc(89 * var(--rem));
}
.component-item-other .w-895 {
  width: calc(89.5 * var(--rem));
}
.component-item-other .w-900 {
  width: calc(90 * var(--rem));
}
.component-item-other .w-905 {
  width: calc(90.5 * var(--rem));
}
.component-item-other .w-910 {
  width: calc(91 * var(--rem));
}
.component-item-other .w-915 {
  width: calc(91.5 * var(--rem));
}
.component-item-other .w-920 {
  width: calc(92 * var(--rem));
}
.component-item-other .w-925 {
  width: calc(92.5 * var(--rem));
}
.component-item-other .w-930 {
  width: calc(93 * var(--rem));
}
.component-item-other .w-935 {
  width: calc(93.5 * var(--rem));
}
.component-item-other .w-940 {
  width: calc(94 * var(--rem));
}
.component-item-other .w-945 {
  width: calc(94.5 * var(--rem));
}
.component-item-other .w-950 {
  width: calc(95 * var(--rem));
}
.component-item-other .w-955 {
  width: calc(95.5 * var(--rem));
}
.component-item-other .w-960 {
  width: calc(96 * var(--rem));
}
.component-item-other .w-965 {
  width: calc(96.5 * var(--rem));
}
.component-item-other .w-970 {
  width: calc(97 * var(--rem));
}
.component-item-other .w-975 {
  width: calc(97.5 * var(--rem));
}
.component-item-other .w-980 {
  width: calc(98 * var(--rem));
}
.component-item-other .w-985 {
  width: calc(98.5 * var(--rem));
}
.component-item-other .w-990 {
  width: calc(99 * var(--rem));
}
.component-item-other .w-995 {
  width: calc(99.5 * var(--rem));
}
.component-item-other .w-1000 {
  width: calc(100 * var(--rem));
}
.component-item-other .w-1005 {
  width: calc(100.5 * var(--rem));
}
.component-item-other .w-1010 {
  width: calc(101 * var(--rem));
}
.component-item-other .w-1015 {
  width: calc(101.5 * var(--rem));
}
.component-item-other .w-1020 {
  width: calc(102 * var(--rem));
}
.component-item-other .w-1025 {
  width: calc(102.5 * var(--rem));
}
.component-item-other .w-1030 {
  width: calc(103 * var(--rem));
}
.component-item-other .w-1035 {
  width: calc(103.5 * var(--rem));
}
.component-item-other .w-1040 {
  width: calc(104 * var(--rem));
}
.component-item-other .w-1045 {
  width: calc(104.5 * var(--rem));
}
.component-item-other .w-1050 {
  width: calc(105 * var(--rem));
}
.component-item-other .w-1055 {
  width: calc(105.5 * var(--rem));
}
.component-item-other .w-1060 {
  width: calc(106 * var(--rem));
}
.component-item-other .w-1065 {
  width: calc(106.5 * var(--rem));
}
.component-item-other .w-1070 {
  width: calc(107 * var(--rem));
}
.component-item-other .w-1075 {
  width: calc(107.5 * var(--rem));
}
.component-item-other .w-1080 {
  width: calc(108 * var(--rem));
}
.component-item-other .w-1085 {
  width: calc(108.5 * var(--rem));
}
.component-item-other .w-1090 {
  width: calc(109 * var(--rem));
}
.component-item-other .w-1095 {
  width: calc(109.5 * var(--rem));
}
.component-item-other .w-1100 {
  width: calc(110 * var(--rem));
}
.component-item-other .w-1105 {
  width: calc(110.5 * var(--rem));
}
.component-item-other .w-1110 {
  width: calc(111 * var(--rem));
}
.component-item-other .w-1115 {
  width: calc(111.5 * var(--rem));
}
.component-item-other .w-1120 {
  width: calc(112 * var(--rem));
}
.component-item-other .w-1125 {
  width: calc(112.5 * var(--rem));
}
.component-item-other .w-1130 {
  width: calc(113 * var(--rem));
}
.component-item-other .w-1135 {
  width: calc(113.5 * var(--rem));
}
.component-item-other .w-1140 {
  width: calc(114 * var(--rem));
}
.component-item-other .w-1145 {
  width: calc(114.5 * var(--rem));
}
.component-item-other .w-1150 {
  width: calc(115 * var(--rem));
}
.component-item-other .w-1155 {
  width: calc(115.5 * var(--rem));
}
.component-item-other .w-1160 {
  width: calc(116 * var(--rem));
}
.component-item-other .w-1165 {
  width: calc(116.5 * var(--rem));
}
.component-item-other .w-1170 {
  width: calc(117 * var(--rem));
}
.component-item-other .w-1175 {
  width: calc(117.5 * var(--rem));
}
.component-item-other .w-1180 {
  width: calc(118 * var(--rem));
}
.component-item-other .w-1185 {
  width: calc(118.5 * var(--rem));
}
.component-item-other .w-1190 {
  width: calc(119 * var(--rem));
}
.component-item-other .w-1195 {
  width: calc(119.5 * var(--rem));
}
.component-item-other .w-1200 {
  width: calc(120 * var(--rem));
}
.component-item-other .w-1205 {
  width: calc(120.5 * var(--rem));
}
.component-item-other .w-1210 {
  width: calc(121 * var(--rem));
}
.component-item-other .w-1215 {
  width: calc(121.5 * var(--rem));
}
.component-item-other .w-1220 {
  width: calc(122 * var(--rem));
}
.component-item-other .w-1225 {
  width: calc(122.5 * var(--rem));
}
.component-item-other .w-1230 {
  width: calc(123 * var(--rem));
}
.component-item-other .w-1235 {
  width: calc(123.5 * var(--rem));
}
.component-item-other .w-1240 {
  width: calc(124 * var(--rem));
}
.component-item-other .w-1245 {
  width: calc(124.5 * var(--rem));
}
.component-item-other .w-1250 {
  width: calc(125 * var(--rem));
}
.component-item-other .w-1255 {
  width: calc(125.5 * var(--rem));
}
.component-item-other .w-1260 {
  width: calc(126 * var(--rem));
}
.component-item-other .w-1265 {
  width: calc(126.5 * var(--rem));
}
.component-item-other .w-1270 {
  width: calc(127 * var(--rem));
}
.component-item-other .w-1275 {
  width: calc(127.5 * var(--rem));
}
.component-item-other .w-1280 {
  width: calc(128 * var(--rem));
}
.component-item-other .w-1285 {
  width: calc(128.5 * var(--rem));
}
.component-item-other .w-1290 {
  width: calc(129 * var(--rem));
}
.component-item-other .w-1295 {
  width: calc(129.5 * var(--rem));
}
.component-item-other .w-1300 {
  width: calc(130 * var(--rem));
}
.component-item-other .w-1305 {
  width: calc(130.5 * var(--rem));
}
.component-item-other .w-1310 {
  width: calc(131 * var(--rem));
}
.component-item-other .w-1315 {
  width: calc(131.5 * var(--rem));
}
.component-item-other .w-1320 {
  width: calc(132 * var(--rem));
}
.component-item-other .w-1325 {
  width: calc(132.5 * var(--rem));
}
.component-item-other .w-1330 {
  width: calc(133 * var(--rem));
}
.component-item-other .w-1335 {
  width: calc(133.5 * var(--rem));
}
.component-item-other .w-1340 {
  width: calc(134 * var(--rem));
}
.component-item-other .w-1345 {
  width: calc(134.5 * var(--rem));
}
.component-item-other .w-1350 {
  width: calc(135 * var(--rem));
}
.component-item-other .w-1355 {
  width: calc(135.5 * var(--rem));
}
.component-item-other .w-1360 {
  width: calc(136 * var(--rem));
}
.component-item-other .w-1365 {
  width: calc(136.5 * var(--rem));
}
.component-item-other .w-1370 {
  width: calc(137 * var(--rem));
}
.component-item-other .w-1375 {
  width: calc(137.5 * var(--rem));
}
.component-item-other .w-1380 {
  width: calc(138 * var(--rem));
}
.component-item-other .w-1385 {
  width: calc(138.5 * var(--rem));
}
.component-item-other .w-1390 {
  width: calc(139 * var(--rem));
}
.component-item-other .w-1395 {
  width: calc(139.5 * var(--rem));
}
.component-item-other .w-1400 {
  width: calc(140 * var(--rem));
}
.component-item-other .w-1405 {
  width: calc(140.5 * var(--rem));
}
.component-item-other .w-1410 {
  width: calc(141 * var(--rem));
}
.component-item-other .w-1415 {
  width: calc(141.5 * var(--rem));
}
.component-item-other .w-1420 {
  width: calc(142 * var(--rem));
}
.component-item-other .w-1425 {
  width: calc(142.5 * var(--rem));
}
.component-item-other .w-1430 {
  width: calc(143 * var(--rem));
}
.component-item-other .w-1435 {
  width: calc(143.5 * var(--rem));
}
.component-item-other .w-1440 {
  width: calc(144 * var(--rem));
}
.component-item-other .w-1445 {
  width: calc(144.5 * var(--rem));
}
.component-item-other .w-1450 {
  width: calc(145 * var(--rem));
}
.component-item-other .w-1455 {
  width: calc(145.5 * var(--rem));
}
.component-item-other .w-1460 {
  width: calc(146 * var(--rem));
}
.component-item-other .w-1465 {
  width: calc(146.5 * var(--rem));
}
.component-item-other .w-1470 {
  width: calc(147 * var(--rem));
}
.component-item-other .w-1475 {
  width: calc(147.5 * var(--rem));
}
.component-item-other .w-1480 {
  width: calc(148 * var(--rem));
}
.component-item-other .w-1485 {
  width: calc(148.5 * var(--rem));
}
.component-item-other .w-1490 {
  width: calc(149 * var(--rem));
}
.component-item-other .w-1495 {
  width: calc(149.5 * var(--rem));
}
.component-item-other .w-1500 {
  width: calc(150 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .w-0-sp {
    width: calc(0 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-5-sp {
    width: calc(0.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-10-sp {
    width: calc(1 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-15-sp {
    width: calc(1.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-20-sp {
    width: calc(2 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-25-sp {
    width: calc(2.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-30-sp {
    width: calc(3 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-35-sp {
    width: calc(3.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-40-sp {
    width: calc(4 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-45-sp {
    width: calc(4.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-50-sp {
    width: calc(5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-55-sp {
    width: calc(5.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-60-sp {
    width: calc(6 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-65-sp {
    width: calc(6.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-70-sp {
    width: calc(7 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-75-sp {
    width: calc(7.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-80-sp {
    width: calc(8 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-85-sp {
    width: calc(8.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-90-sp {
    width: calc(9 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-95-sp {
    width: calc(9.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-100-sp {
    width: calc(10 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-105-sp {
    width: calc(10.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-110-sp {
    width: calc(11 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-115-sp {
    width: calc(11.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-120-sp {
    width: calc(12 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-125-sp {
    width: calc(12.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-130-sp {
    width: calc(13 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-135-sp {
    width: calc(13.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-140-sp {
    width: calc(14 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-145-sp {
    width: calc(14.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-150-sp {
    width: calc(15 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-155-sp {
    width: calc(15.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-160-sp {
    width: calc(16 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-165-sp {
    width: calc(16.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-170-sp {
    width: calc(17 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-175-sp {
    width: calc(17.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-180-sp {
    width: calc(18 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-185-sp {
    width: calc(18.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-190-sp {
    width: calc(19 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-195-sp {
    width: calc(19.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-200-sp {
    width: calc(20 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-205-sp {
    width: calc(20.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-210-sp {
    width: calc(21 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-215-sp {
    width: calc(21.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-220-sp {
    width: calc(22 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-225-sp {
    width: calc(22.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-230-sp {
    width: calc(23 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-235-sp {
    width: calc(23.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-240-sp {
    width: calc(24 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-245-sp {
    width: calc(24.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-250-sp {
    width: calc(25 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-255-sp {
    width: calc(25.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-260-sp {
    width: calc(26 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-265-sp {
    width: calc(26.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-270-sp {
    width: calc(27 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-275-sp {
    width: calc(27.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-280-sp {
    width: calc(28 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-285-sp {
    width: calc(28.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-290-sp {
    width: calc(29 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-295-sp {
    width: calc(29.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-300-sp {
    width: calc(30 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-305-sp {
    width: calc(30.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-310-sp {
    width: calc(31 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-315-sp {
    width: calc(31.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-320-sp {
    width: calc(32 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-325-sp {
    width: calc(32.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-330-sp {
    width: calc(33 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-335-sp {
    width: calc(33.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-340-sp {
    width: calc(34 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-345-sp {
    width: calc(34.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-350-sp {
    width: calc(35 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-355-sp {
    width: calc(35.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-360-sp {
    width: calc(36 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-365-sp {
    width: calc(36.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-370-sp {
    width: calc(37 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-375-sp {
    width: calc(37.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-380-sp {
    width: calc(38 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-385-sp {
    width: calc(38.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-390-sp {
    width: calc(39 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-395-sp {
    width: calc(39.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-400-sp {
    width: calc(40 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-405-sp {
    width: calc(40.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-410-sp {
    width: calc(41 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-415-sp {
    width: calc(41.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-420-sp {
    width: calc(42 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-425-sp {
    width: calc(42.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-430-sp {
    width: calc(43 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-435-sp {
    width: calc(43.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-440-sp {
    width: calc(44 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-445-sp {
    width: calc(44.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-450-sp {
    width: calc(45 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-455-sp {
    width: calc(45.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-460-sp {
    width: calc(46 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-465-sp {
    width: calc(46.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-470-sp {
    width: calc(47 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-475-sp {
    width: calc(47.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-480-sp {
    width: calc(48 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-485-sp {
    width: calc(48.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-490-sp {
    width: calc(49 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-495-sp {
    width: calc(49.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-500-sp {
    width: calc(50 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-505-sp {
    width: calc(50.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-510-sp {
    width: calc(51 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-515-sp {
    width: calc(51.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-520-sp {
    width: calc(52 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-525-sp {
    width: calc(52.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-530-sp {
    width: calc(53 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-535-sp {
    width: calc(53.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-540-sp {
    width: calc(54 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-545-sp {
    width: calc(54.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-550-sp {
    width: calc(55 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-555-sp {
    width: calc(55.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-560-sp {
    width: calc(56 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-565-sp {
    width: calc(56.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-570-sp {
    width: calc(57 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-575-sp {
    width: calc(57.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-580-sp {
    width: calc(58 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-585-sp {
    width: calc(58.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-590-sp {
    width: calc(59 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-595-sp {
    width: calc(59.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-600-sp {
    width: calc(60 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-605-sp {
    width: calc(60.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-610-sp {
    width: calc(61 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-615-sp {
    width: calc(61.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-620-sp {
    width: calc(62 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-625-sp {
    width: calc(62.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-630-sp {
    width: calc(63 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-635-sp {
    width: calc(63.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-640-sp {
    width: calc(64 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-645-sp {
    width: calc(64.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-650-sp {
    width: calc(65 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-655-sp {
    width: calc(65.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-660-sp {
    width: calc(66 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-665-sp {
    width: calc(66.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-670-sp {
    width: calc(67 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-675-sp {
    width: calc(67.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-680-sp {
    width: calc(68 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-685-sp {
    width: calc(68.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-690-sp {
    width: calc(69 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-695-sp {
    width: calc(69.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-700-sp {
    width: calc(70 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-705-sp {
    width: calc(70.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-710-sp {
    width: calc(71 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-715-sp {
    width: calc(71.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-720-sp {
    width: calc(72 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-725-sp {
    width: calc(72.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-730-sp {
    width: calc(73 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-735-sp {
    width: calc(73.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-740-sp {
    width: calc(74 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-745-sp {
    width: calc(74.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-750-sp {
    width: calc(75 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-755-sp {
    width: calc(75.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-760-sp {
    width: calc(76 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-765-sp {
    width: calc(76.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-770-sp {
    width: calc(77 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-775-sp {
    width: calc(77.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-780-sp {
    width: calc(78 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-785-sp {
    width: calc(78.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-790-sp {
    width: calc(79 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-795-sp {
    width: calc(79.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-800-sp {
    width: calc(80 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-805-sp {
    width: calc(80.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-810-sp {
    width: calc(81 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-815-sp {
    width: calc(81.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-820-sp {
    width: calc(82 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-825-sp {
    width: calc(82.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-830-sp {
    width: calc(83 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-835-sp {
    width: calc(83.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-840-sp {
    width: calc(84 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-845-sp {
    width: calc(84.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-850-sp {
    width: calc(85 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-855-sp {
    width: calc(85.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-860-sp {
    width: calc(86 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-865-sp {
    width: calc(86.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-870-sp {
    width: calc(87 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-875-sp {
    width: calc(87.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-880-sp {
    width: calc(88 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-885-sp {
    width: calc(88.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-890-sp {
    width: calc(89 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-895-sp {
    width: calc(89.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-900-sp {
    width: calc(90 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-905-sp {
    width: calc(90.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-910-sp {
    width: calc(91 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-915-sp {
    width: calc(91.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-920-sp {
    width: calc(92 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-925-sp {
    width: calc(92.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-930-sp {
    width: calc(93 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-935-sp {
    width: calc(93.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-940-sp {
    width: calc(94 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-945-sp {
    width: calc(94.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-950-sp {
    width: calc(95 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-955-sp {
    width: calc(95.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-960-sp {
    width: calc(96 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-965-sp {
    width: calc(96.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-970-sp {
    width: calc(97 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-975-sp {
    width: calc(97.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-980-sp {
    width: calc(98 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-985-sp {
    width: calc(98.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-990-sp {
    width: calc(99 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-995-sp {
    width: calc(99.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1000-sp {
    width: calc(100 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1005-sp {
    width: calc(100.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1010-sp {
    width: calc(101 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1015-sp {
    width: calc(101.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1020-sp {
    width: calc(102 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1025-sp {
    width: calc(102.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1030-sp {
    width: calc(103 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1035-sp {
    width: calc(103.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1040-sp {
    width: calc(104 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1045-sp {
    width: calc(104.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1050-sp {
    width: calc(105 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1055-sp {
    width: calc(105.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1060-sp {
    width: calc(106 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1065-sp {
    width: calc(106.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1070-sp {
    width: calc(107 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1075-sp {
    width: calc(107.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1080-sp {
    width: calc(108 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1085-sp {
    width: calc(108.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1090-sp {
    width: calc(109 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1095-sp {
    width: calc(109.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1100-sp {
    width: calc(110 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1105-sp {
    width: calc(110.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1110-sp {
    width: calc(111 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1115-sp {
    width: calc(111.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1120-sp {
    width: calc(112 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1125-sp {
    width: calc(112.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1130-sp {
    width: calc(113 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1135-sp {
    width: calc(113.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1140-sp {
    width: calc(114 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1145-sp {
    width: calc(114.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1150-sp {
    width: calc(115 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1155-sp {
    width: calc(115.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1160-sp {
    width: calc(116 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1165-sp {
    width: calc(116.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1170-sp {
    width: calc(117 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1175-sp {
    width: calc(117.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1180-sp {
    width: calc(118 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1185-sp {
    width: calc(118.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1190-sp {
    width: calc(119 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1195-sp {
    width: calc(119.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1200-sp {
    width: calc(120 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1205-sp {
    width: calc(120.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1210-sp {
    width: calc(121 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1215-sp {
    width: calc(121.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1220-sp {
    width: calc(122 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1225-sp {
    width: calc(122.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1230-sp {
    width: calc(123 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1235-sp {
    width: calc(123.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1240-sp {
    width: calc(124 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1245-sp {
    width: calc(124.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1250-sp {
    width: calc(125 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1255-sp {
    width: calc(125.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1260-sp {
    width: calc(126 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1265-sp {
    width: calc(126.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1270-sp {
    width: calc(127 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1275-sp {
    width: calc(127.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1280-sp {
    width: calc(128 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1285-sp {
    width: calc(128.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1290-sp {
    width: calc(129 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1295-sp {
    width: calc(129.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1300-sp {
    width: calc(130 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1305-sp {
    width: calc(130.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1310-sp {
    width: calc(131 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1315-sp {
    width: calc(131.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1320-sp {
    width: calc(132 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1325-sp {
    width: calc(132.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1330-sp {
    width: calc(133 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1335-sp {
    width: calc(133.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1340-sp {
    width: calc(134 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1345-sp {
    width: calc(134.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1350-sp {
    width: calc(135 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1355-sp {
    width: calc(135.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1360-sp {
    width: calc(136 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1365-sp {
    width: calc(136.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1370-sp {
    width: calc(137 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1375-sp {
    width: calc(137.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1380-sp {
    width: calc(138 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1385-sp {
    width: calc(138.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1390-sp {
    width: calc(139 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1395-sp {
    width: calc(139.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1400-sp {
    width: calc(140 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1405-sp {
    width: calc(140.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1410-sp {
    width: calc(141 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1415-sp {
    width: calc(141.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1420-sp {
    width: calc(142 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1425-sp {
    width: calc(142.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1430-sp {
    width: calc(143 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1435-sp {
    width: calc(143.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1440-sp {
    width: calc(144 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1445-sp {
    width: calc(144.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1450-sp {
    width: calc(145 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1455-sp {
    width: calc(145.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1460-sp {
    width: calc(146 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1465-sp {
    width: calc(146.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1470-sp {
    width: calc(147 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1475-sp {
    width: calc(147.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1480-sp {
    width: calc(148 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1485-sp {
    width: calc(148.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1490-sp {
    width: calc(149 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1495-sp {
    width: calc(149.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .w-1500-sp {
    width: calc(150 * var(--rem));
  }
}
.component-item-other .mt-0 {
  margin-top: calc(0 * var(--rem));
}
.component-item-other .mt-5 {
  margin-top: calc(0.5 * var(--rem));
}
.component-item-other .mt-10 {
  margin-top: calc(1 * var(--rem));
}
.component-item-other .mt-15 {
  margin-top: calc(1.5 * var(--rem));
}
.component-item-other .mt-20 {
  margin-top: calc(2 * var(--rem));
}
.component-item-other .mt-25 {
  margin-top: calc(2.5 * var(--rem));
}
.component-item-other .mt-30 {
  margin-top: calc(3 * var(--rem));
}
.component-item-other .mt-35 {
  margin-top: calc(3.5 * var(--rem));
}
.component-item-other .mt-40 {
  margin-top: calc(4 * var(--rem));
}
.component-item-other .mt-45 {
  margin-top: calc(4.5 * var(--rem));
}
.component-item-other .mt-50 {
  margin-top: calc(5 * var(--rem));
}
.component-item-other .mt-55 {
  margin-top: calc(5.5 * var(--rem));
}
.component-item-other .mt-60 {
  margin-top: calc(6 * var(--rem));
}
.component-item-other .mt-65 {
  margin-top: calc(6.5 * var(--rem));
}
.component-item-other .mt-70 {
  margin-top: calc(7 * var(--rem));
}
.component-item-other .mt-75 {
  margin-top: calc(7.5 * var(--rem));
}
.component-item-other .mt-80 {
  margin-top: calc(8 * var(--rem));
}
.component-item-other .mt-85 {
  margin-top: calc(8.5 * var(--rem));
}
.component-item-other .mt-90 {
  margin-top: calc(9 * var(--rem));
}
.component-item-other .mt-95 {
  margin-top: calc(9.5 * var(--rem));
}
.component-item-other .mt-100 {
  margin-top: calc(10 * var(--rem));
}
.component-item-other .mt-105 {
  margin-top: calc(10.5 * var(--rem));
}
.component-item-other .mt-110 {
  margin-top: calc(11 * var(--rem));
}
.component-item-other .mt-115 {
  margin-top: calc(11.5 * var(--rem));
}
.component-item-other .mt-120 {
  margin-top: calc(12 * var(--rem));
}
.component-item-other .mt-125 {
  margin-top: calc(12.5 * var(--rem));
}
.component-item-other .mt-130 {
  margin-top: calc(13 * var(--rem));
}
.component-item-other .mt-135 {
  margin-top: calc(13.5 * var(--rem));
}
.component-item-other .mt-140 {
  margin-top: calc(14 * var(--rem));
}
.component-item-other .mt-145 {
  margin-top: calc(14.5 * var(--rem));
}
.component-item-other .mt-150 {
  margin-top: calc(15 * var(--rem));
}
.component-item-other .mt-155 {
  margin-top: calc(15.5 * var(--rem));
}
.component-item-other .mt-160 {
  margin-top: calc(16 * var(--rem));
}
.component-item-other .mt-165 {
  margin-top: calc(16.5 * var(--rem));
}
.component-item-other .mt-170 {
  margin-top: calc(17 * var(--rem));
}
.component-item-other .mt-175 {
  margin-top: calc(17.5 * var(--rem));
}
.component-item-other .mt-180 {
  margin-top: calc(18 * var(--rem));
}
.component-item-other .mt-185 {
  margin-top: calc(18.5 * var(--rem));
}
.component-item-other .mt-190 {
  margin-top: calc(19 * var(--rem));
}
.component-item-other .mt-195 {
  margin-top: calc(19.5 * var(--rem));
}
.component-item-other .mt-200 {
  margin-top: calc(20 * var(--rem));
}
.component-item-other .mt-205 {
  margin-top: calc(20.5 * var(--rem));
}
.component-item-other .mt-210 {
  margin-top: calc(21 * var(--rem));
}
.component-item-other .mt-215 {
  margin-top: calc(21.5 * var(--rem));
}
.component-item-other .mt-220 {
  margin-top: calc(22 * var(--rem));
}
.component-item-other .mt-225 {
  margin-top: calc(22.5 * var(--rem));
}
.component-item-other .mt-230 {
  margin-top: calc(23 * var(--rem));
}
.component-item-other .mt-235 {
  margin-top: calc(23.5 * var(--rem));
}
.component-item-other .mt-240 {
  margin-top: calc(24 * var(--rem));
}
.component-item-other .mt-245 {
  margin-top: calc(24.5 * var(--rem));
}
.component-item-other .mt-250 {
  margin-top: calc(25 * var(--rem));
}
.component-item-other .mt-255 {
  margin-top: calc(25.5 * var(--rem));
}
.component-item-other .mt-260 {
  margin-top: calc(26 * var(--rem));
}
.component-item-other .mt-265 {
  margin-top: calc(26.5 * var(--rem));
}
.component-item-other .mt-270 {
  margin-top: calc(27 * var(--rem));
}
.component-item-other .mt-275 {
  margin-top: calc(27.5 * var(--rem));
}
.component-item-other .mt-280 {
  margin-top: calc(28 * var(--rem));
}
.component-item-other .mt-285 {
  margin-top: calc(28.5 * var(--rem));
}
.component-item-other .mt-290 {
  margin-top: calc(29 * var(--rem));
}
.component-item-other .mt-295 {
  margin-top: calc(29.5 * var(--rem));
}
.component-item-other .mt-300 {
  margin-top: calc(30 * var(--rem));
}
.component-item-other .mt-305 {
  margin-top: calc(30.5 * var(--rem));
}
.component-item-other .mt-310 {
  margin-top: calc(31 * var(--rem));
}
.component-item-other .mt-315 {
  margin-top: calc(31.5 * var(--rem));
}
.component-item-other .mt-320 {
  margin-top: calc(32 * var(--rem));
}
.component-item-other .mt-325 {
  margin-top: calc(32.5 * var(--rem));
}
.component-item-other .mt-330 {
  margin-top: calc(33 * var(--rem));
}
.component-item-other .mt-335 {
  margin-top: calc(33.5 * var(--rem));
}
.component-item-other .mt-340 {
  margin-top: calc(34 * var(--rem));
}
.component-item-other .mt-345 {
  margin-top: calc(34.5 * var(--rem));
}
.component-item-other .mt-350 {
  margin-top: calc(35 * var(--rem));
}
.component-item-other .mt-355 {
  margin-top: calc(35.5 * var(--rem));
}
.component-item-other .mt-360 {
  margin-top: calc(36 * var(--rem));
}
.component-item-other .mt-365 {
  margin-top: calc(36.5 * var(--rem));
}
.component-item-other .mt-370 {
  margin-top: calc(37 * var(--rem));
}
.component-item-other .mt-375 {
  margin-top: calc(37.5 * var(--rem));
}
.component-item-other .mt-380 {
  margin-top: calc(38 * var(--rem));
}
.component-item-other .mt-385 {
  margin-top: calc(38.5 * var(--rem));
}
.component-item-other .mt-390 {
  margin-top: calc(39 * var(--rem));
}
.component-item-other .mt-395 {
  margin-top: calc(39.5 * var(--rem));
}
.component-item-other .mt-400 {
  margin-top: calc(40 * var(--rem));
}
.component-item-other .mt-405 {
  margin-top: calc(40.5 * var(--rem));
}
.component-item-other .mt-410 {
  margin-top: calc(41 * var(--rem));
}
.component-item-other .mt-415 {
  margin-top: calc(41.5 * var(--rem));
}
.component-item-other .mt-420 {
  margin-top: calc(42 * var(--rem));
}
.component-item-other .mt-425 {
  margin-top: calc(42.5 * var(--rem));
}
.component-item-other .mt-430 {
  margin-top: calc(43 * var(--rem));
}
.component-item-other .mt-435 {
  margin-top: calc(43.5 * var(--rem));
}
.component-item-other .mt-440 {
  margin-top: calc(44 * var(--rem));
}
.component-item-other .mt-445 {
  margin-top: calc(44.5 * var(--rem));
}
.component-item-other .mt-450 {
  margin-top: calc(45 * var(--rem));
}
.component-item-other .mt-455 {
  margin-top: calc(45.5 * var(--rem));
}
.component-item-other .mt-460 {
  margin-top: calc(46 * var(--rem));
}
.component-item-other .mt-465 {
  margin-top: calc(46.5 * var(--rem));
}
.component-item-other .mt-470 {
  margin-top: calc(47 * var(--rem));
}
.component-item-other .mt-475 {
  margin-top: calc(47.5 * var(--rem));
}
.component-item-other .mt-480 {
  margin-top: calc(48 * var(--rem));
}
.component-item-other .mt-485 {
  margin-top: calc(48.5 * var(--rem));
}
.component-item-other .mt-490 {
  margin-top: calc(49 * var(--rem));
}
.component-item-other .mt-495 {
  margin-top: calc(49.5 * var(--rem));
}
.component-item-other .mt-500 {
  margin-top: calc(50 * var(--rem));
}
.component-item-other .mt-505 {
  margin-top: calc(50.5 * var(--rem));
}
.component-item-other .mt-510 {
  margin-top: calc(51 * var(--rem));
}
.component-item-other .mt-515 {
  margin-top: calc(51.5 * var(--rem));
}
.component-item-other .mt-520 {
  margin-top: calc(52 * var(--rem));
}
.component-item-other .mt-525 {
  margin-top: calc(52.5 * var(--rem));
}
.component-item-other .mt-530 {
  margin-top: calc(53 * var(--rem));
}
.component-item-other .mt-535 {
  margin-top: calc(53.5 * var(--rem));
}
.component-item-other .mt-540 {
  margin-top: calc(54 * var(--rem));
}
.component-item-other .mt-545 {
  margin-top: calc(54.5 * var(--rem));
}
.component-item-other .mt-550 {
  margin-top: calc(55 * var(--rem));
}
.component-item-other .mt-555 {
  margin-top: calc(55.5 * var(--rem));
}
.component-item-other .mt-560 {
  margin-top: calc(56 * var(--rem));
}
.component-item-other .mt-565 {
  margin-top: calc(56.5 * var(--rem));
}
.component-item-other .mt-570 {
  margin-top: calc(57 * var(--rem));
}
.component-item-other .mt-575 {
  margin-top: calc(57.5 * var(--rem));
}
.component-item-other .mt-580 {
  margin-top: calc(58 * var(--rem));
}
.component-item-other .mt-585 {
  margin-top: calc(58.5 * var(--rem));
}
.component-item-other .mt-590 {
  margin-top: calc(59 * var(--rem));
}
.component-item-other .mt-595 {
  margin-top: calc(59.5 * var(--rem));
}
.component-item-other .mt-600 {
  margin-top: calc(60 * var(--rem));
}
.component-item-other .mt-605 {
  margin-top: calc(60.5 * var(--rem));
}
.component-item-other .mt-610 {
  margin-top: calc(61 * var(--rem));
}
.component-item-other .mt-615 {
  margin-top: calc(61.5 * var(--rem));
}
.component-item-other .mt-620 {
  margin-top: calc(62 * var(--rem));
}
.component-item-other .mt-625 {
  margin-top: calc(62.5 * var(--rem));
}
.component-item-other .mt-630 {
  margin-top: calc(63 * var(--rem));
}
.component-item-other .mt-635 {
  margin-top: calc(63.5 * var(--rem));
}
.component-item-other .mt-640 {
  margin-top: calc(64 * var(--rem));
}
.component-item-other .mt-645 {
  margin-top: calc(64.5 * var(--rem));
}
.component-item-other .mt-650 {
  margin-top: calc(65 * var(--rem));
}
.component-item-other .mt-655 {
  margin-top: calc(65.5 * var(--rem));
}
.component-item-other .mt-660 {
  margin-top: calc(66 * var(--rem));
}
.component-item-other .mt-665 {
  margin-top: calc(66.5 * var(--rem));
}
.component-item-other .mt-670 {
  margin-top: calc(67 * var(--rem));
}
.component-item-other .mt-675 {
  margin-top: calc(67.5 * var(--rem));
}
.component-item-other .mt-680 {
  margin-top: calc(68 * var(--rem));
}
.component-item-other .mt-685 {
  margin-top: calc(68.5 * var(--rem));
}
.component-item-other .mt-690 {
  margin-top: calc(69 * var(--rem));
}
.component-item-other .mt-695 {
  margin-top: calc(69.5 * var(--rem));
}
.component-item-other .mt-700 {
  margin-top: calc(70 * var(--rem));
}
.component-item-other .mt-705 {
  margin-top: calc(70.5 * var(--rem));
}
.component-item-other .mt-710 {
  margin-top: calc(71 * var(--rem));
}
.component-item-other .mt-715 {
  margin-top: calc(71.5 * var(--rem));
}
.component-item-other .mt-720 {
  margin-top: calc(72 * var(--rem));
}
.component-item-other .mt-725 {
  margin-top: calc(72.5 * var(--rem));
}
.component-item-other .mt-730 {
  margin-top: calc(73 * var(--rem));
}
.component-item-other .mt-735 {
  margin-top: calc(73.5 * var(--rem));
}
.component-item-other .mt-740 {
  margin-top: calc(74 * var(--rem));
}
.component-item-other .mt-745 {
  margin-top: calc(74.5 * var(--rem));
}
.component-item-other .mt-750 {
  margin-top: calc(75 * var(--rem));
}
.component-item-other .mt-755 {
  margin-top: calc(75.5 * var(--rem));
}
.component-item-other .mt-760 {
  margin-top: calc(76 * var(--rem));
}
.component-item-other .mt-765 {
  margin-top: calc(76.5 * var(--rem));
}
.component-item-other .mt-770 {
  margin-top: calc(77 * var(--rem));
}
.component-item-other .mt-775 {
  margin-top: calc(77.5 * var(--rem));
}
.component-item-other .mt-780 {
  margin-top: calc(78 * var(--rem));
}
.component-item-other .mt-785 {
  margin-top: calc(78.5 * var(--rem));
}
.component-item-other .mt-790 {
  margin-top: calc(79 * var(--rem));
}
.component-item-other .mt-795 {
  margin-top: calc(79.5 * var(--rem));
}
.component-item-other .mt-800 {
  margin-top: calc(80 * var(--rem));
}
.component-item-other .mt-805 {
  margin-top: calc(80.5 * var(--rem));
}
.component-item-other .mt-810 {
  margin-top: calc(81 * var(--rem));
}
.component-item-other .mt-815 {
  margin-top: calc(81.5 * var(--rem));
}
.component-item-other .mt-820 {
  margin-top: calc(82 * var(--rem));
}
.component-item-other .mt-825 {
  margin-top: calc(82.5 * var(--rem));
}
.component-item-other .mt-830 {
  margin-top: calc(83 * var(--rem));
}
.component-item-other .mt-835 {
  margin-top: calc(83.5 * var(--rem));
}
.component-item-other .mt-840 {
  margin-top: calc(84 * var(--rem));
}
.component-item-other .mt-845 {
  margin-top: calc(84.5 * var(--rem));
}
.component-item-other .mt-850 {
  margin-top: calc(85 * var(--rem));
}
.component-item-other .mt-855 {
  margin-top: calc(85.5 * var(--rem));
}
.component-item-other .mt-860 {
  margin-top: calc(86 * var(--rem));
}
.component-item-other .mt-865 {
  margin-top: calc(86.5 * var(--rem));
}
.component-item-other .mt-870 {
  margin-top: calc(87 * var(--rem));
}
.component-item-other .mt-875 {
  margin-top: calc(87.5 * var(--rem));
}
.component-item-other .mt-880 {
  margin-top: calc(88 * var(--rem));
}
.component-item-other .mt-885 {
  margin-top: calc(88.5 * var(--rem));
}
.component-item-other .mt-890 {
  margin-top: calc(89 * var(--rem));
}
.component-item-other .mt-895 {
  margin-top: calc(89.5 * var(--rem));
}
.component-item-other .mt-900 {
  margin-top: calc(90 * var(--rem));
}
.component-item-other .mt-905 {
  margin-top: calc(90.5 * var(--rem));
}
.component-item-other .mt-910 {
  margin-top: calc(91 * var(--rem));
}
.component-item-other .mt-915 {
  margin-top: calc(91.5 * var(--rem));
}
.component-item-other .mt-920 {
  margin-top: calc(92 * var(--rem));
}
.component-item-other .mt-925 {
  margin-top: calc(92.5 * var(--rem));
}
.component-item-other .mt-930 {
  margin-top: calc(93 * var(--rem));
}
.component-item-other .mt-935 {
  margin-top: calc(93.5 * var(--rem));
}
.component-item-other .mt-940 {
  margin-top: calc(94 * var(--rem));
}
.component-item-other .mt-945 {
  margin-top: calc(94.5 * var(--rem));
}
.component-item-other .mt-950 {
  margin-top: calc(95 * var(--rem));
}
.component-item-other .mt-955 {
  margin-top: calc(95.5 * var(--rem));
}
.component-item-other .mt-960 {
  margin-top: calc(96 * var(--rem));
}
.component-item-other .mt-965 {
  margin-top: calc(96.5 * var(--rem));
}
.component-item-other .mt-970 {
  margin-top: calc(97 * var(--rem));
}
.component-item-other .mt-975 {
  margin-top: calc(97.5 * var(--rem));
}
.component-item-other .mt-980 {
  margin-top: calc(98 * var(--rem));
}
.component-item-other .mt-985 {
  margin-top: calc(98.5 * var(--rem));
}
.component-item-other .mt-990 {
  margin-top: calc(99 * var(--rem));
}
.component-item-other .mt-995 {
  margin-top: calc(99.5 * var(--rem));
}
.component-item-other .mt-1000 {
  margin-top: calc(100 * var(--rem));
}
.component-item-other .mt-1005 {
  margin-top: calc(100.5 * var(--rem));
}
.component-item-other .mt-1010 {
  margin-top: calc(101 * var(--rem));
}
.component-item-other .mt-1015 {
  margin-top: calc(101.5 * var(--rem));
}
.component-item-other .mt-1020 {
  margin-top: calc(102 * var(--rem));
}
.component-item-other .mt-1025 {
  margin-top: calc(102.5 * var(--rem));
}
.component-item-other .mt-1030 {
  margin-top: calc(103 * var(--rem));
}
.component-item-other .mt-1035 {
  margin-top: calc(103.5 * var(--rem));
}
.component-item-other .mt-1040 {
  margin-top: calc(104 * var(--rem));
}
.component-item-other .mt-1045 {
  margin-top: calc(104.5 * var(--rem));
}
.component-item-other .mt-1050 {
  margin-top: calc(105 * var(--rem));
}
.component-item-other .mt-1055 {
  margin-top: calc(105.5 * var(--rem));
}
.component-item-other .mt-1060 {
  margin-top: calc(106 * var(--rem));
}
.component-item-other .mt-1065 {
  margin-top: calc(106.5 * var(--rem));
}
.component-item-other .mt-1070 {
  margin-top: calc(107 * var(--rem));
}
.component-item-other .mt-1075 {
  margin-top: calc(107.5 * var(--rem));
}
.component-item-other .mt-1080 {
  margin-top: calc(108 * var(--rem));
}
.component-item-other .mt-1085 {
  margin-top: calc(108.5 * var(--rem));
}
.component-item-other .mt-1090 {
  margin-top: calc(109 * var(--rem));
}
.component-item-other .mt-1095 {
  margin-top: calc(109.5 * var(--rem));
}
.component-item-other .mt-1100 {
  margin-top: calc(110 * var(--rem));
}
.component-item-other .mt-1105 {
  margin-top: calc(110.5 * var(--rem));
}
.component-item-other .mt-1110 {
  margin-top: calc(111 * var(--rem));
}
.component-item-other .mt-1115 {
  margin-top: calc(111.5 * var(--rem));
}
.component-item-other .mt-1120 {
  margin-top: calc(112 * var(--rem));
}
.component-item-other .mt-1125 {
  margin-top: calc(112.5 * var(--rem));
}
.component-item-other .mt-1130 {
  margin-top: calc(113 * var(--rem));
}
.component-item-other .mt-1135 {
  margin-top: calc(113.5 * var(--rem));
}
.component-item-other .mt-1140 {
  margin-top: calc(114 * var(--rem));
}
.component-item-other .mt-1145 {
  margin-top: calc(114.5 * var(--rem));
}
.component-item-other .mt-1150 {
  margin-top: calc(115 * var(--rem));
}
.component-item-other .mt-1155 {
  margin-top: calc(115.5 * var(--rem));
}
.component-item-other .mt-1160 {
  margin-top: calc(116 * var(--rem));
}
.component-item-other .mt-1165 {
  margin-top: calc(116.5 * var(--rem));
}
.component-item-other .mt-1170 {
  margin-top: calc(117 * var(--rem));
}
.component-item-other .mt-1175 {
  margin-top: calc(117.5 * var(--rem));
}
.component-item-other .mt-1180 {
  margin-top: calc(118 * var(--rem));
}
.component-item-other .mt-1185 {
  margin-top: calc(118.5 * var(--rem));
}
.component-item-other .mt-1190 {
  margin-top: calc(119 * var(--rem));
}
.component-item-other .mt-1195 {
  margin-top: calc(119.5 * var(--rem));
}
.component-item-other .mt-1200 {
  margin-top: calc(120 * var(--rem));
}
.component-item-other .mt-1205 {
  margin-top: calc(120.5 * var(--rem));
}
.component-item-other .mt-1210 {
  margin-top: calc(121 * var(--rem));
}
.component-item-other .mt-1215 {
  margin-top: calc(121.5 * var(--rem));
}
.component-item-other .mt-1220 {
  margin-top: calc(122 * var(--rem));
}
.component-item-other .mt-1225 {
  margin-top: calc(122.5 * var(--rem));
}
.component-item-other .mt-1230 {
  margin-top: calc(123 * var(--rem));
}
.component-item-other .mt-1235 {
  margin-top: calc(123.5 * var(--rem));
}
.component-item-other .mt-1240 {
  margin-top: calc(124 * var(--rem));
}
.component-item-other .mt-1245 {
  margin-top: calc(124.5 * var(--rem));
}
.component-item-other .mt-1250 {
  margin-top: calc(125 * var(--rem));
}
.component-item-other .mt-1255 {
  margin-top: calc(125.5 * var(--rem));
}
.component-item-other .mt-1260 {
  margin-top: calc(126 * var(--rem));
}
.component-item-other .mt-1265 {
  margin-top: calc(126.5 * var(--rem));
}
.component-item-other .mt-1270 {
  margin-top: calc(127 * var(--rem));
}
.component-item-other .mt-1275 {
  margin-top: calc(127.5 * var(--rem));
}
.component-item-other .mt-1280 {
  margin-top: calc(128 * var(--rem));
}
.component-item-other .mt-1285 {
  margin-top: calc(128.5 * var(--rem));
}
.component-item-other .mt-1290 {
  margin-top: calc(129 * var(--rem));
}
.component-item-other .mt-1295 {
  margin-top: calc(129.5 * var(--rem));
}
.component-item-other .mt-1300 {
  margin-top: calc(130 * var(--rem));
}
.component-item-other .mt-1305 {
  margin-top: calc(130.5 * var(--rem));
}
.component-item-other .mt-1310 {
  margin-top: calc(131 * var(--rem));
}
.component-item-other .mt-1315 {
  margin-top: calc(131.5 * var(--rem));
}
.component-item-other .mt-1320 {
  margin-top: calc(132 * var(--rem));
}
.component-item-other .mt-1325 {
  margin-top: calc(132.5 * var(--rem));
}
.component-item-other .mt-1330 {
  margin-top: calc(133 * var(--rem));
}
.component-item-other .mt-1335 {
  margin-top: calc(133.5 * var(--rem));
}
.component-item-other .mt-1340 {
  margin-top: calc(134 * var(--rem));
}
.component-item-other .mt-1345 {
  margin-top: calc(134.5 * var(--rem));
}
.component-item-other .mt-1350 {
  margin-top: calc(135 * var(--rem));
}
.component-item-other .mt-1355 {
  margin-top: calc(135.5 * var(--rem));
}
.component-item-other .mt-1360 {
  margin-top: calc(136 * var(--rem));
}
.component-item-other .mt-1365 {
  margin-top: calc(136.5 * var(--rem));
}
.component-item-other .mt-1370 {
  margin-top: calc(137 * var(--rem));
}
.component-item-other .mt-1375 {
  margin-top: calc(137.5 * var(--rem));
}
.component-item-other .mt-1380 {
  margin-top: calc(138 * var(--rem));
}
.component-item-other .mt-1385 {
  margin-top: calc(138.5 * var(--rem));
}
.component-item-other .mt-1390 {
  margin-top: calc(139 * var(--rem));
}
.component-item-other .mt-1395 {
  margin-top: calc(139.5 * var(--rem));
}
.component-item-other .mt-1400 {
  margin-top: calc(140 * var(--rem));
}
.component-item-other .mt-1405 {
  margin-top: calc(140.5 * var(--rem));
}
.component-item-other .mt-1410 {
  margin-top: calc(141 * var(--rem));
}
.component-item-other .mt-1415 {
  margin-top: calc(141.5 * var(--rem));
}
.component-item-other .mt-1420 {
  margin-top: calc(142 * var(--rem));
}
.component-item-other .mt-1425 {
  margin-top: calc(142.5 * var(--rem));
}
.component-item-other .mt-1430 {
  margin-top: calc(143 * var(--rem));
}
.component-item-other .mt-1435 {
  margin-top: calc(143.5 * var(--rem));
}
.component-item-other .mt-1440 {
  margin-top: calc(144 * var(--rem));
}
.component-item-other .mt-1445 {
  margin-top: calc(144.5 * var(--rem));
}
.component-item-other .mt-1450 {
  margin-top: calc(145 * var(--rem));
}
.component-item-other .mt-1455 {
  margin-top: calc(145.5 * var(--rem));
}
.component-item-other .mt-1460 {
  margin-top: calc(146 * var(--rem));
}
.component-item-other .mt-1465 {
  margin-top: calc(146.5 * var(--rem));
}
.component-item-other .mt-1470 {
  margin-top: calc(147 * var(--rem));
}
.component-item-other .mt-1475 {
  margin-top: calc(147.5 * var(--rem));
}
.component-item-other .mt-1480 {
  margin-top: calc(148 * var(--rem));
}
.component-item-other .mt-1485 {
  margin-top: calc(148.5 * var(--rem));
}
.component-item-other .mt-1490 {
  margin-top: calc(149 * var(--rem));
}
.component-item-other .mt-1495 {
  margin-top: calc(149.5 * var(--rem));
}
.component-item-other .mt-1500 {
  margin-top: calc(150 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-0-sp {
    margin-top: calc(0 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-5-sp {
    margin-top: calc(0.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-10-sp {
    margin-top: calc(1 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-15-sp {
    margin-top: calc(1.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-20-sp {
    margin-top: calc(2 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-25-sp {
    margin-top: calc(2.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-30-sp {
    margin-top: calc(3 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-35-sp {
    margin-top: calc(3.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-40-sp {
    margin-top: calc(4 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-45-sp {
    margin-top: calc(4.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-50-sp {
    margin-top: calc(5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-55-sp {
    margin-top: calc(5.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-60-sp {
    margin-top: calc(6 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-65-sp {
    margin-top: calc(6.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-70-sp {
    margin-top: calc(7 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-75-sp {
    margin-top: calc(7.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-80-sp {
    margin-top: calc(8 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-85-sp {
    margin-top: calc(8.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-90-sp {
    margin-top: calc(9 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-95-sp {
    margin-top: calc(9.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-100-sp {
    margin-top: calc(10 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-105-sp {
    margin-top: calc(10.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-110-sp {
    margin-top: calc(11 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-115-sp {
    margin-top: calc(11.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-120-sp {
    margin-top: calc(12 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-125-sp {
    margin-top: calc(12.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-130-sp {
    margin-top: calc(13 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-135-sp {
    margin-top: calc(13.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-140-sp {
    margin-top: calc(14 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-145-sp {
    margin-top: calc(14.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-150-sp {
    margin-top: calc(15 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-155-sp {
    margin-top: calc(15.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-160-sp {
    margin-top: calc(16 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-165-sp {
    margin-top: calc(16.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-170-sp {
    margin-top: calc(17 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-175-sp {
    margin-top: calc(17.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-180-sp {
    margin-top: calc(18 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-185-sp {
    margin-top: calc(18.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-190-sp {
    margin-top: calc(19 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-195-sp {
    margin-top: calc(19.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-200-sp {
    margin-top: calc(20 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-205-sp {
    margin-top: calc(20.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-210-sp {
    margin-top: calc(21 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-215-sp {
    margin-top: calc(21.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-220-sp {
    margin-top: calc(22 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-225-sp {
    margin-top: calc(22.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-230-sp {
    margin-top: calc(23 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-235-sp {
    margin-top: calc(23.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-240-sp {
    margin-top: calc(24 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-245-sp {
    margin-top: calc(24.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-250-sp {
    margin-top: calc(25 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-255-sp {
    margin-top: calc(25.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-260-sp {
    margin-top: calc(26 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-265-sp {
    margin-top: calc(26.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-270-sp {
    margin-top: calc(27 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-275-sp {
    margin-top: calc(27.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-280-sp {
    margin-top: calc(28 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-285-sp {
    margin-top: calc(28.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-290-sp {
    margin-top: calc(29 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-295-sp {
    margin-top: calc(29.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-300-sp {
    margin-top: calc(30 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-305-sp {
    margin-top: calc(30.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-310-sp {
    margin-top: calc(31 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-315-sp {
    margin-top: calc(31.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-320-sp {
    margin-top: calc(32 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-325-sp {
    margin-top: calc(32.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-330-sp {
    margin-top: calc(33 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-335-sp {
    margin-top: calc(33.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-340-sp {
    margin-top: calc(34 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-345-sp {
    margin-top: calc(34.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-350-sp {
    margin-top: calc(35 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-355-sp {
    margin-top: calc(35.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-360-sp {
    margin-top: calc(36 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-365-sp {
    margin-top: calc(36.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-370-sp {
    margin-top: calc(37 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-375-sp {
    margin-top: calc(37.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-380-sp {
    margin-top: calc(38 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-385-sp {
    margin-top: calc(38.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-390-sp {
    margin-top: calc(39 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-395-sp {
    margin-top: calc(39.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-400-sp {
    margin-top: calc(40 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-405-sp {
    margin-top: calc(40.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-410-sp {
    margin-top: calc(41 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-415-sp {
    margin-top: calc(41.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-420-sp {
    margin-top: calc(42 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-425-sp {
    margin-top: calc(42.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-430-sp {
    margin-top: calc(43 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-435-sp {
    margin-top: calc(43.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-440-sp {
    margin-top: calc(44 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-445-sp {
    margin-top: calc(44.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-450-sp {
    margin-top: calc(45 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-455-sp {
    margin-top: calc(45.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-460-sp {
    margin-top: calc(46 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-465-sp {
    margin-top: calc(46.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-470-sp {
    margin-top: calc(47 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-475-sp {
    margin-top: calc(47.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-480-sp {
    margin-top: calc(48 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-485-sp {
    margin-top: calc(48.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-490-sp {
    margin-top: calc(49 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-495-sp {
    margin-top: calc(49.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-500-sp {
    margin-top: calc(50 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-505-sp {
    margin-top: calc(50.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-510-sp {
    margin-top: calc(51 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-515-sp {
    margin-top: calc(51.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-520-sp {
    margin-top: calc(52 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-525-sp {
    margin-top: calc(52.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-530-sp {
    margin-top: calc(53 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-535-sp {
    margin-top: calc(53.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-540-sp {
    margin-top: calc(54 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-545-sp {
    margin-top: calc(54.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-550-sp {
    margin-top: calc(55 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-555-sp {
    margin-top: calc(55.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-560-sp {
    margin-top: calc(56 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-565-sp {
    margin-top: calc(56.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-570-sp {
    margin-top: calc(57 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-575-sp {
    margin-top: calc(57.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-580-sp {
    margin-top: calc(58 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-585-sp {
    margin-top: calc(58.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-590-sp {
    margin-top: calc(59 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-595-sp {
    margin-top: calc(59.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-600-sp {
    margin-top: calc(60 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-605-sp {
    margin-top: calc(60.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-610-sp {
    margin-top: calc(61 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-615-sp {
    margin-top: calc(61.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-620-sp {
    margin-top: calc(62 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-625-sp {
    margin-top: calc(62.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-630-sp {
    margin-top: calc(63 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-635-sp {
    margin-top: calc(63.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-640-sp {
    margin-top: calc(64 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-645-sp {
    margin-top: calc(64.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-650-sp {
    margin-top: calc(65 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-655-sp {
    margin-top: calc(65.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-660-sp {
    margin-top: calc(66 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-665-sp {
    margin-top: calc(66.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-670-sp {
    margin-top: calc(67 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-675-sp {
    margin-top: calc(67.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-680-sp {
    margin-top: calc(68 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-685-sp {
    margin-top: calc(68.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-690-sp {
    margin-top: calc(69 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-695-sp {
    margin-top: calc(69.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-700-sp {
    margin-top: calc(70 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-705-sp {
    margin-top: calc(70.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-710-sp {
    margin-top: calc(71 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-715-sp {
    margin-top: calc(71.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-720-sp {
    margin-top: calc(72 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-725-sp {
    margin-top: calc(72.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-730-sp {
    margin-top: calc(73 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-735-sp {
    margin-top: calc(73.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-740-sp {
    margin-top: calc(74 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-745-sp {
    margin-top: calc(74.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-750-sp {
    margin-top: calc(75 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-755-sp {
    margin-top: calc(75.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-760-sp {
    margin-top: calc(76 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-765-sp {
    margin-top: calc(76.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-770-sp {
    margin-top: calc(77 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-775-sp {
    margin-top: calc(77.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-780-sp {
    margin-top: calc(78 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-785-sp {
    margin-top: calc(78.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-790-sp {
    margin-top: calc(79 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-795-sp {
    margin-top: calc(79.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-800-sp {
    margin-top: calc(80 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-805-sp {
    margin-top: calc(80.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-810-sp {
    margin-top: calc(81 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-815-sp {
    margin-top: calc(81.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-820-sp {
    margin-top: calc(82 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-825-sp {
    margin-top: calc(82.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-830-sp {
    margin-top: calc(83 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-835-sp {
    margin-top: calc(83.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-840-sp {
    margin-top: calc(84 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-845-sp {
    margin-top: calc(84.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-850-sp {
    margin-top: calc(85 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-855-sp {
    margin-top: calc(85.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-860-sp {
    margin-top: calc(86 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-865-sp {
    margin-top: calc(86.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-870-sp {
    margin-top: calc(87 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-875-sp {
    margin-top: calc(87.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-880-sp {
    margin-top: calc(88 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-885-sp {
    margin-top: calc(88.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-890-sp {
    margin-top: calc(89 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-895-sp {
    margin-top: calc(89.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-900-sp {
    margin-top: calc(90 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-905-sp {
    margin-top: calc(90.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-910-sp {
    margin-top: calc(91 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-915-sp {
    margin-top: calc(91.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-920-sp {
    margin-top: calc(92 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-925-sp {
    margin-top: calc(92.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-930-sp {
    margin-top: calc(93 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-935-sp {
    margin-top: calc(93.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-940-sp {
    margin-top: calc(94 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-945-sp {
    margin-top: calc(94.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-950-sp {
    margin-top: calc(95 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-955-sp {
    margin-top: calc(95.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-960-sp {
    margin-top: calc(96 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-965-sp {
    margin-top: calc(96.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-970-sp {
    margin-top: calc(97 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-975-sp {
    margin-top: calc(97.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-980-sp {
    margin-top: calc(98 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-985-sp {
    margin-top: calc(98.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-990-sp {
    margin-top: calc(99 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-995-sp {
    margin-top: calc(99.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1000-sp {
    margin-top: calc(100 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1005-sp {
    margin-top: calc(100.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1010-sp {
    margin-top: calc(101 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1015-sp {
    margin-top: calc(101.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1020-sp {
    margin-top: calc(102 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1025-sp {
    margin-top: calc(102.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1030-sp {
    margin-top: calc(103 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1035-sp {
    margin-top: calc(103.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1040-sp {
    margin-top: calc(104 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1045-sp {
    margin-top: calc(104.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1050-sp {
    margin-top: calc(105 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1055-sp {
    margin-top: calc(105.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1060-sp {
    margin-top: calc(106 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1065-sp {
    margin-top: calc(106.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1070-sp {
    margin-top: calc(107 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1075-sp {
    margin-top: calc(107.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1080-sp {
    margin-top: calc(108 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1085-sp {
    margin-top: calc(108.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1090-sp {
    margin-top: calc(109 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1095-sp {
    margin-top: calc(109.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1100-sp {
    margin-top: calc(110 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1105-sp {
    margin-top: calc(110.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1110-sp {
    margin-top: calc(111 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1115-sp {
    margin-top: calc(111.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1120-sp {
    margin-top: calc(112 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1125-sp {
    margin-top: calc(112.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1130-sp {
    margin-top: calc(113 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1135-sp {
    margin-top: calc(113.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1140-sp {
    margin-top: calc(114 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1145-sp {
    margin-top: calc(114.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1150-sp {
    margin-top: calc(115 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1155-sp {
    margin-top: calc(115.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1160-sp {
    margin-top: calc(116 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1165-sp {
    margin-top: calc(116.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1170-sp {
    margin-top: calc(117 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1175-sp {
    margin-top: calc(117.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1180-sp {
    margin-top: calc(118 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1185-sp {
    margin-top: calc(118.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1190-sp {
    margin-top: calc(119 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1195-sp {
    margin-top: calc(119.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1200-sp {
    margin-top: calc(120 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1205-sp {
    margin-top: calc(120.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1210-sp {
    margin-top: calc(121 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1215-sp {
    margin-top: calc(121.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1220-sp {
    margin-top: calc(122 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1225-sp {
    margin-top: calc(122.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1230-sp {
    margin-top: calc(123 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1235-sp {
    margin-top: calc(123.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1240-sp {
    margin-top: calc(124 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1245-sp {
    margin-top: calc(124.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1250-sp {
    margin-top: calc(125 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1255-sp {
    margin-top: calc(125.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1260-sp {
    margin-top: calc(126 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1265-sp {
    margin-top: calc(126.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1270-sp {
    margin-top: calc(127 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1275-sp {
    margin-top: calc(127.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1280-sp {
    margin-top: calc(128 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1285-sp {
    margin-top: calc(128.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1290-sp {
    margin-top: calc(129 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1295-sp {
    margin-top: calc(129.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1300-sp {
    margin-top: calc(130 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1305-sp {
    margin-top: calc(130.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1310-sp {
    margin-top: calc(131 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1315-sp {
    margin-top: calc(131.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1320-sp {
    margin-top: calc(132 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1325-sp {
    margin-top: calc(132.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1330-sp {
    margin-top: calc(133 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1335-sp {
    margin-top: calc(133.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1340-sp {
    margin-top: calc(134 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1345-sp {
    margin-top: calc(134.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1350-sp {
    margin-top: calc(135 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1355-sp {
    margin-top: calc(135.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1360-sp {
    margin-top: calc(136 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1365-sp {
    margin-top: calc(136.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1370-sp {
    margin-top: calc(137 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1375-sp {
    margin-top: calc(137.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1380-sp {
    margin-top: calc(138 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1385-sp {
    margin-top: calc(138.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1390-sp {
    margin-top: calc(139 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1395-sp {
    margin-top: calc(139.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1400-sp {
    margin-top: calc(140 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1405-sp {
    margin-top: calc(140.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1410-sp {
    margin-top: calc(141 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1415-sp {
    margin-top: calc(141.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1420-sp {
    margin-top: calc(142 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1425-sp {
    margin-top: calc(142.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1430-sp {
    margin-top: calc(143 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1435-sp {
    margin-top: calc(143.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1440-sp {
    margin-top: calc(144 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1445-sp {
    margin-top: calc(144.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1450-sp {
    margin-top: calc(145 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1455-sp {
    margin-top: calc(145.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1460-sp {
    margin-top: calc(146 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1465-sp {
    margin-top: calc(146.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1470-sp {
    margin-top: calc(147 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1475-sp {
    margin-top: calc(147.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1480-sp {
    margin-top: calc(148 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1485-sp {
    margin-top: calc(148.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1490-sp {
    margin-top: calc(149 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1495-sp {
    margin-top: calc(149.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .mt-1500-sp {
    margin-top: calc(150 * var(--rem));
  }
}
.component-item-other .tips__nav__list.-fixed {
  top: 80px;
}
@media screen and (max-width: 768px) {
  .component-item-other .tips__nav__list.-fixed {
    top: 62px;
  }
}
.component-item-other *,
.component-item-other *::before,
.component-item-other *::after {
  box-sizing: border-box;
}
.component-item-other * {
  margin: 0;
}
.component-item-other body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.component-item-other img,
.component-item-other picture,
.component-item-other video,
.component-item-other canvas,
.component-item-other svg {
  display: block;
  max-width: 100%;
}
.component-item-other input,
.component-item-other button,
.component-item-other textarea,
.component-item-other select {
  font: inherit;
}
.component-item-other p,
.component-item-other h1,
.component-item-other h2,
.component-item-other h3,
.component-item-other h4,
.component-item-other h5,
.component-item-other h6 {
  overflow-wrap: break-word;
}
.component-item-other #root,
.component-item-other #__next {
  isolation: isolate;
}
.component-item-other * {
  letter-spacing: 0.1em;
}
.component-item-other *:not(:has(a)) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.component-item-other a,
.component-item-other button {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
  cursor: pointer !important;
}
.component-item-other a *,
.component-item-other button * {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
  cursor: pointer !important;
}
.component-item-other h1,
.component-item-other h2,
.component-item-other h3,
.component-item-other h4,
.component-item-other h5,
.component-item-other h6 {
  font-size: inherit;
  font-weight: inherit;
}
.component-item-other ul,
.component-item-other ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.component-item-other a {
  color: #231815;
  text-decoration: none;
}
.component-item-other em {
  font-style: normal;
}
.component-item-other sup {
  font-size: 0.5em;
}
.component-item-other img,
.component-item-other picture,
.component-item-other video,
.component-item-other canvas,
.component-item-other svg {
  height: auto;
}
.component-item-other svg {
  overflow: visible;
}
.component-item-other img,
.component-item-other iframe,
.component-item-other video {
  display: block;
  width: 100%;
  height: auto;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}
.component-item-other picture {
  display: contents;
}
.component-item-other button {
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
  touch-action: manipulation;
  cursor: pointer;
}
.component-item-other .splide__container {
  box-sizing: border-box;
  position: relative;
}
.component-item-other .splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.component-item-other .splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.component-item-other .splide__pagination {
  display: flex;
}
.component-item-other .splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.component-item-other .splide__progress__bar {
  width: 0;
}
.component-item-other .splide {
  position: relative;
  visibility: hidden;
}
.component-item-other .splide.is-initialized,
.component-item-other .splide.is-rendered {
  visibility: visible;
}
.component-item-other .splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.component-item-other .splide__slide img {
  vertical-align: bottom;
}
.component-item-other .splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.component-item-other .splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.component-item-other .splide__toggle.is-active .splide__toggle__play,
.component-item-other .splide__toggle__pause {
  display: none;
}
.component-item-other .splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.component-item-other .splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.component-item-other .splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.component-item-other .splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.component-item-other .splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.component-item-other .splide--rtl {
  direction: rtl;
}
.component-item-other .splide__track--ttb > .splide__list {
  display: block;
}
.component-item-other .splide__arrow svg {
  display: none;
}
.component-item-other .splide__pagination__page {
  display: block;
}
.component-item-other .splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.component-item-other .splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.component-item-other .splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .component-item-other .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .component-item-other .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .component-item-other .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .component-item-other .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .component-item-other .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.component-item-other .splide__toggle {
  cursor: pointer;
}
.component-item-other .splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.component-item-other .splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.component-item-other .splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.component-item-other .splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.component-item-other .item-hero {
  padding-top: calc(1.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .item-hero {
    padding-top: calc(5 * var(--rem));
  }
}
.component-item-other .item-hero__heading {
  display: flex;
  align-items: center;
  gap: calc(0 * var(--rem)) calc(3.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .item-hero__heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.component-item-other .item-hero__heading-en {
  font-weight: 500;
  font-size: calc(5 * var(--rem));
  font-family: Yakuhanjp, "Figtree", sans-serif;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-hero__heading-en {
    font-size: calc(3 * var(--rem));
  }
}
.component-item-other .item-hero__heading-ja {
  letter-spacing: 0.16em;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-hero__heading-ja {
    margin-top: calc(0.2 * var(--rem));
  }
}
.component-item-other .item-pickup {
  padding-top: calc(9.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .item-pickup {
    padding-top: calc(7.4 * var(--rem));
  }
}
.component-item-other .item-pickup .splide__arrows {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: calc(125.2 * var(--rem));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  translate: 0 -50%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-pickup .splide__arrows {
    width: calc(30.8 * var(--rem));
  }
}
.component-item-other .item-pickup .splide__arrow {
  width: calc(4.4 * var(--rem));
  height: calc(4.4 * var(--rem));
  position: relative;
  background-color: #231815;
  pointer-events: all;
}
@media (hover: hover) {
  .component-item-other .item-pickup .splide__arrow:hover {
    opacity: 1;
  }
  .component-item-other .item-pickup .splide__arrow:hover::before {
    opacity: 0.5;
  }
}
@media (hover: none) {
  .component-item-other .item-pickup .splide__arrow:active {
    opacity: 1;
  }
  .component-item-other .item-pickup .splide__arrow:active::before {
    opacity: 0.5;
  }
}
.component-item-other .item-pickup .splide__arrow::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  -webkit-mask: url("/assets/img/common/arw_line.svg") no-repeat center/calc(1 * var(--rem));
          mask: url("/assets/img/common/arw_line.svg") no-repeat center/calc(1 * var(--rem));
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.component-item-other .item-pickup .splide__arrow[disabled] {
  opacity: 0;
}
.component-item-other .item-pickup .splide__arrow--prev::before {
  rotate: 180deg;
}
.component-item-other .item-pickup .splide__track {
  padding: 0 calc((100% - calc(144 * var(--rem))) / 2 + calc(12 * var(--rem)) - calc(0.5 * var(--rem))) !important;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-pickup .splide__track {
    padding-right: 0 !important;
    padding-left: calc(6.8 * var(--rem)) !important;
  }
}
.component-item-other .item-pickup .splide__slide {
  width: calc(38.7 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .item-pickup .splide__slide {
    width: calc(24.8 * var(--rem));
  }
}
.component-item-other .item-product {
  margin-top: calc(10 * var(--rem));
  padding-bottom: calc(19 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .item-product {
    padding-bottom: calc(10 * var(--rem));
  }
}
.component-item-other .item-product__button {
  text-align: center;
}
.component-item-other .item-product__button button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(31.3 * var(--rem));
  height: calc(6 * var(--rem));
  position: relative;
  border: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-product__button button {
    width: 100%;
    height: calc(5 * var(--rem));
  }
}
.component-item-other .item-product__button button::after {
  display: block;
  width: calc(1.8 * var(--rem));
  height: calc(0.9 * var(--rem));
  content: "";
  position: absolute;
  top: 50%;
  right: calc(2.6 * var(--rem));
  translate: 0 -50%;
  background: url("/assets/img/item/icn_sort.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-product__button button::after {
    right: calc(2 * var(--rem));
  }
}
.component-item-other .item-product .item-product-contents {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rem));
  margin-top: calc(10 * var(--rem));
}
.component-item-other .item-product .item-product-contents:has(.item-product-contents__item.is-show) .item-product-contents__item {
  display: none;
}
.component-item-other .item-product .item-product-contents:has(.item-product-contents__item.is-show) .item-product-contents__item.is-show {
  display: block;
}
.component-item-other .item-product .item-product-contents__item {
  display: none;
}
.component-item-other .item-product .item-product-contents__item:has(.is-show) {
  display: block;
}
.component-item-other .item-product .item-product-contents__heading {
  position: relative;
  padding-bottom: calc(2 * var(--rem));
  font-size: calc(2 * var(--rem));
  text-align: center;
}
.component-item-other .item-product .item-product-contents__heading::after {
  display: block;
  width: calc(2 * var(--rem));
  height: calc(0.2 * var(--rem));
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  background-color: #231815;
}
.component-item-other .item-product .item-product-contents .item-product-products {
  display: flex;
  flex-wrap: wrap;
  gap: calc(6 * var(--rem)) calc(3 * var(--rem));
  margin-top: calc(4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .item-product .item-product-contents .item-product-products {
    gap: calc(6 * var(--rem)) calc(1 * var(--rem));
  }
}
.component-item-other .item-product .item-product-contents .item-product-products__item {
  display: none;
  width: calc(20% - calc(2.4 * var(--rem)));
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-product .item-product-contents .item-product-products__item {
    width: calc(50% - calc(0.5 * var(--rem)));
  }
}
.component-item-other .item-product .item-product-contents .item-product-products__item:has(picture) {
  order: -1;
  width: 100%;
  margin-bottom: calc(-4.5 * var(--rem));
}
.component-item-other .item-product .item-product-contents .item-product-products__item:has(picture) .item-product-colors,
.component-item-other .item-product .item-product-contents .item-product-products__item:has(picture) .item-product-products__heading,
.component-item-other .item-product .item-product-contents .item-product-products__item:has(picture) .item-product-tags,
.component-item-other .item-product .item-product-contents .item-product-products__item:has(picture) .item-product-products__link {
  display: none;
}
.component-item-other .item-product .item-product-contents .item-product-products__item.is-show {
  display: block;
}
.component-item-other .item-product .item-product-contents .item-product-products__heading {
  margin-top: calc(1.4 * var(--rem));
  font-size: calc(1.2 * var(--rem));
  line-height: 1.3333333333;
}
.component-item-other .item-product .item-product-contents .item-product-products__link {
  display: inline-block;
  margin-top: calc(1 * var(--rem));
  padding-bottom: calc(0.4 * var(--rem));
  border-bottom: 1px solid #231815;
  font-size: calc(1.2 * var(--rem));
}
.component-item-other .item-product-colors {
  display: flex;
  justify-content: center;
  gap: calc(1 * var(--rem));
  margin-top: calc(1 * var(--rem));
  min-height: calc(1.2 * var(--rem));
}
.component-item-other .item-product-colors__item {
  width: calc(1.2 * var(--rem));
  height: calc(1.2 * var(--rem));
  border-radius: 100%;
}
.component-item-other .item-product-colors__item.aurora_white {
  background: linear-gradient(-225deg, #fed2e8 0%, #ffffff 45%, #d1eefc 70%, #97fcd1 100%);
}
.component-item-other .item-product-colors__item.white {
  border: 1px solid #b0b8bf;
  background: linear-gradient(60deg, rgb(225, 226, 230) 0%, rgb(255, 255, 255) 64%, rgb(235, 240, 243) 100%);
}
.component-item-other .item-product-colors__item.gray {
  background: linear-gradient(180deg, #d9d9d8 0%, #73706f 100%);
}
.component-item-other .item-product-colors__item.black {
  background: #000;
}
.component-item-other .item-product-colors__item.shine_black {
  background: linear-gradient(180deg, #dddddd 0%, #000000 100%);
}
.component-item-other .item-product-colors__item.rose_gold {
  background: linear-gradient(180deg, rgb(240, 200, 209) 0%, rgb(214, 171, 175) 100%);
}
.component-item-other .item-product-colors__item.shine_red {
  background: linear-gradient(180deg, rgb(252, 180, 171) 0%, rgb(178, 43, 63) 100%);
}
.component-item-other .item-product-colors__item.metallic_red {
  background: linear-gradient(180deg, #eadae5 0%, #c18184 100%);
}
.component-item-other .item-product-colors__item.rose {
  background: linear-gradient(180deg, rgb(254, 230, 224) 0%, rgb(231, 163, 147) 100%);
}
.component-item-other .item-product-colors__item.peach {
  background: linear-gradient(180deg, rgb(255, 236, 224) 0%, rgb(218, 167, 143) 100%);
}
.component-item-other .item-product-colors__item.blue {
  background: linear-gradient(180deg, rgb(147, 225, 255) 0%, rgb(29, 193, 204) 100%);
}
.component-item-other .item-product-colors__item.darkblue {
  background: linear-gradient(180deg, rgb(190, 218, 225) 0%, rgb(86, 151, 179) 100%);
}
.component-item-other .item-product-colors__item.royal_blue {
  background: linear-gradient(180deg, rgb(120, 131, 235) 0%, rgb(26, 47, 162) 100%);
}
.component-item-other .item-product-colors__item.metallic_blue {
  background: linear-gradient(180deg, #cae1f3 0%, #5e84bf 100%);
}
.component-item-other .item-product-colors__item.mint {
  background: linear-gradient(180deg, rgb(223, 246, 243) 0%, rgb(161, 186, 175) 100%);
}
.component-item-other .item-product-colors__item.grad_purple {
  background: linear-gradient(180deg, rgb(244, 220, 200) 0%, rgb(225, 102, 188) 100%);
}
.component-item-other .item-product-colors__item.violet {
  background: linear-gradient(180deg, rgb(128, 79, 131) 0%, rgb(83, 24, 103) 100%);
}
.component-item-other .item-product-colors__item.yellow {
  background: linear-gradient(180deg, #fff361 0%, #d6bb01 100%);
}
.component-item-other .item-product-colors__item.metallic_yellow {
  background: linear-gradient(180deg, #ebe9da 0%, #b89b63 100%);
}
.component-item-other .item-product-colors__item.camel {
  background: linear-gradient(180deg, rgb(255, 186, 101) 0%, rgb(190, 92, 0) 100%);
}
.component-item-other .item-product-colors__item.champagne_gold {
  background: linear-gradient(180deg, rgb(255, 253, 243) 0%, rgb(176, 162, 146) 100%);
}
.component-item-other .item-product-colors__item.silver {
  background: linear-gradient(180deg, rgb(246, 244, 241) 0%, rgb(172, 167, 171) 100%);
}
.component-item-other .item-product-colors__item.mocha {
  background: linear-gradient(180deg, rgb(246, 238, 234) 0%, rgb(189, 160, 142) 100%);
}
.component-item-other .item-product-colors__item.aulait {
  background: linear-gradient(180deg, rgb(254, 244, 234) 0%, rgb(229, 207, 188) 100%);
}
.component-item-other .item-product-colors__item.urushi {
  background: linear-gradient(180deg, rgb(245, 146, 133) 0%, rgb(153, 19, 14) 100%);
}
.component-item-other .item-product-colors__item.mandarin {
  background: linear-gradient(180deg, rgb(188, 131, 87) 0%, rgb(135, 61, 18) 100%);
}
.component-item-other .item-product-colors__item.metallic_green {
  background: linear-gradient(180deg, #ddeee6 0%, #609174 100%);
}
.component-item-other .item-product-colors__item.modern_black {
  background: url("/assets/img/item/color/modern_black.jpg") no-repeat center/cover;
}
.component-item-other .item-product-colors__item.modern_blue {
  background: url("/assets/img/item/color/modern_blue.jpg") no-repeat center/cover;
}
.component-item-other .item-product-colors__item.modern_pink {
  background: url("/assets/img/item/color/modern_pink.jpg") no-repeat center/cover;
}
.component-item-other .item-product-colors__item.silky_pink {
  background: url("/assets/img/item/color/silky_pink.jpg") no-repeat center/cover;
}
.component-item-other .item-product-colors__item.silky_blue {
  background: url("/assets/img/item/color/silky_blue.jpg") no-repeat center/cover;
}
.component-item-other .item-product-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 calc(1 * var(--rem));
  margin-top: calc(0.4 * var(--rem));
}
.component-item-other .item-product-tags__item {
  color: #898989;
  font-size: calc(1 * var(--rem));
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .component-item-other .item-product-tags__item {
    font-size: calc(1 * var(--rem));
  }
}
.component-item-other .item-product-tags__item::before {
  content: "#";
}
.component-item-other .component-modal:has(#item-filter)::before {
  display: block;
  width: calc(60.5 * var(--rem));
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal:has(#item-filter)::before {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .component-item-other .component-modal:has(#item-filter) .component-modal__wrapper, .component-item-other .component-modal:has(#item-filter) .component-modal__inner {
    pointer-events: none;
  }
}
.component-item-other .component-modal:has(#item-filter) .component-modal__inner {
  padding: 0;
}
@media (orientation: portrait) and (min-width: 768px) {
  .component-item-other .component-modal:has(#item-filter) .component-modal__inner {
    align-items: flex-start;
  }
}
.component-item-other .component-modal:has(#item-filter) .component-modal__inner > * {
  pointer-events: auto;
}
.component-item-other .component-modal:has(#item-filter) .component-modal__content {
  max-width: calc(60.5 * var(--rem));
  margin-right: 0;
  background-color: #fff;
}
.component-item-other .component-modal:has(#item-filter) .component-modal__close {
  position: absolute;
  top: 0;
  right: 0;
}
.component-item-other .component-modal:has(#item-filter) .component-modal__close button {
  width: calc(7.2 * var(--rem));
  height: calc(6.3 * var(--rem));
}
.component-item-other .component-modal:has(#item-filter) .component-modal__close button::before, .component-item-other .component-modal:has(#item-filter) .component-modal__close button::after {
  display: block;
  width: calc(4.2 * var(--rem));
  height: 1px;
  content: "";
  background-color: #231815;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal:has(#item-filter) .component-modal__close button::before, .component-item-other .component-modal:has(#item-filter) .component-modal__close button::after {
    width: calc(3.2 * var(--rem));
  }
}
.component-item-other .component-modal:has(#item-filter) .component-modal__close button::before {
  rotate: -30deg;
}
.component-item-other .component-modal:has(#item-filter) .component-modal__close button::after {
  rotate: 30deg;
}
.component-item-other .component-modal .item-filter {
  padding: calc(6 * var(--rem));
  font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal .item-filter {
    padding: calc(6 * var(--rem)) calc(3 * var(--rem));
  }
}
.component-item-other .component-modal .item-filter input {
  display: none;
}
.component-item-other .component-modal .item-filter label span {
  padding-bottom: calc(0.2 * var(--rem));
  cursor: pointer;
}
.component-item-other .component-modal .item-filter .item-filter-main {
  display: flex;
  flex-direction: column;
  gap: calc(3 * var(--rem));
  position: relative;
  padding-bottom: calc(3.6 * var(--rem));
}
.component-item-other .component-modal .item-filter .item-filter-main::after {
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal .item-filter .item-filter-main::after {
    width: calc(32.4 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal .item-filter .item-filter-main {
    padding-bottom: calc(4.6 * var(--rem));
  }
}
.component-item-other .component-modal .item-filter .item-filter-main .item-filter-main-contents {
  display: flex;
  flex-direction: column;
  gap: calc(0.6 * var(--rem));
  margin-top: calc(0.6 * var(--rem));
  padding-left: calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal .item-filter .item-filter-main .item-filter-main-contents {
    gap: calc(1.2 * var(--rem));
    margin-top: calc(1.2 * var(--rem));
  }
}
.component-item-other .component-modal .item-filter .item-filter-sub {
  display: flex;
  flex-wrap: wrap;
  gap: calc(0.6 * var(--rem)) calc(5.8 * var(--rem));
  margin-top: calc(3.6 * var(--rem));
  padding-left: calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal .item-filter .item-filter-sub {
    gap: calc(1.2 * var(--rem)) calc(5 * var(--rem));
    margin-top: calc(4.6 * var(--rem));
    padding-left: 0;
  }
}
.component-item-other .component-modal .item-filter__all {
  margin-top: calc(2.6 * var(--rem));
  padding-left: calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-modal .item-filter__all {
    padding-left: 0;
  }
}
.component-item-other .component-item > *:first-child:has(.component-item-product-images) {
  margin-top: calc(24.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item > *:first-child:has(.component-item-product-images) {
    margin-top: calc(3 * var(--rem));
  }
}
.component-item-other .component-item .is-center {
  width: 100%;
  max-width: calc(120 * var(--rem));
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .is-center {
    padding-right: calc(2 * var(--rem));
    padding-left: calc(2 * var(--rem));
  }
}
.component-item-other .component-item .is-fit-center {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .is-fit-center {
    padding-right: calc(2 * var(--rem));
    padding-left: calc(2 * var(--rem));
  }
}
.component-item-other .component-item .is-en {
  font-family: Yakuhanjp, "Figtree", sans-serif;
}
.component-item-other .component-item__heading {
  font-weight: 500;
  font-size: calc(3 * var(--rem));
  font-family: Yakuhanjp, "Figtree", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item__heading {
    font-size: calc(2 * var(--rem));
  }
}
.component-item-other .component-item__subheading {
  font-size: calc(2 * var(--rem));
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item__subheading {
    text-align: left;
  }
}
.component-item-other .component-item__lead {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item__lead {
    text-align: left;
  }
}
.component-item-other .component-item__lead small {
  display: inline-block;
  width: 100%;
  font-size: calc(1.2 * var(--rem));
}
.component-item-other .component-item__image {
  margin-right: auto;
  margin-left: auto;
}
.component-item-other .component-item__line {
  width: 100%;
  max-width: calc(120 * var(--rem));
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #e6e6e6;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item__line {
    max-width: calc(34.4 * var(--rem));
  }
}
.component-item-other .component-item__note {
  font-size: calc(1 * var(--rem));
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item__note {
    text-align: left;
  }
}
.component-item-other .component-item .component-item-content {
  margin-right: auto;
  margin-left: auto;
}
.component-item-other .component-item .component-item-content__heading {
  font-weight: 500;
}
.component-item-other .component-item .component-item-notes {
  display: flex;
  flex-direction: column;
  gap: calc(1 * var(--rem));
  font-size: calc(1 * var(--rem));
  line-height: 1.2;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-notes {
    font-size: calc(0.8 * var(--rem));
    line-height: 2;
  }
}
.component-item-other .component-item .component-item-notes--small {
  font-size: calc(1 * var(--rem));
}
.component-item-other .component-item .component-item-notes__item {
  padding-left: 1em;
  text-indent: -1em;
}
.component-item-other .component-item .component-item-notes:has(.component-item-notes__number) .component-item-notes__item {
  display: flex;
  gap: calc(0.8 * var(--rem));
  padding-left: 0;
  text-indent: 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-notes:has(.component-item-notes__number) .component-item-notes__item {
    gap: calc(1 * var(--rem));
  }
}
.component-item-other .component-item .component-item-notes:has(.component-item-notes__number) .component-item-notes__number {
  flex-shrink: 0;
}
.component-item-other .component-item .component-item-hero {
  display: flex;
  height: calc(100vh - calc(4 * var(--rem)));
  margin-top: calc(-3 * var(--rem));
  padding-bottom: calc(6.5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(3.5 * var(--rem));
    height: auto;
    margin-top: calc(3.6 * var(--rem));
    padding-bottom: 0;
  }
}
@media (orientation: portrait) and (min-width: 768px) {
  .component-item-other .component-item .component-item-hero {
    height: calc(78.5 * var(--rem));
  }
}
.component-item-other .component-item .component-item-hero > * {
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero > * {
    width: 100%;
  }
}
.component-item-other .component-item .component-item-hero__image {
  height: 100%;
}
.component-item-other .component-item .component-item-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.component-item-other .component-item .component-item-hero__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 0 0 calc(2 * var(--rem)) calc(12 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero__content {
    padding: 0 calc(2 * var(--rem));
    background-color: transparent !important;
  }
}
.component-item-other .component-item .component-item-hero__text {
  color: #898989;
  font-size: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero__text {
    margin-top: calc(1.4 * var(--rem));
    order: 1;
    font-size: calc(1 * var(--rem));
  }
}
.component-item-other .component-item .component-item-hero__heading {
  margin-top: calc(1 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero__heading {
    margin-top: 0;
  }
}
.component-item-other .component-item .component-item-hero__heading-en {
  font-weight: 500;
  font-size: calc(4 * var(--rem));
  font-family: Yakuhanjp, "Figtree", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero__heading-en {
    font-size: calc(2.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-hero__heading-ja {
  margin-top: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-hero__heading-ja {
    margin-top: 0;
  }
}
.component-item-other .component-item .component-item-about {
  display: flex;
  align-items: center;
  gap: calc(4.2 * var(--rem)) calc(10 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-about {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-top: calc(4.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-about:not(:has(.component-item-about__image)) {
  justify-content: center;
  padding: calc(19.2 * var(--rem)) 0 calc(13.6 * var(--rem));
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-about:not(:has(.component-item-about__image)) {
    padding: calc(4.2 * var(--rem)) 0 calc(0 * var(--rem));
    text-align: left;
  }
}
.component-item-other .component-item .component-item-about:not(:has(.component-item-about__image)) .component-item-about__content {
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 calc(2 * var(--rem));
}
.component-item-other .component-item .component-item-about__content {
  flex: 1;
}
.component-item-other .component-item .component-item-about__heading {
  font-size: calc(3 * var(--rem));
  line-height: 1.4666666667;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-about__heading {
    letter-spacing: 0.01em;
    font-size: calc(2.2 * var(--rem));
    line-height: 1.6363636364;
  }
}
.component-item-other .component-item .component-item-about__text {
  margin-top: calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-about__text {
    margin-top: calc(2.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-about__image {
  flex-shrink: 0;
  width: calc(59 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-about__image {
    width: 100%;
  }
}
.component-item-other .component-item .component-item-cta {
  padding-top: calc(6.4 * var(--rem));
  padding-bottom: calc(6.4 * var(--rem));
  background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-cta {
    padding-top: calc(4 * var(--rem));
    padding-bottom: calc(4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-cta .component-item__heading {
  line-height: 1;
}
.component-item-other .component-item .component-item-cta .component-item-cta-list {
  display: flex;
  justify-content: center;
  gap: calc(2 * var(--rem));
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-cta .component-item-cta-list {
    flex-direction: column;
    align-items: center;
    gap: calc(1 * var(--rem));
    padding: 0 calc(2.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-cta .component-item-cta-list__item.is-hide {
  display: none;
}
.component-item-other .component-item .component-item-cta .component-item-cta-list__button.is-hide {
  display: none;
}
.component-item-other .component-item .component-item-cta .component-item-cta-list__button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(40.8 * var(--rem));
  height: calc(8 * var(--rem));
  background-color: #fff;
  font-size: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-cta .component-item-cta-list__button a {
    width: calc(30 * var(--rem));
    height: calc(6 * var(--rem));
    padding-bottom: calc(0.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-cta .component-item-cta-list__button a[target=_blank] span {
  display: flex;
  align-items: center;
  gap: calc(0.8 * var(--rem));
}
.component-item-other .component-item .component-item-cta .component-item-cta-list__button a[target=_blank] span::after {
  display: block;
  width: calc(0.9 * var(--rem));
  height: calc(0.9 * var(--rem));
  content: "";
  background: url("/assets/img/common/icn_window.svg") no-repeat center/contain;
}
.component-item-other .component-item .component-item-cta .component-item-cta-list__button a span {
  padding-bottom: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-cta .component-item-cta-list__button a span {
    padding-bottom: calc(0.6 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * var(--rem)) calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents {
    gap: calc(5.6 * var(--rem)) calc(1.4 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--column-sp {
    gap: calc(2.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--column-sp .component-item-contents__item {
    display: flex;
    align-items: center;
    gap: calc(2 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--column-sp .component-item-contents__image {
    flex-shrink: 0;
    width: calc(16.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents--w25 {
  gap: calc(3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--w25 {
    gap: calc(1.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents--w25 .component-item-contents__item {
  width: calc(25% - calc(2.25 * var(--rem)));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--w25 .component-item-contents__item {
    width: calc(50% - calc(0.9 * var(--rem)));
  }
}
.component-item-other .component-item .component-item-contents--w33 .component-item-contents__item {
  width: calc(33.3333% - calc(1.3333333 * var(--rem)));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--w33 .component-item-contents__item {
    width: 100%;
  }
}
.component-item-other .component-item .component-item-contents--w50 .component-item-contents__item {
  width: calc(50% - calc(1 * var(--rem)));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--w50 .component-item-contents__item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--outline {
    gap: calc(1.6 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents--outline .component-item-contents__item {
  padding: calc(2.6 * var(--rem)) calc(3 * var(--rem));
  border: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents--outline .component-item-contents__item {
    padding: calc(1.6 * var(--rem)) calc(2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents__item {
  width: calc(80 * var(--rem));
}
.component-item-other .component-item .component-item-contents__image--object-fit {
  height: calc(26.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents__image--object-fit {
    height: calc(23.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents__image--object-fit img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.component-item-other .component-item .component-item-contents__image--arrow {
  position: relative;
}
.component-item-other .component-item .component-item-contents__image--arrow::before {
  display: block;
  width: calc(1.5 * var(--rem));
  height: calc(2.5 * var(--rem));
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-2.2 * var(--rem));
  translate: 0 -50%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #898989;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-contents__image--arrow::before {
    width: calc(0.9 * var(--rem));
    height: calc(1.5 * var(--rem));
    left: calc(-1.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-contents__thumbnail {
  position: relative;
}
.component-item-other .component-item .component-item-contents__thumbnail::before, .component-item-other .component-item .component-item-contents__thumbnail::after {
  display: block;
  width: calc(8 * var(--rem));
  height: calc(8 * var(--rem));
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  translate: -50% -50%;
}
.component-item-other .component-item .component-item-contents__thumbnail::before {
  border: 1px solid #fff;
  border-radius: 50%;
}
.component-item-other .component-item .component-item-contents__thumbnail::after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 calc(0.1 * var(--rem)) calc(0.6 * var(--rem)) rgba(35, 24, 21, 0.25);
  background-color: #fff;
  -webkit-mask: url("/assets/img/common/arw_triangle.svg") no-repeat center/calc(1.9 * var(--rem)) calc(1.7 * var(--rem));
          mask: url("/assets/img/common/arw_triangle.svg") no-repeat center/calc(1.9 * var(--rem)) calc(1.7 * var(--rem));
}
.component-item-other .component-item .component-item-contents__thumbnail figure {
  border-radius: calc(1 * var(--rem));
}
.component-item-other .component-item .component-item-contents__heading {
  font-weight: 500;
}
.component-item-other .component-item .component-item-contents__note,
.component-item-other .component-item .component-item-contents .component-item-contents-note {
  font-size: calc(1 * var(--rem));
  line-height: 1.6;
}
.component-item-other .component-item .component-item-media {
  display: flex;
  align-items: center;
  gap: 0 calc(10.2 * var(--rem));
  font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 769px) {
  .component-item-other .component-item .component-item-media:not(:has(.component-item-media__image)) {
    justify-content: center;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .component-item-other .component-item .component-item-media:not(:has(.component-item-media__image)) .component-item-media__content {
    width: calc(50.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image img:nth-of-type(2)) {
  gap: calc(2 * var(--rem)) calc(1.8 * var(--rem));
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image img:nth-of-type(2)) .component-item-media__image {
  display: flex;
  flex-shrink: initial;
  gap: calc(2 * var(--rem)) calc(1.8 * var(--rem));
  width: calc(79.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image img:nth-of-type(2)) .component-item-media__image {
    flex-direction: column;
    width: 100%;
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image img:nth-of-type(2)) .component-item-media__image img {
  flex-shrink: 0;
  width: calc(38.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image img:nth-of-type(2)) .component-item-media__image img {
    width: 100%;
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)) {
  gap: calc(2 * var(--rem)) calc(1.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)) {
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(2 * var(--rem)) calc(1.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)) .component-item-media__image {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--rem)) calc(1.8 * var(--rem));
  position: relative;
  width: calc(38.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)) .component-item-media__image {
    flex-direction: column;
    width: calc(50% - calc(0.7 * var(--rem)));
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)) .component-item-media__image figcaption {
  position: absolute;
  right: 0;
  bottom: calc(-1 * var(--rem));
  left: 0;
  translate: 0 100%;
  line-height: 1.4285714286;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)) .component-item-media__content {
    margin-left: calc(5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) {
    gap: calc(6.6 * var(--rem)) calc(2.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) .component-item-media__image {
  gap: calc(2 * var(--rem)) calc(5.8 * var(--rem));
  width: calc(36.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) .component-item-media__image {
    width: 100%;
    width: calc(50% - calc(1.2 * var(--rem)));
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) .component-item-media__image--arrow {
  margin-left: calc(4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) .component-item-media__image--arrow {
    margin-left: 0;
  }
}
.component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) .component-item-media__image--arrow::before {
  display: block;
  width: calc(2 * var(--rem));
  height: calc(5.2 * var(--rem));
  content: "";
  position: absolute;
  top: 50%;
  left: calc(3.6 * var(--rem));
  translate: 0 -50%;
  background: url("/assets/img/common/arw_line_hight.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media:has(.component-item-media__image:nth-of-type(2)):has(.component-item-media__image--arrow) .component-item-media__image--arrow::before {
    width: calc(0.9 * var(--rem));
    height: calc(2.2 * var(--rem));
    left: calc(-1.6 * var(--rem));
  }
}
.component-item-other .component-item .component-item-media__image {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media__image {
    flex-direction: column;
    width: 100%;
  }
}
.component-item-other .component-item .component-item-media__heading {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media__heading {
    font-size: calc(1.2 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media__heading--large {
    font-size: calc(1.4 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media__subheading {
    font-size: calc(1.2 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-media__text {
    font-size: calc(1.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-media__note {
  font-size: calc(1 * var(--rem));
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .component-item-other .component-item .component-item-cards:not(:has(.splide__slide:nth-of-type(4))) * {
    pointer-events: none;
  }
}
.component-item-other .component-item .component-item-cards .splide__slide {
  width: calc(38.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-cards .splide__slide {
    width: calc(25.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-cards .splide__track {
  padding: 0 calc((100% - calc(144 * var(--rem))) / 2 + calc(12 * var(--rem)) - calc(0.5 * var(--rem))) !important;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-cards .splide__track {
    padding-right: calc(35.4 * var(--rem)) !important;
    padding-right: calc(1 * var(--rem)) !important;
    padding-left: calc(2 * var(--rem)) !important;
  }
}
.component-item-other .component-item .component-item-product__head {
  display: flex;
  gap: 0 calc(10 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-images {
  width: calc(59 * var(--rem));
  height: calc(59 * var(--rem));
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-images {
    width: calc(34.4 * var(--rem));
    height: calc(34.4 * var(--rem));
    order: -1;
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-images:not(:has(.is-clicked)) .component-item-product-images__item:first-of-type,
.component-item-other .component-item .component-item-product__head .component-item-product-images .component-item-product-images__item.is-clicked {
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.component-item-other .component-item .component-item-product__head .component-item-product-images__item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  will-change: opacity;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1.8 * var(--rem)) calc(3 * var(--rem));
  margin-top: calc(4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-products {
    order: -1;
    gap: calc(2.6 * var(--rem)) calc(0.8 * var(--rem));
    margin-top: calc(1.6 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-products__heading {
  font-weight: 500;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products__heading + * {
  margin-top: calc(1 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-products__heading + * {
    margin-top: calc(0.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-products:not(:has(.is-clicked)) .component-item-product-products__item:first-of-type .component-item-product-colors__item:first-of-type .component-item-product-colors__image,
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__item button.is-clicked .component-item-product-colors__image {
  pointer-events: none;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products:not(:has(.is-clicked)) .component-item-product-products__item:first-of-type .component-item-product-colors__item:first-of-type .component-item-product-colors__image::before,
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__item button.is-clicked .component-item-product-colors__image::before {
  opacity: 1;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors {
  display: flex;
  flex-wrap: wrap;
  gap: calc(3 * var(--rem)) calc(1 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors {
    gap: calc(2 * var(--rem)) calc(0.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors:not(:has(.component-item-product-colors__item:nth-of-type(2))) {
  display: none;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__item {
  width: calc(9.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__item {
    width: calc(8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__item button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__image {
  width: calc(9.4 * var(--rem));
  height: calc(9.4 * var(--rem));
  position: relative;
  overflow: hidden;
  border-radius: calc(0.5 * var(--rem));
  transition: border 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__image {
    width: calc(8 * var(--rem));
    height: calc(8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__image::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  border: 1px solid #231815;
  border-radius: calc(0.5 * var(--rem));
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__text {
  margin-top: calc(0.6 * var(--rem));
  font-size: calc(1.2 * var(--rem));
  line-height: 1.3333333333;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__head .component-item-product-products .component-item-product-colors__text {
    margin-top: calc(0.8 * var(--rem));
    font-size: calc(1 * var(--rem));
    line-height: 1.2;
  }
}
.component-item-other .component-item .component-item-product__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__content {
    display: contents;
  }
}
.component-item-other .component-item .component-item-product__text {
  color: #898989;
  font-size: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__text {
    order: 1;
    margin-top: calc(0.8 * var(--rem));
    font-size: calc(1 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__heading {
  margin-top: calc(1 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__heading {
    margin-top: calc(3.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__heading-en {
  font-weight: 500;
  font-size: calc(4 * var(--rem));
  font-family: Yakuhanjp, "Figtree", sans-serif;
  line-height: 1.3;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__heading-en {
    font-size: calc(2.2 * var(--rem));
    line-height: 1.1818181818;
  }
}
.component-item-other .component-item .component-item-product__heading-ja {
  margin-top: calc(1 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__heading-ja {
    margin-top: 0;
    font-size: calc(1.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__price {
  margin-top: calc(3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__price {
    order: 1;
    margin-top: calc(4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body {
  margin-top: calc(12 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body {
    margin-top: calc(5.2 * var(--rem));
    padding: 0 calc(2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-tabs {
  display: flex;
  justify-content: center;
  gap: calc(3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-tabs {
    justify-content: space-between;
    gap: 0;
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-tabs:not(:has(.is-clicked)) .component-item-product-tabs__item:first-of-type button,
.component-item-other .component-item .component-item-product__body .component-item-product-tabs .component-item-product-tabs__item button.is-clicked {
  pointer-events: none;
}
.component-item-other .component-item .component-item-product__body .component-item-product-tabs:not(:has(.is-clicked)) .component-item-product-tabs__item:first-of-type button span,
.component-item-other .component-item .component-item-product__body .component-item-product-tabs .component-item-product-tabs__item button.is-clicked span {
  background-size: 100% 1px;
}
.component-item-other .component-item .component-item-product__body .component-item-product-tabs__item {
  width: calc(30 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-tabs__item {
    width: calc(8.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-tabs__item button {
  width: 100%;
  position: relative;
}
.component-item-other .component-item .component-item-product__body .component-item-product-tabs__item button span {
  display: inline-block;
  width: calc(15 * var(--rem));
  padding: calc(1 * var(--rem)) 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-tabs__item button span {
    width: calc(8.8 * var(--rem));
    padding: calc(1.6 * var(--rem)) 0;
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents {
  border-top: 1px solid #e6e6e6;
  padding-top: calc(6 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-contents {
    padding-top: calc(3.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents:not(:has(.is-clicked)) .component-item-product-contents__item:first-of-type,
.component-item-other .component-item .component-item-product__body .component-item-product-contents .component-item-product-contents__item.is-clicked {
  display: block;
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__item {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-contents__item {
    max-width: 100%;
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button {
  text-align: center;
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(80 * var(--rem));
  height: calc(10 * var(--rem));
  border: 1px solid #e6e6e6;
  font-size: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-contents__button a {
    width: calc(34.4 * var(--rem));
    height: calc(6 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button a[href=""] {
  pointer-events: none;
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button a[target=_blank] span {
  display: flex;
  align-items: center;
  gap: calc(0.8 * var(--rem));
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button a[target=_blank] span::after {
  display: block;
  width: calc(0.9 * var(--rem));
  height: calc(0.9 * var(--rem));
  content: "";
  background: url("/assets/img/common/icn_window.svg") no-repeat center/contain;
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button a span {
  padding-bottom: calc(0.4 * var(--rem));
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__button + * {
  margin-top: calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-contents__button + * {
    margin-top: calc(1 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-contents__text {
  font-size: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-contents__text {
    font-size: calc(1 * var(--rem));
    line-height: 2.2;
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-table {
  width: calc(79.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-table {
    width: 100%;
    font-size: calc(1 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr:nth-of-type(n + 2) th,
.component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr:nth-of-type(n + 2) td {
  padding-top: calc(1.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr:nth-of-type(n + 2) th,
  .component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr:nth-of-type(n + 2) td {
    padding-top: calc(1.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr th,
.component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr td {
  border-bottom: 1px solid #e6e6e6;
  vertical-align: bottom;
}
.component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr th {
  font-weight: 400;
  width: calc(14.2 * var(--rem));
  padding-bottom: calc(0.8 * var(--rem));
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr th {
    width: calc(8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-product__body .component-item-product-table tbody tr td {
  padding-bottom: calc(0.6 * var(--rem));
  font-weight: 300;
  line-height: 1.7142857143;
}
.component-item-other .component-item .component-item-others {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(2 * var(--rem));
}
.component-item-other .component-item .component-item-others__item {
  width: calc(50% - calc(1 * var(--rem)));
  border: 1px solid #e6e6e6;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-others__item {
    width: 100%;
  }
}
.component-item-other .component-item .component-item-others__item a {
  display: flex;
  align-items: center;
  padding: calc(4 * var(--rem)) calc(2 * var(--rem)) calc(4 * var(--rem)) 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-others__item a {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(2.2 * var(--rem));
    padding: calc(2.8 * var(--rem)) calc(3 * var(--rem)) calc(2.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-others__image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-others__image {
    width: 100%;
  }
}
.component-item-other .component-item .component-item-others__content {
  font-size: calc(1.2 * var(--rem));
}
.component-item-other .component-item .component-item-others__heading {
  font-weight: 600;
}
.component-item-other .component-item .component-item-others__heading--large {
  font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-others__heading--large {
    font-size: calc(1.2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-others__subheading {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-others__text {
    font-size: calc(1 * var(--rem));
  }
}
.component-item-other .component-item .component-breadcrumb {
  margin-top: calc(16 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-breadcrumb {
    margin-top: calc(20 * var(--rem));
  }
}
.component-item-other .component-item .component-item-box {
  width: 100%;
  max-width: calc(81.4 * var(--rem));
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-box {
    padding: 0 calc(2 * var(--rem));
  }
}
.component-item-other .component-item .component-item-box__inner {
  display: flex;
  gap: calc(2 * var(--rem));
  padding: calc(3 * var(--rem)) calc(3 * var(--rem));
  border: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-box__inner {
    flex-direction: column;
    gap: calc(1.2 * var(--rem));
    padding: calc(3 * var(--rem)) calc(2 * var(--rem)) calc(1.4 * var(--rem));
  }
}
.component-item-other .component-item .component-item-box__logo {
  flex-shrink: 0;
  width: calc(10.7 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-box__logo {
    margin: 0 auto;
  }
}
.component-item-other .component-item .component-item-box__content {
  margin-top: calc(-0.8 * var(--rem));
}
.component-item-other .component-item .component-item-box__heading, .component-item-other .component-item .component-item-box__subheading {
  font-weight: 500;
}
.component-item-other .component-item .component-item-box__note {
  font-size: calc(1 * var(--rem));
  line-height: 1.6;
}
.component-item-other .component-item .component-item-box--slim {
  width: 100%;
  max-width: calc(80 * var(--rem));
  margin-left: auto;
  margin-right: auto;
}
.component-item-other .component-item .component-item-box--slim .component-item-box__inner {
  position: relative;
  padding: calc(5 * var(--rem)) calc(10.6 * var(--rem)) calc(3.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-box--slim .component-item-box__inner {
    padding: calc(2.8 * var(--rem)) calc(3 * var(--rem)) calc(2.8 * var(--rem));
  }
}
.component-item-other .component-item .component-item-box--slim .component-item-box__logo {
  width: calc(7.3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-box--slim .component-item-box__logo {
    position: absolute;
    top: calc(2.8 * var(--rem));
    left: calc(3 * var(--rem));
  }
}
.component-item-other .component-item .component-item-box--slim .component-item-box__heading {
  font-size: calc(1.5 * var(--rem));
}
.component-item-other .component-item .component-item-box--slim .component-item-box__subheading {
  font-weight: 500;
  font-size: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item .component-item-box--slim .component-item-box__subheading {
    margin-top: calc(-1.5 * var(--rem));
    padding-left: calc(11 * var(--rem));
  }
}
.component-item-other .component-item .component-item-box--slim .component-item-box__text {
  font-size: calc(1.2 * var(--rem));
}
.component-item-other a {
  text-decoration: none !important;
}
.component-item-other .component-item-products {
  font-size: calc(1.2 * var(--rem));
  text-align: center;
}
.component-item-other .component-item-products .splide__arrows {
  width: 100%;
  max-width: calc(140 * var(--rem));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-end;
  gap: calc(1.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item-products .splide__arrows {
    display: none;
  }
}
.component-item-other .component-item-products .splide__arrow {
  width: calc(3.4 * var(--rem));
  height: calc(3.4 * var(--rem));
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #898989;
  background-color: #fff;
  transition: border-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .component-item-other .component-item-products .splide__arrow:hover::before {
    animation: translate-back 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  }
}
@media (hover: none) {
  .component-item-other .component-item-products .splide__arrow:active::before {
    animation: translate-back 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  }
}
.component-item-other .component-item-products .splide__arrow::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background-color: #898989;
  -webkit-mask: url("/assets/img/common/arw.svg") no-repeat center/calc(1.1 * var(--rem)) calc(0.7 * var(--rem));
          mask: url("/assets/img/common/arw.svg") no-repeat center/calc(1.1 * var(--rem)) calc(0.7 * var(--rem));
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: translate;
}
.component-item-other .component-item-products .splide__arrow[disabled] {
  border-color: #e6e6e6;
  pointer-events: none;
}
.component-item-other .component-item-products .splide__arrow[disabled]::before {
  background-color: #e6e6e6;
}
.component-item-other .component-item-products .splide__arrow--prev {
  rotate: 180deg;
}
.component-item-other .component-item-products .splide__track {
  padding: 0 calc((100% - calc(144 * var(--rem))) / 2 + calc(12 * var(--rem)) - calc(0.5 * var(--rem))) !important;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item-products .splide__track {
    padding-right: calc(35.4 * var(--rem)) !important;
    padding-right: calc(1 * var(--rem)) !important;
    padding-left: calc(2 * var(--rem)) !important;
  }
}
.component-item-other .component-item-products .splide__slide {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item-products .splide__slide {
    width: 50%;
  }
}
.component-item-other .component-item-products .splide__slide.is-current {
  display: none;
}
.component-item-other .component-item-products .splide__pagination {
  display: none;
}
.component-item-other .component-item-products__image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.component-item-other .component-item-products__heading {
  margin-top: calc(1.4 * var(--rem));
}
.component-item-other .component-item-products__heading-en {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item-products__heading-en {
    font-size: calc(1 * var(--rem));
  }
}
.component-item-other .component-item-products__text {
  margin-top: calc(1 * var(--rem));
  color: #898989;
}
@media screen and (max-width: 768px) {
  .component-item-other .component-item-products__text {
    font-size: calc(1 * var(--rem));
  }
}