:root {
  --color-brand: #16628C;
  --color-brand-dark: #0F425E;
  --color-page: #f8f8f8;
  --color-soft: #EEF4F2;
  --color-band: #1d80b7;
}

.top .topService__inner { background: var(--color-band) !important; }
.top .topService__inner::before { background: url("/generated/aqua-port-trading-unified/assets/generated/saas/topservice-wave-before.png") bottom center / 100% 100% no-repeat !important; }
.top .topService__inner::after { background: url("/generated/aqua-port-trading-unified/assets/generated/saas/topservice-wave-after.png") top center / 100% 100% no-repeat !important; }
.top .slick-arrow, .top .slick-dots .slick-active button, .top .topCompany__link--link a::before { background: var(--color-brand) !important; }
.top .btn--rect > a { border-color: var(--color-brand) !important; color: var(--color-brand) !important; }
.newsList__item--info .date, .top .newsList__date, .topCase__h2::before, .topColumn__h2::after, .topInfo__h2 span::before { color: var(--color-brand) !important; }
.top .topCase__h2::before { background-image: url("/generated/aqua-port-trading-unified/assets/generated/top-title-case-study.svg") !important; }
.top .topColumn__h2::after { background-image: url("/generated/aqua-port-trading-unified/assets/generated/top-title-column.svg") !important; }
.top .topCompany__h2 span::after { background-image: url("/generated/aqua-port-trading-unified/assets/generated/top-title-company.svg") !important; }
.top .topInfo__h2 span::before { background-image: url("/generated/aqua-port-trading-unified/assets/generated/top-title-info.svg") !important; }
.header__login a { visibility: hidden !important; pointer-events: none !important; }
.header__logo img, .footer__logo img { content: url("/generated/aqua-port-trading-unified/assets/generated/saas/brand-logo.svg"); }
.header__logo a { width: 246px !important; height: 68px !important; }
.header__logo a img, .header__logo picture img { width: 246px !important; height: auto !important; max-width: none !important; object-fit: contain !important; object-position: left center !important; }
.header__menu--row.header__menu--sub { display: none !important; }
@media (min-width: 768px) { .header__logo { width: auto !important; max-width: none !important; flex: 0 0 auto !important; justify-content: flex-start !important; padding-left: clamp(18px, 2.4vw, 40px) !important; } }
@media (min-width: 768px) { .header__main { width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; padding-left: clamp(16px, 2vw, 48px) !important; } }
@media (min-width: 768px) { .header__menu { width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; justify-content: center !important; } }
@media (min-width: 768px) { .header__menu .menu__list { flex-wrap: nowrap !important; justify-content: flex-end !important; } }
@media (min-width: 768px) { .header__menu .menu__item { white-space: nowrap !important; padding: 3px clamp(0.7em, 1.2vw, 1.35em) !important; } }
@media (min-width: 768px) { .header__menu .menu__item a { white-space: nowrap !important; } }
@media (min-width: 768px) { .header__login { width: clamp(16px, 3vw, 56px) !important; } }
@media (max-width: 767px) { html, body { overflow-x: clip !important; } .header { width: 100dvw !important; max-width: 100dvw !important; } .top .mainVisual, .top .mainVisual__slider, .top .mainVisual__slideFrame { overflow-x: clip !important; } .header__logo a { width: 168px !important; height: 48px !important; } .header__logo a img, .header__logo picture img { width: 168px !important; height: auto !important; } }
.page__header::before, .has--arrowR::before, .has--arrowD::before, .contact .form__required, .contact .form__submit input, .service__point--num, .recruitment .page__h2 span, .temporary-staffing .page__h2 span { color: var(--color-brand) !important; }
.page__header .en, .page__kv--en, .page__h2::before, .case__h2::before, .column__h2::before { color: var(--color-brand) !important; }
.page .btn--rect > a, .contact .btn--rect > a { border-color: var(--color-brand) !important; color: var(--color-brand) !important; }
.page .btn--rect > a::after, .contact .btn--rect > a::after { border-color: var(--color-brand) !important; }
.page .service__inquiry .btn--rect > a { color: var(--color-invert) !important; }
.tel[data-saas-tel-text] { font-size: clamp(1.5rem, 4.4vw, 2rem) !important; word-break: normal !important; overflow-wrap: anywhere !important; line-height: 1.5 !important; }
.top .topService[data-saas-service-count="4"] { padding-bottom: 9% !important; }
.top .topService[data-saas-service-count="4"] .topService__cont--right { min-height: 0 !important; }
.top .topService[data-saas-service-count="4"] .topService--fc { margin-bottom: 34px !important; }
.top .topService[data-saas-service-count="5"] { padding-bottom: 11% !important; }
.top .topService[data-saas-service-count="5"] .topService__cont--right { min-height: 0 !important; }
.top .topService[data-saas-service-count="5"] .topService--fc { margin-bottom: 58px !important; }
.top .topService__link--item[hidden] { display: none !important; }
.rebuild-card-link[hidden], .service-card[hidden] { display: none !important; }
.rebuild-table tr[hidden], .rebuild-list li[hidden], .topCase__ex[hidden] { display: none !important; }
[data-saas-lx-hidden] { display: none !important; }
.top .topColumn__list[data-saas-visible-count="2"] { justify-content: flex-start !important; gap: clamp(32px, 4vw, 56px) !important; }
.top .topColumn__list[data-saas-visible-count="2"] .topColumn__list--item { width: calc((100% - clamp(32px, 4vw, 56px)) / 2) !important; }
.top .topColumn__list[data-saas-visible-count="1"] { justify-content: center !important; }
.top .topColumn__list[data-saas-visible-count="1"] .topColumn__list--item { width: min(520px, 100%) !important; }
@media (max-width: 767px) { .top .topColumn__list[data-saas-visible-count] { gap: 0 18px !important; } .top .topColumn__list[data-saas-visible-count="2"] .topColumn__list--item, .top .topColumn__list[data-saas-visible-count="1"] .topColumn__list--item { width: calc(50% - 9px) !important; } }
.page__title, .page__h2, .page__h3, .topCase__ex span, .top .topColumn__list--item p, .service-card span { text-wrap: balance; line-break: strict; overflow-wrap: break-word; }
.page__title .saas-phrase, .page__h2 .saas-phrase, .page__h3 .saas-phrase { break-inside: avoid; }
.page .service-card { border-bottom: 4px solid var(--color-brand) !important; box-shadow: 0 12px 28px rgba(0,0,0,.08) !important; }
.page .service-card span { color: var(--color-brand) !important; }
.top .topColumn__list--item a { padding-bottom: 18px !important; border-bottom: 3px solid var(--color-brand) !important; }
.page .box { border-top: 4px solid var(--color-brand) !important; }
.top .topService__link--item a[data-saas-service-num]::before { content: attr(data-saas-service-num) !important; }
.top .topService__visual { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease !important; }
.top .topService__visual::after { transition: opacity .45s ease !important; }
@media (pointer: fine) { .top .topService__visual:hover, .top .topService__visual:focus-visible { transform: translate3d(0,-6px,0) scale(1.02) !important; box-shadow: 0 18px 34px rgba(0,0,0,.14) !important; } .top .topService__visual:active { transform: translate3d(0,-1px,0) scale(.99) !important; transition: transform .2s cubic-bezier(.22,1,.36,1) !important; } }
.top .topCompany__link--item { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease !important; }
.top .topCompany__link--link a, .top .topCompany__link--img { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease, opacity .45s ease !important; }
.top .topCompany__link--img img { transition: none !important; transform: none !important; }
@media (pointer: fine) { .top .topCompany__link--item:hover, .top .topCompany__link--item:focus-within, .top .topCompany__link--item:nth-child(even):hover, .top .topCompany__link--item:nth-child(even):focus-within { transform: translate3d(0,-6px,0) scale(1.012) !important; box-shadow: 0 18px 34px rgba(0,0,0,.12) !important; } .top .topCompany__link--item:hover .topCompany__link--link a, .top .topCompany__link--item:focus-within .topCompany__link--link a, .top .topCompany__link--item:nth-child(even):hover .topCompany__link--link a, .top .topCompany__link--item:nth-child(even):focus-within .topCompany__link--link a { transform: translate3d(0,0,0) !important; } .top .topCompany__link--item:hover .topCompany__link--img, .top .topCompany__link--item:focus-within .topCompany__link--img, .top .topCompany__link--item:nth-child(even):hover .topCompany__link--img, .top .topCompany__link--item:nth-child(even):focus-within .topCompany__link--img { transform: translate3d(0,-6px,0) scale(1.02) !important; box-shadow: 0 18px 34px rgba(0,0,0,.14) !important; } }
@media (max-width: 767px) { .top .topService[data-saas-service-count="4"] { height: auto !important; min-height: 0 !important; padding-bottom: 8% !important; } .top .topService[data-saas-service-count="4"] .topService__inner { min-height: 760px !important; } .top .topService[data-saas-service-count="4"] .topService--fc, .top .topService[data-saas-service-count="4"] .topService__cont { height: 630px !important; } .top .topService[data-saas-service-count="4"] .topService__visualStack { top: 350px !important; } }
@media (max-width: 767px) { .top .topService[data-saas-service-count="1"] { height: auto !important; min-height: 0 !important; padding-bottom: 8% !important; } .top .topService[data-saas-service-count="1"] .topService__inner { min-height: 579px !important; } .top .topService[data-saas-service-count="1"] .topService--fc, .top .topService[data-saas-service-count="1"] .topService__cont { height: 452px !important; } .top .topService[data-saas-service-count="1"] .topService__visualStack { top: 185px !important; } }
@media (max-width: 767px) { .top .topService[data-saas-service-count="2"] { height: auto !important; min-height: 0 !important; padding-bottom: 8% !important; } .top .topService[data-saas-service-count="2"] .topService__inner { min-height: 639px !important; } .top .topService[data-saas-service-count="2"] .topService--fc, .top .topService[data-saas-service-count="2"] .topService__cont { height: 511px !important; } .top .topService[data-saas-service-count="2"] .topService__visualStack { top: 240px !important; } }
@media (max-width: 767px) { .top .topService[data-saas-service-count="3"] { height: auto !important; min-height: 0 !important; padding-bottom: 8% !important; } .top .topService[data-saas-service-count="3"] .topService__inner { min-height: 700px !important; } .top .topService[data-saas-service-count="3"] .topService--fc, .top .topService[data-saas-service-count="3"] .topService__cont { height: 571px !important; } .top .topService[data-saas-service-count="3"] .topService__visualStack { top: 295px !important; } }
@media (max-width: 767px) { .top .topService[data-saas-service-count="5"] { height: auto !important; min-height: 0 !important; padding-bottom: 8% !important; } .top .topService[data-saas-service-count="5"] .topService__inner { min-height: 820px !important; } .top .topService[data-saas-service-count="5"] .topService--fc, .top .topService[data-saas-service-count="5"] .topService__cont { height: 689px !important; } .top .topService[data-saas-service-count="5"] .topService__visualStack { top: 405px !important; } }
@media (max-width: 767px) { .top .topService__visual { background-size: 443px 296px !important; } .top .topService__visual--office { top: 21px !important; width: 106px !important; height: 212px !important; background-position: -33px -37px !important; } .top .topService__visual--building { left: 120px !important; top: 42px !important; width: 106px !important; height: 211px !important; background-position: -178px -26px !important; } .top .topService__visual--person { left: 238px !important; top: 42px !important; width: 106px !important; height: 190px !important; background-position: -321px -42px !important; } }
html.saas-scrolling .top .topService__link--item a:hover { background: transparent !important; transform: translate3d(0,0,0) !important; }
html.saas-scrolling .top .topService__link--item a:hover::after { transform: translate3d(0,0,0) !important; }
html.saas-scrolling .top .topService__visualStack { pointer-events: none !important; }
.top .topService__link--list { border-top: 2px solid rgba(192,192,192,.55) !important; }
.top .topService__link--item { border-bottom: 2px solid rgba(192,192,192,.55) !important; }
.top .topService { -webkit-font-smoothing: antialiased; }
.footer__link--img img { content: url("/generated/aqua-port-trading-unified/assets/generated/saas/badge-placeholder.svg"); }
img[data-saas-image-source="generated-raster"] { object-fit: cover !important; }
.footer[data-saas-footer="compact"] { background: var(--color-band) !important; color: #fff !important; }
.footer[data-saas-footer="compact"] .footer__inner { max-width: 1040px !important; padding: 26px 24px 14px !important; }
.footer[data-saas-footer="compact"] .footer__main { display: grid !important; grid-template-columns: 164px 1fr !important; gap: 28px !important; align-items: start !important; width: 100% !important; }
.footer[data-saas-footer="compact"] .footer__logo { width: 150px !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
.footer[data-saas-footer="compact"] .footer__logo img { width: 158px !important; height: auto !important; max-width: none !important; object-fit: contain !important; object-position: left center !important; }
.footer[data-saas-footer="compact"] .footer__menu { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.footer[data-saas-footer="compact"] .footer__menu--block { width: auto !important; margin: 0 !important; padding: 0 !important; }
.footer[data-saas-footer="compact"] .footer__menu--cat { min-height: 0 !important; margin: 0 0 12px !important; padding: 0 !important; font-size: 1.6rem !important; line-height: 1.45 !important; color: #fff !important; }
.footer[data-saas-footer="compact"] .footer__menu--child { display: block !important; margin: 0 0 8px !important; padding: 0 !important; font-size: 1.4rem !important; line-height: 1.55 !important; }
.footer[data-saas-footer="compact"] .footer__menu--child a, .footer[data-saas-footer="compact"] .footer__link a { color: #fff !important; text-decoration: none !important; opacity: .92 !important; transition: opacity .18s ease, transform .18s ease !important; }
.footer[data-saas-footer="compact"] .footer__menu--child p { display: none !important; }
.footer[data-saas-footer="compact"] .footer__link { display: flex !important; justify-content: flex-start !important; gap: 18px !important; padding: 10px 0 0 !important; margin: 14px 0 0 !important; border-top: 1px solid rgba(255,255,255,.25) !important; }
@media (pointer: fine) { .footer[data-saas-footer="compact"] a:hover { opacity: 1 !important; transform: translate3d(0,-2px,0) !important; } }
@media (max-width: 900px) { .footer[data-saas-footer="compact"] .footer__main { grid-template-columns: 1fr !important; gap: 24px !important; } .footer[data-saas-footer="compact"] .footer__menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .footer[data-saas-footer="compact"] .footer__inner { padding: 28px 18px 16px !important; } .footer[data-saas-footer="compact"] .footer__menu { grid-template-columns: 1fr !important; gap: 18px !important; } .footer[data-saas-footer="compact"] .footer__link { flex-direction: column !important; gap: 8px !important; } }
.footer[data-saas-footer="compact"] { min-width: 0 !important; min-height: 0 !important; padding: 0 !important; background: var(--color-band) !important; color: #fff !important; }
.footer[data-saas-footer="compact"] .footer__inner { max-width: 980px !important; padding: 22px 24px 12px !important; }
.footer[data-saas-footer="compact"] .footer__main { display: grid !important; grid-template-columns: 150px 1fr !important; gap: 24px !important; align-items: start !important; width: 100% !important; }
.footer[data-saas-footer="compact"] .footer__logo { width: 138px !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
.footer[data-saas-footer="compact"] .footer__logo img { width: 146px !important; height: auto !important; max-width: none !important; object-fit: contain !important; object-position: left center !important; }
.footer[data-saas-footer="compact"] .footer__menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.footer[data-saas-footer="compact"] .footer__menu--block { width: auto !important; margin: 0 !important; padding: 0 !important; }
.footer[data-saas-footer="compact"] .footer__menu--cat { min-height: 0 !important; margin: 0 0 8px !important; padding: 0 !important; font-size: 1.45rem !important; line-height: 1.4 !important; color: #fff !important; }
.footer[data-saas-footer="compact"] .footer__menu--child { display: block !important; margin: 0 0 5px !important; padding: 0 !important; font-size: 1.4rem !important; line-height: 1.45 !important; }
.footer[data-saas-footer="compact"] .footer__menu--child a, .footer[data-saas-footer="compact"] .footer__link a { color: #fff !important; text-decoration: none !important; opacity: .9 !important; transition: opacity .26s ease, transform .26s cubic-bezier(.16,1,.3,1) !important; }
.footer[data-saas-footer="compact"] .footer__menu--child p { display: none !important; }
.footer[data-saas-footer="compact"] .footer__link { display: none !important; }
@media (pointer: fine) { .footer[data-saas-footer="compact"] a:hover { opacity: 1 !important; transform: translate3d(0,-2px,0) !important; } }
@media (max-width: 900px) { .footer[data-saas-footer="compact"] .footer__main { grid-template-columns: 1fr !important; gap: 18px !important; } .footer[data-saas-footer="compact"] .footer__menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .footer[data-saas-footer="compact"] .footer__inner { padding: 24px 18px 14px !important; } .footer[data-saas-footer="compact"] .footer__menu { grid-template-columns: 1fr !important; gap: 16px !important; } }
.page .service-card a, .page .service__img, .page .rebuild-card-link, .page .rebuild-visual, .page .newsList__item a { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease, opacity .45s ease !important; transform: translate3d(0,0,0); will-change: transform; }
.page .service-card img, .page .service__img img, .page .rebuild-card-link img, .page .rebuild-visual img, .page .newsList__item img { transition: transform .45s cubic-bezier(.22,1,.36,1) !important; transform: translate3d(0,0,0) scale(1); }
@media (pointer: fine) { .page .service-card a:hover, .page .service__img:hover, .page .rebuild-card-link:hover, .page .rebuild-visual:hover, .page .newsList__item a:hover { transform: translate3d(0,-6px,0) scale(1.012) !important; box-shadow: 0 18px 34px rgba(0,0,0,.16) !important; } .page .service-card a:active, .page .rebuild-card-link:active, .page .newsList__item a:active { transform: translate3d(0,-1px,0) scale(.995) !important; transition: transform .2s cubic-bezier(.22,1,.36,1) !important; } .page .service-card a:hover img, .page .service__img:hover img, .page .rebuild-card-link:hover img, .page .rebuild-visual:hover img, .page .newsList__item a:hover img { transform: translate3d(0,0,0) scale(1.03) !important; } }
.page a:focus-visible, .top a:focus-visible, .footer a:focus-visible { outline: 3px solid var(--color-brand-dark) !important; outline-offset: 4px !important; }
@media (prefers-reduced-motion: reduce) { .top *, .page *, .footer * { animation: none !important; transition: none !important; transform: none !important; } }
@media (prefers-reduced-motion: reduce) and (min-width: 768px) { .top .topService__h2 span { transform: translateY(-62px) !important; } }
@media (prefers-reduced-motion: reduce) { .top .topCompany__h2 { transform: translateY(-50%) !important; } .top .topCompany__h2 span::after { transform: rotateZ(90deg) translateX(28px) !important; } }
.footer .footer__logo img { filter: brightness(0) invert(1) !important; opacity: .96 !important; }
@media (max-width: 767px) { .footer .footer__menu--child a { display: inline-block !important; padding: 9px 10px 9px 0 !important; font-size: 14px !important; line-height: 1.5 !important; } .footer .footer__menu--cat { font-size: 14px !important; } .footer .footer__link a { display: inline-block !important; padding: 9px 10px 9px 0 !important; } }
@media (max-width: 767px) { .breadcrumbs a { display: inline-block !important; padding: 8px 2px !important; } .page .newsList__item a { padding-top: 9px !important; padding-bottom: 9px !important; } }
@media (max-width: 767px) { .header a.noicon { font-size: 14px !important; } }
@media (max-width: 767px) { .page .page__title { font-size: 26px !important; line-height: 1.3 !important; } }
.top .topService__visual--office { background-image: url("/generated/aqua-port-trading-unified/assets/generated/saas/home-service-office.svg") !important; background-size: cover !important; background-position: center !important; }
.top .topService__visual--building { background-image: url("/generated/aqua-port-trading-unified/assets/generated/saas/home-service-building.svg") !important; background-size: cover !important; background-position: center !important; }
.top .topService__visual--person { background-image: url("/generated/aqua-port-trading-unified/assets/generated/saas/home-service-person.svg") !important; background-size: cover !important; background-position: center !important; }
.topCase__ex--01 a::before { background-image: linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.16)), url("/generated/aqua-port-trading-unified/assets/generated/saas/home-case-001.svg") !important; }
.topCase__ex--02 a::before { background-image: linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.16)), url("/generated/aqua-port-trading-unified/assets/generated/saas/home-case-002.svg") !important; }
a[data-saas-dead-link], a[data-saas-neutralized-route] { cursor: default !important; }
.service-card a[data-saas-dead-link] span::after, .service-card a[data-saas-neutralized-route] span::after { display: none !important; }
.page .service-card a[data-saas-dead-link]:hover, .page .service-card a[data-saas-neutralized-route]:hover, .page .newsList__item a[data-saas-dead-link]:hover, .page .newsList__item a[data-saas-neutralized-route]:hover { transform: none !important; box-shadow: none !important; }
.page .service-card a[data-saas-dead-link]:hover img, .page .service-card a[data-saas-neutralized-route]:hover img, .page .newsList__item a[data-saas-dead-link]:hover img, .page .newsList__item a[data-saas-neutralized-route]:hover img { transform: none !important; }

/* saas-contrast-repair: 実測コントラスト<1.6 の要素への自動救済 (apply-template repairTextContrast) */
main.service-index > section.section.service-index__intro:nth-child(3) > div.section__inner > div.service-index__intro-buttons > p.btn--rect:nth-child(1) > a { color: var(--color-invert) !important; }
main.service-index > section.section.service-index__intro:nth-child(3) > div.section__inner > div.service-index__intro-buttons > p.btn--rect:nth-child(2) > a { color: var(--color-invert) !important; }
main > div.section:nth-child(4) > div.section__inner > div.service__child__inquiry > div.btn--rect > a { color: var(--color-invert) !important; }