:root {
  --color-brand: #1C6A86;
  --color-brand-dark: #F0A43A;
  --color-page: #f8f8f8;
  --color-soft: #EEF4F2;
}

.top .topService__inner { background: var(--color-brand) !important; }
.top .topService__inner::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20224%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%231C6A86%22%20d%3D%22M0%20224%20L0%20176%20C188%2096%20400%2040%20626%2028%20C858%2016%201072%2048%201254%20104%20C1322%20125%201384%20146%201440%20162%20L1440%20224%20Z%22%2F%3E%3C%2Fsvg%3E") bottom center / 100% 100% no-repeat !important; }
.top .topService__inner::after { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20232%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%231C6A86%22%20d%3D%22M0%200%20L1440%200%20L1440%2054%20C1290%20106%201126%20154%20934%20190%20C718%20231%20494%20225%20282%20166%20C176%20137%2082%20100%200%2064%20Z%22%2F%3E%3C%2Fsvg%3E") 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("/assets/generated/top-title-case-study.svg") !important; }
.top .topColumn__h2::after { background-image: url("/assets/generated/top-title-column.svg") !important; }
.top .topCompany__h2 span::after { background-image: url("/assets/generated/top-title-company.svg") !important; }
.top .topInfo__h2 span::before { background-image: url("/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("/assets/generated/saas/brand-logo.svg"); }
.header__logo a { width: 184px !important; height: 58px !important; }
.header__logo a img, .header__logo picture img { width: 184px !important; height: auto !important; max-width: none !important; object-fit: contain !important; object-position: left center !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: 126px !important; height: 42px !important; } .header__logo a img, .header__logo picture img { width: 126px !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; }
.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; }
.top .topService__visual { transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s ease !important; }
.top .topService__visual::after { transition: opacity .2s ease !important; }
@media (pointer: fine) { .top .topService__visual:hover, .top .topService__visual:focus-visible { transform: translate3d(0,-3px,0) scale(1.012) !important; } }
.top .topCompany__link--item { transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s ease !important; transform: translate3d(0,0,0) scale(1) !important; }
.top .topCompany__link--link a, .top .topCompany__link--img { transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s ease, opacity .2s 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(12px,-3px,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(8px,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(4px,-2px,0) scale(1.01) !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: 382px !important; } }
.footer__link--img img { content: url("/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-brand) !important; color: #fff !important; }
.footer[data-saas-footer="compact"] .footer__inner { max-width: 1160px !important; padding: 34px 24px 18px !important; }
.footer[data-saas-footer="compact"] .footer__main { display: grid !important; grid-template-columns: 180px 1fr !important; gap: 32px !important; align-items: start !important; width: 100% !important; }
.footer[data-saas-footer="compact"] .footer__logo { width: 160px !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; }
.footer[data-saas-footer="compact"] .footer__logo img { width: 174px !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(4, minmax(0, 1fr)) !important; gap: 22px !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.3rem !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: 14px 0 0 !important; margin: 20px 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(3px,0,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; } }
.page .service-card a, .page .service__img, .page .rebuild-card-link, .page .rebuild-visual, .page .newsList__item a { transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important; transform: translate3d(0,0,0); }
.page .service-card img, .page .service__img img, .page .rebuild-card-link img, .page .rebuild-visual img, .page .newsList__item img { transition: transform .18s ease !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(10px,-4px,0) scale(1.012) !important; box-shadow: 0 18px 34px rgba(0,0,0,.16) !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.045) !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; } }
.top .topService__visual--office { background-image: url("/assets/generated/saas/home-service-office.svg") !important; background-size: cover !important; background-position: center !important; }
.top .topService__visual--building { background-image: url("/assets/generated/saas/home-service-building.svg") !important; background-size: cover !important; background-position: center !important; }
.top .topService__visual--person { background-image: url("/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("/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("/assets/generated/saas/home-case-002.svg") !important; }