@charset "UTF-8";
/*--------------- Hover 效果 ---------------*/
html { scroll-behavior: smooth; }

#Box { padding-top: 120px; }

@media (max-width: 1920px) { #Box { padding-top: 6.25vw; } }

@media (max-width: 1200px) { #Box { padding-top: 10vw; } }

@media (max-width: 992px) { #Box { padding-top: 16vmin; } }

.pageBody { --header-height: 120px; font-family: "nbk", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1; background: #fff; }

@media (max-width: 1920px) { .pageBody { --header-height: 6.25vw; } }

@media (max-width: 1200px) { .pageBody { --header-height: 10vw; } }

@media (max-width: 992px) { .pageBody { --header-height: 16vmin; } }

.pageBody * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.pageBody a { text-decoration: none; }

.service-link--primary { color: #0088FF; border-bottom: #0088FF 1px solid; }

.service-link--pdf { position: relative; margin-right: 0.83333vw; }

@media (max-width: 992px) { .service-link--pdf { margin-right: 3.2vmin; } }

.service-link--pdf::after { position: absolute; top: 0.05208vw; right: -0.83333vw; content: ''; display: inline-block; width: 0.67708vw; height: 0.88542vw; background: url("/images/service/v25/common/icon-pdf.svg") no-repeat center center/contain; }

@media (max-width: 992px) { .service-link--pdf::after { top: 0.26667vmin; right: -3.2vmin; width: 2.4vmin; height: 2.93333vmin; } }

.service-link--information { color: #767676; }

.service-link--information::after { content: ''; display: inline-block; width: 0.83333vw; height: 0.83333vw; margin-left: 0.20833vw; vertical-align: baseline; background: url("/images/service/v25/common/icon-information.svg") no-repeat center center/contain; }

@media (max-width: 992px) { .service-link--information::after { width: 2.8vmin; height: 2.8vmin; margin-left: 1.06667vmin; } }

.service-link--learn-more { color: #000; }

.service-link--learn-more::after { content: ''; display: inline-block; width: 0.72917vw; height: 0.72917vw; margin-left: 0.72917vw; vertical-align: baseline; background: url("/images/service/v25/common/icon-learn-more.svg") no-repeat center center/contain; }

@media (max-width: 992px) { .service-link--learn-more::after { width: 1.86667vmin; height: 1.86667vmin; margin-left: 1.86667vmin; } }

.service-table { width: 69.79167vw; margin: 0 auto; }

@media (max-width: 992px) { .service-table { width: 91.73333vmin; } }

.service-table table { width: 100%; }

.service-table th, .service-table td { letter-spacing: 0.02em; text-align: center; vertical-align: middle; border: #FFF 0.26042vw solid; }

@media (max-width: 992px) { .service-table th, .service-table td { border-width: 0.53333vmin; } }

.service-table th { height: 4.16667vw; color: #FFF; font-size: 1.40625vw; font-weight: 400; background: #000; }

@media (max-width: 992px) { .service-table th { height: 6.93333vmin; font-size: 2.8vmin; } }

.service-table td { position: relative; height: 5.72917vw; color: #000; font-size: 1.25vw; line-height: 1.82292vw; background: #FFF; }

@media (max-width: 992px) { .service-table td { height: 14.4vmin; font-size: 2.8vmin; line-height: 4.66667vmin; padding: 1.33333vmin 0; } }

.service-table td span { display: block; font-size: 0.88542vw; }

@media (max-width: 992px) { .service-table td span { font-size: 2.26667vmin; } }

.service-table tr:nth-child(even) td { background: #F5F5F5; }

.fade-enter-active, .fade-leave-active { -webkit-transition: opacity .35s; transition: opacity .35s; pointer-events: none; }

.fade-enter, .fade-leave-to { opacity: 0; }

@media (max-width: 992px) { #Foot.v22 { padding-bottom: calc(15.2vmin + 1px); } }

.service-accordion { width: 72.91667vw; margin: 0 auto; }

@media (max-width: 992px) { .service-accordion { width: 90.66667vmin; } }

.service-accordion--faq > ul { counter-reset: question; }

.service-accordion .service-accordion__header { position: relative; border-bottom: #BBB 0.10417vw solid; }

@media (max-width: 992px) { .service-accordion .service-accordion__header { border-bottom-width: 0.26667vmin; } }

.service-accordion .service-accordion__header::after { content: ''; position: absolute; top: 0; right: 0; width: 4.0625vw; height: 100%; background: url("/images/service/v25/common/arrow-down.png") no-repeat center center/1.04167vw 0.625vw; pointer-events: none; }

@media (max-width: 992px) { .service-accordion .service-accordion__header::after { width: 5.06667vmin; background-size: 2.66667vmin 1.6vmin; } }

.service-accordion__item--expand .service-accordion__header::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.service-accordion button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 4.42708vw; color: #000; font-size: 1.09375vw; font-family: "nbk", "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.8; letter-spacing: 0.05em; margin: 0; padding: 1.14583vw 4.0625vw 1.14583vw 0; border: 0; border-radius: 0; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; text-align: justify; cursor: pointer; }

@media (max-width: 992px) { .service-accordion button { min-height: 12vmin; font-size: 3.33333vmin; padding: 2.93333vmin 7.73333vmin 2.93333vmin 0; } }

.service-accordion--faq button { display: block; }

.service-accordion--faq button::before { counter-increment: question; content: "Q" counter(question) "."; margin-right: 1em; }

.service-accordion .service-accordion__content { display: none; color: #767676; font-size: 1.09375vw; text-align: justify; line-height: 2.143; letter-spacing: 0.05em; padding: 1.5625vw 6.25vw 1.5625vw 0; }

@media (max-width: 992px) { .service-accordion .service-accordion__content { font-size: 3.33333vmin; line-height: 1.8; padding: 4vmin 0; } }

.service-accordion--black .service-accordion__content { color: #000; }

.service-accordion--faq .service-accordion__content { position: relative; color: #767676; padding-left: 2.6em; }

.service-accordion--faq .service-accordion__content::before { position: absolute; left: 0; content: 'A：'; }

.service-accordion__item--expand .service-accordion__content { display: block; }

.service-accordion__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.service-banner { --service-banner-text-color: #FFF; --service-banner-underline-color: #000; --service-banner-shortcuts-shadow: 0,0,0; position: relative; z-index: 1; position: relative; height: calc(100vh - var(--header-height)); margin-bottom: 5.20833vw; background-color: #EEE; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; }

.service-banner--dark { --service-banner-text-color: #000; --service-banner-underline-color: #fff; }

.service-banner::before { display: none; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 16.66667vh; background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--service-banner-shortcuts-shadow), 1)), to(rgba(var(--service-banner-shortcuts-shadow), 0))); background: linear-gradient(0deg, rgba(var(--service-banner-shortcuts-shadow), 1) 0%, rgba(var(--service-banner-shortcuts-shadow), 0) 100%); pointer-events: none; }

@media (max-width: 992px) { .service-banner::before { display: block; height: 19.33333vmin; background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--service-banner-shortcuts-shadow), 1)), color-stop(75%, rgba(var(--service-banner-shortcuts-shadow), 0))); background: linear-gradient(0deg, rgba(var(--service-banner-shortcuts-shadow), 1) 0%, rgba(var(--service-banner-shortcuts-shadow), 0) 75%); } }

@media (min-width: 993px) { .service-banner--shadow::before { display: block; } }

@media (max-width: 992px) { .service-banner { height: 126.66667vmin; margin-bottom: 0; } }

.service-banner__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; max-width: 177.77778vh; margin: 0 auto; padding: 16.11111vh 0 0 12.40741vh; }

@media (max-width: 992px) { .service-banner__container { max-width: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8.53333vmin 0 0; } }

.service-banner__caption { position: relative; }

.service-banner__caption h1 { position: relative; color: var(--service-banner-text-color); font-size: 6.48148vh; font-weight: 400; line-height: 1; letter-spacing: 0.05em; padding-left: 0.05em; }

@media (max-width: 992px) { .service-banner__caption h1 { font-size: 9.33333vmin; line-height: 1.143; letter-spacing: 0.1em; text-align: center; padding-left: 0.1em; } }

.service-banner__caption::before { content: ''; position: absolute; left: -0.05em; bottom: -0.15em; width: 100%; height: 2.59259vh; background-color: var(--service-banner-underline-color); }

@media (max-width: 992px) { .service-banner__caption::before { bottom: -0.1em; } }

.service-banner__description { margin-top: 1.85185vh; }

@media (max-width: 992px) { .service-banner__description { margin-top: 2.8vmin; } }

.service-banner__description p { color: var(--service-banner-text-color); font-size: 2.31481vh; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; padding-left: 0.1em; }

@media (max-width: 992px) { .service-banner__description p { font-size: 4vmin; line-height: 1.5; text-align: center; } }

.service-banner__shortcuts { position: absolute; top: 0; left: 0; width: 7.22222vh; height: 100%; background: #FFF; overflow: hidden; }

@media (max-width: 992px) { .service-banner__shortcuts { top: auto !important; bottom: 0; width: 100%; height: 19.33333vmin; padding: 0 13.33333vmin; background: none; } }

.service-banner__shortcuts .swiper { height: 100%; }

@media (max-width: 992px) { .service-banner__shortcuts .swiper { -webkit-mask: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(6.66667vmin, black), color-stop(black), to(rgba(0, 0, 0, 0))); -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 6.66667vmin, black calc(100% - 6.66667vmin), rgba(0, 0, 0, 0) 100%); mask: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(6.66667vmin, black), color-stop(black), to(rgba(0, 0, 0, 0))); mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 6.66667vmin, black calc(100% - 6.66667vmin), rgba(0, 0, 0, 0) 100%); } }

@media (max-width: 992px) { .service-banner__shortcuts--fixed .swiper { position: fixed; top: 120px; left: 0; width: 100%; height: 12vmin; background: #FFF; } }

@media (max-width: 992px) and (max-width: 1920px) { .service-banner__shortcuts--fixed .swiper { top: 6.25vw; } }

@media (max-width: 992px) and (max-width: 1200px) { .service-banner__shortcuts--fixed .swiper { top: 10vw; } }

@media (max-width: 992px) and (max-width: 992px) { .service-banner__shortcuts--fixed .swiper { top: 16vmin; } }

@media (max-width: 992px) { .service-banner__shortcuts--fixed .swiper a { color: #000; } }

.service-banner__shortcuts ul { height: 100%; font-size: 1.57407vh; letter-spacing: 0.25em; padding-bottom: 3.51852vh; }

@media (min-width: 993px) { .service-banner__shortcuts ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: none !important; transform: none !important; } }

@media (max-width: 992px) { .service-banner__shortcuts ul { font-size: 3.33333vmin; letter-spacing: 0.1em; padding: 0; } }

.service-banner__shortcuts li { width: auto; text-align: center; padding: 1em 0; }

@media (min-width: 993px) { .service-banner__shortcuts li { height: auto; } }

@media (max-width: 992px) { .service-banner__shortcuts li { padding: 0 1.5em; } }

@media (max-width: 992px) { .service-banner__shortcuts--no-swiper { padding: 0; } }

@media (max-width: 992px) { .service-banner__shortcuts--no-swiper .swiper { -webkit-mask: none; mask: none; } }

.service-banner__shortcuts--no-swiper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 992px) { .service-banner__shortcuts--no-swiper ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.service-banner__shortcuts--no-swiper li { padding: 1em 0; }

@media (max-width: 992px) { .service-banner__shortcuts--no-swiper li { padding: 0 1.5em; } }

.service-banner__shortcuts--no-swiper .swiper-arrow { display: none; }

.service-banner__shortcuts a { color: #000; font-weight: 500; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

@media (min-width: 993px) { .service-banner__shortcuts a { position: relative; }
  .service-banner__shortcuts a::after { content: ''; position: absolute; top: -0.125em; left: -0.3em; width: 1px; height: 100%; background: transparent; pointer-events: none; }
  .service-banner__shortcuts a:hover::after { background: #000; } }

@media (max-width: 992px) { .service-banner__shortcuts a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: #fff; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; } }

@media (min-width: 993px) { .service-banner__shortcuts a span { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; letter-spacing: 0; vertical-align: text-bottom; } }

@media (min-width: 993px) { .service-banner__shortcuts .swiper-arrow { display: none; } }

@media (max-width: 992px) { .service-banner__shortcuts .swiper-arrow { top: 0; width: 13.33333vmin; height: 100%; margin-top: 0; background-size: 2.26667vmin 4.13333vmin; } }

.service-banner__shortcuts .swiper-arrow--prev { left: 0; background-image: url("/images/service/v25/common/arrow-prev.png"); }

.service-banner__shortcuts .swiper-arrow--next { right: 0; background-image: url("/images/service/v25/common/arrow-next.png"); }

.service-banner__tips { position: absolute; bottom: 0; left: 50%; width: 4.44444vh; height: 10.55556vh; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; }

@media (max-width: 992px) { .service-banner__tips { display: none; } }

.service-banner__tips::before { content: 'Scroll'; color: var(--service-banner-text-color); font-size: 1.94444vh; font-weight: 400; text-align: center; }

.service-banner__tips::after { position: absolute; top: 2.68519vh; left: calc(50% - 0.5px); content: ''; width: 1px; height: 0; background: var(--service-banner-text-color); -webkit-animation: serviceBannerTips 2s ease-in-out infinite; animation: serviceBannerTips 2s ease-in-out infinite; -webkit-transform-origin: center bottom; transform-origin: center bottom; will-change: height, transform; }

@-webkit-keyframes serviceBannerTips { 0% { height: 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% { height: 7.87037vh;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% { height: 7.87037vh;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); } }

@keyframes serviceBannerTips { 0% { height: 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% { height: 7.87037vh;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% { height: 7.87037vh;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); } }

.service-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.service-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 3.125vw; font-size: 1.09375vw; line-height: 1.25; letter-spacing: 0.03em; padding: 0 1.25vw 0.10417vw; }

@media (max-width: 992px) { .service-button { height: 10.66667vmin; font-size: 3.33333vmin; padding: 0 8vmin 0.26667vmin; } }

.service-button--primary { color: #fff; background: #000; }

.service-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 83.33333vw; margin: 0 auto; gap: 2.60417vw; }

@media (max-width: 992px) { .service-cards { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 90.66667vmin; gap: 13.33333vmin; } }

@media (min-width: 993px) { .service-cards--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 75.52083vw; gap: 5.20833vw; } }

.service-cards .service-card { -ms-flex-negative: 0; flex-shrink: 0; width: 26.04167vw; }

@media (max-width: 992px) { .service-cards .service-card { width: 90.66667vmin; } }

@media (min-width: 993px) { .service-cards--row .service-card { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } }

@media (min-width: 993px) { .service-cards--row .service-card--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.service-cards .service-card__image { height: 16.14583vw; }

@media (max-width: 992px) { .service-cards .service-card__image { height: 56.26667vmin; } }

.service-cards .service-card__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.service-cards .service-card__image--reference { position: relative; }

.service-cards .service-card__image--reference::after { content: '*此為示意圖'; position: absolute; bottom: 0.625vw; left: 0.9375vw; color: #fff; font-size: 1.09375vw; line-height: 1.667; letter-spacing: 0.03em; }

@media (max-width: 992px) { .service-cards .service-card__image--reference::after { bottom: 1.2vmin; left: 1.6vmin; font-size: 2.8vmin; } }

@media (min-width: 993px) { .service-cards--row .service-card__image { -ms-flex-negative: 0; flex-shrink: 0; width: 40.10417vw; height: 25vw; } }

.service-cards .service-card__content { padding-top: 1.5625vw; }

@media (max-width: 992px) { .service-cards .service-card__content { padding-top: 4.53333vmin; } }

@media (min-width: 993px) { .service-cards--row .service-card__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 2.60417vw; padding-left: 2.60417vw; } }

@media (min-width: 993px) { .service-cards--row .service-card--reverse .service-card__content { padding-right: 2.60417vw; padding-left: 0; } }

.service-cards .service-card__title { margin-bottom: 0.52083vw; padding-bottom: 0.52083vw; border-bottom: #BBB 0.10417vw solid; }

@media (max-width: 992px) { .service-cards .service-card__title { margin-bottom: 2vmin; padding-bottom: 1.33333vmin; border-bottom: none; } }

.service-cards .service-card__title h4 { font-size: 1.09375vw; font-weight: 500; letter-spacing: 0.03em; line-height: 1.333; }

@media (max-width: 992px) { .service-cards .service-card__title h4 { font-size: 5.33333vmin; font-weight: 400; text-align: center; line-height: 1.5; } }

@media (min-width: 993px) { .service-cards--row .service-card__title { margin-bottom: 0.78125vw; padding-bottom: 0.625vw; }
  .service-cards--row .service-card__title h4 { font-size: 1.5625vw; font-weight: 400; letter-spacing: 0.02em; } }

.service-cards .service-card__subtitle { font-size: 1.09375vw; font-weight: 600; padding-bottom: 0.78125vw; }

@media (max-width: 992px) { .service-cards .service-card__subtitle { font-size: 3.33333vmin; text-align: center; padding-bottom: 1.06667vmin; } }

.service-cards .service-card__text { font-size: 0.88542vw; line-height: 1.647; letter-spacing: 0.03em; }

@media (max-width: 992px) { .service-cards .service-card__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 3.33333vmin; line-height: 1.8; letter-spacing: 0.05em; } }

.service-cards .service-card__text p { text-align: justify; }

.service-cards .service-card__text .service-link { display: inline-block; line-height: 1.1; margin-top: 0.52083vw; }

@media (max-width: 992px) { .service-cards .service-card__text .service-link { -ms-flex-item-align: center; align-self: center; margin-top: 2.66667vmin; } }

.service-cards .service-card__text .service-text-list:not(.service-text-list--black) { font-size: 0.81em; padding-top: 0.2em; line-height: 2.06; }

@media (min-width: 993px) { .service-cards--row .service-card__text { font-size: 1.09375vw; line-height: 1.667; letter-spacing: 0.02em; } }

.service-cards--row .service-card__text .service-link { margin-top: 1.75em; }

@media (min-width: 993px) { .service-cards--row .service-card__text .service-link--pdf { margin-right: 1.04167vw; }
  .service-cards--row .service-card__text .service-link--pdf::after { top: 0.15625vw; right: -1.04167vw; width: 0.72917vw; height: 0.9375vw; } }

@media (min-width: 993px) { .service-cards--row .service-card__text .service-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.service-more { position: relative; height: 17.39583vw; padding-top: 2.8125vw; margin-top: 5.20833vw; margin-bottom: 6.875vw; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, #d9d9d9), to(white)); background: linear-gradient(90deg, white 0%, #d9d9d9 50%, white 100%); /* 讓整段往左滑動 */ }

@media (max-width: 992px) { .service-more { height: 48vmin; padding-top: 4.53333vmin; margin-top: 13.33333vmin; margin-bottom: 8.53333vmin; } }

.service-more__title h6 { font-size: 6.25vw; font-style: italic; font-weight: 400; text-align: center; line-height: 1.25; letter-spacing: 0.08em; }

@media (max-width: 992px) { .service-more__title h6 { font-size: 9.33333vmin; line-height: 1.214; letter-spacing: 0.05em; } }

.service-more__marquee { width: 100%; white-space: nowrap; overflow: hidden; margin-top: 0.52083vw; }

@media (max-width: 992px) { .service-more__marquee { margin-top: 2.93333vmin; } }

.service-more__marquee__track { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-animation: marquee 45s linear infinite; animation: marquee 45s linear infinite; }

.service-more__marquee__track a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15.625vw; height: 3.125vw; color: #000; font-size: 1.09375vw; letter-spacing: 0.03em; margin: 0 1.30208vw; border: #000 0.10417vw solid; background: #FFF; }

@media (max-width: 992px) { .service-more__marquee__track a { width: 44vmin; height: 10.66667vmin; font-size: 3.33333vmin; margin: 0 3.06667vmin; border-width: 0.26667vmin; } }

.service-more__marquee__track a::after { content: ''; width: 0.78125vw; height: 0.78125vw; margin-left: 0.72917vw; background: url("/images/service/v25/common/icon-learn-more.svg") no-repeat 0 0/100% 100%; }

@media (max-width: 992px) { .service-more__marquee__track a::after { width: 2.13333vmin; height: 2.13333vmin; margin-left: 1.33333vmin; } }

.service-more__marquee.visible-tablet .service-more__marquee__track { animation-direction: reverse; }

@media (hover: hover) and (min-width: 751px) { .service-more .service-more__marquee__track:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } }

@-webkit-keyframes marquee { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@keyframes marquee { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.service-section { padding-top: 5.20833vw; padding-bottom: 5.20833vw; scroll-margin-top: var(--header-height); }

@media (max-width: 992px) { .service-section { padding-top: 13.33333vmin; padding-bottom: 6.66667vmin; } }

.service-section .section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 5.83333vw; }

@media (max-width: 992px) { .service-section .section__header { padding-bottom: 8vmin; } }

.service-section .section__title { position: relative; }

.service-section .section__title::before { content: ''; position: absolute; bottom: -0.3125vw; left: -2.34375vw; width: calc(100% + 4.6875vw); height: 2.08333vw; background: #EEE; }

@media (max-width: 992px) { .service-section .section__title::before { bottom: -1.06667vmin; left: -6vmin; width: calc(100% + 12vmin); height: 5.33333vmin; } }

.service-section .section__title h2 { position: relative; font-size: 3.125vw; font-weight: 350; line-height: 1.083; letter-spacing: 0.03em; }

@media (max-width: 992px) { .service-section .section__title h2 { font-size: 7.33333vmin; line-height: 1.036; } }

.service-section .section__description { padding-top: 0.52083vw; }

@media (max-width: 992px) { .service-section .section__description { padding-top: 2.4vmin; padding-right: 4.66667vmin; padding-left: 4.66667vmin; } }

.service-section .section__description p { font-size: 1.5625vw; font-weight: 300; line-height: 2.167; }

@media (max-width: 992px) { .service-section .section__description p { font-size: 3.33333vmin; line-height: 2.08; text-align: center; } }

.service-section .section__content .section__subtitle { padding-bottom: 1.5625vw; }

@media (max-width: 992px) { .service-section .section__content .section__subtitle { padding-bottom: 4vmin; } }

.service-section .section__content .section__subtitle h3 { font-size: 1.5625vw; font-weight: 400; text-align: center; letter-spacing: 0.03em; }

@media (max-width: 992px) { .service-section .section__content .section__subtitle h3 { font-size: 5.33333vmin; font-weight: 350; } }

.service-section .section__footer .service-buttons { padding-top: 3.125vw; }

@media (max-width: 992px) { .service-section .section__footer .service-buttons { padding-top: 8vmin; } }

.service-text-list { color: #767676; }

.service-text-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.service-text-list li::before { margin-right: 0.25em; }

.service-text-list--star li::before { content: '*'; }

.service-text-list--dot li::before { content: '・'; margin-right: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }

.service-text-list--number { counter-reset: number; }

.service-text-list--number li::before { -ms-flex-negative: 0; flex-shrink: 0; min-width: 0.83333vw; text-align: right; counter-increment: number; content: counter(number) "."; margin-right: 0.35em; padding-left: 0.52083vw; }

@media (max-width: 992px) { .service-text-list--number li::before { min-width: 0; text-align: left; margin-right: 0.3em; padding-left: 0; } }

.service-text-list--black { color: #000; }

#warranty-root .service-banner { background-color: #000; background-image: url("/images/service/v25/warranty/banner.jpg"); }

@media (max-width: 992px) { #warranty-root .service-banner { background-image: url("/images/service/v25/warranty/banner_m.jpg"); } }

#warranty-root .warranty-original-plan .section__subtitle { margin-top: 7.8125vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .section__subtitle { margin-top: 13.33333vmin; } }

#warranty-root .warranty-original-plan .warranty__plans { position: relative; }

#warranty-root .warranty-original-plan .swiper-slide { -webkit-transform: scale(0.821); transform: scale(0.821); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; }

#warranty-root .warranty-original-plan .swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); }

#warranty-root .warranty-original-plan .warranty__plan { width: 29.6875vw; height: 27.86458vw; letter-spacing: 0.03em; padding: 0 4.58333vw; margin: 0 3.90625vw; border: #000 0.10417vw solid; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan { width: 69.33333vmin; height: 82.86667vmin; padding: 0 3.84vmin; margin: 0 2.26667vmin; border: #000 0.26667vmin solid; } }

#warranty-root .warranty-original-plan .warranty__plan__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 13.22917vw; padding-bottom: 1.71875vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan__icon { height: 38.66667vmin; padding-bottom: 5.06667vmin; } }

#warranty-root .warranty-original-plan .warranty__plan__icon img { width: auto; height: 8.07292vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan__icon img { height: 25.06667vmin; } }

#warranty-root .warranty-original-plan .warranty__plan--6 .warranty__plan__icon img { height: 5.9375vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan--6 .warranty__plan__icon img { height: 18.4vmin; } }

#warranty-root .warranty-original-plan .warranty__plan__title { margin-bottom: 1.875vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan__title { margin-bottom: 3.46667vmin; } }

#warranty-root .warranty-original-plan .warranty__plan__title p { font-size: 1.66667vw; text-align: center; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan__title p { font-size: 5.33333vmin; } }

#warranty-root .warranty-original-plan .warranty__plan__text p { font-size: 1.125vw; line-height: 1.778; text-align: center; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .warranty__plan__text p { font-size: 3.36vmin; } }

#warranty-root .warranty-original-plan .swiper-arrow { top: 50%; right: auto; left: 50%; width: 5.20833vw; height: 5.20833vw; margin-top: 0; background-size: 0.78125vw 1.40625vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .swiper-arrow { width: 10.66667vmin; height: 10.66667vmin; background-size: 2.26667vmin 4.13333vmin; } }

#warranty-root .warranty-original-plan .swiper-arrow--prev { margin-left: -17.44792vw; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); background-image: url("/images/service/v25/common/arrow-prev_black.png"); }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .swiper-arrow--prev { margin-left: -34.93333vmin; } }

#warranty-root .warranty-original-plan .swiper-arrow--next { margin-left: 17.44792vw; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); background-image: url("/images/service/v25/common/arrow-next_black.png"); }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .swiper-arrow--next { margin-left: 34.93333vmin; } }

#warranty-root .warranty-original-plan .service-buttons { margin-top: 3.125vw; }

@media (max-width: 992px) { #warranty-root .warranty-original-plan .service-buttons { margin-top: 8vmin; } }