/** style **/
:root { --pc-width-base: 1600px; --spacer-base: 4px; --spacer-s: 2px; --spacer-m: 6px; --spacer-l: 8px; --spacer-xl: 10px; --spacer-3: 12px; --spacer-4: 16px; --spacer-5: 20px; --spacer-6: 24px; --spacer-7: 28px; --spacer-8: 32px; --spacer-9: 36px; --spacer-10: 40px; --spacer-20: 80px; --spacer-tile-info-text: 192px; --font-size-xs: 10px; --font-size-s: 12px; --font-size-base: 14px; --font-size-l: 16px; --font-size-xl: 18px; --font-size-hero: 48px; --font-size-section-headline-main: 32px; --font-size-section-headline-sub: 16px; --font-size-content-headline-title: 28px; --font-size-h3-main: 24px; --font-size-h3-sub: 16px; --font-size-h4-main: 18px; --font-size-h4-sub: 14px; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-bold: 700; --line-height-base: 1.4; --line-height-s: 1.2; --line-height-l: 1.6; --color-theme: #B4CC52; --color-theme-dark: #829F51; --color-danger: #E41F1F; --color-back-body: #171815; --color-back-secondary: #2C2E2B; --color-back-footer: #10110F; --color-back-feature: #1F201E; --color-back-big-slash: #1C1C1B; --color-border: #A5A5A5; --color-text: #F8FAF5; --transition-speed-hover: 0.3s; }

@media screen and (min-width: 1024px) { :root { --spacer-base: 8px; --spacer-s: 4px; --spacer-m: 12px; --spacer-l: 16px; --spacer-xl: 20px; --spacer-3: 24px; --spacer-4: 32px; --spacer-5: 40px; --spacer-6: 48px; --spacer-7: 56px; --spacer-8: 64px; --spacer-9: 72px; --spacer-10: 80px; --spacer-20: 160px; --font-size-xs: 12px; --font-size-s: 14px; --font-size-base: 16px; --font-size-l: 20px; --font-size-xl: 24px; --font-size-hero: 104px; --font-size-section-headline-main: 64px; --font-size-section-headline-sub: 18px; --font-size-content-headline-title: 48px; --font-size-h3-main: 32px; --font-size-h3-sub: 18px; --font-size-h4-main: 18px; --font-size-h4-sub: 14px; } }

body { position: relative; background: var(--color-back-body); line-height: var(--line-height-base); color: var(--color-text); font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-size: var(--font-size-base); font-style: normal; }

@media screen and (min-width: 1024px) { body:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-back-big-slash); clip-path: polygon(0 calc(100vh + 100vw), 100vw 100vh, 100vw calc(100vh + 100vw), 0 calc(100vh + (100vw * 2))); z-index: -1; } }

.mb-20 { margin-bottom: var(--spacer-20); }

.montserrat, .part.page-headline .headline span.headline-main, .part.section-headline .headline span.headline-main { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: var(--font-weight-bold); font-style: normal; }

.noto-sans { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: var(--font-weight-normal); font-style: normal; }

.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

.layout-wrapper a { color: var(--color-theme); }

@media screen and (min-width: 1024px) { .layout-wrapper { max-width: none; } }

.part.header-spMenu button.spMenu-trigger { padding: var(--spacer-3); border: none; background: none; color: inherit; }

.part.header-spMenu .material-symbols-outlined:after { content: 'menu'; }

.part.header-menu { display: none; }

body.spMenu-active .block-header { bottom: 0; }

body.spMenu-active .part.header-spMenu .material-symbols-outlined:after { content: 'close'; }

body.spMenu-active .part.header-menu { display: block; }

.part.part-sys-contents-pagination .pages-list { display: flex; gap: var(--spacer-l); justify-content: center; }

@media screen and (min-width: 1024px) { .part.part-sys-contents-pagination .pages-list { gap: var(--spacer-base); } }

.part.part-sys-contents-pagination .pages-list li a { display: block; padding: var(--spacer-base) var(--spacer-l); color: inherit; text-decoration: none; background: var(--color-back-secondary); transition: background var(--transition-speed-hover); }

.part.part-sys-contents-pagination .pages-list li a:hover { background: var(--color-theme-dark); }

.part.part-sys-contents-pagination .pages-list li.pages-current a { background: var(--color-theme-dark); pointer-events: none; }

.part.common-text .headline { margin: 0; padding: 0 var(--spacer-3); }

.part.common-text .headline * { line-height: var(--line-height-s); }

.part.common-text h3.headline .headline-main { font-size: var(--font-size-h3-main); }

.part.common-text h3.headline .headline-sub { font-size: var(--font-size-h3-sub); }

.part.common-text .text { margin: 0; padding: 0 var(--spacer-3); line-height: var(--line-height-l); }

.part.common-text .text p { margin-bottom: var(--spacer-base); }

.part.common-text .text p:last-child { margin-bottom: 0; }

@media screen and (min-width: 1024px) { .part.common-text .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } .part.common-text .headline { padding: 0 var(--spacer-6); } .part.common-text .text { padding: 0 var(--spacer-6); } }

.part.document-text .text p { margin-bottom: 1.6em; line-height: var(--line-height-l); }

.part.map iframe { width: 100%; height: 100%; border: none; filter: grayscale(100%); }

.part.section-headline { margin-bottom: var(--spacer-7); }

.part.section-headline .headline { margin: 0; padding: 0 var(--spacer-3); }

.part.section-headline .headline span { display: block; line-height: 1; }

.part.section-headline .headline span.headline-main { font-size: var(--font-size-section-headline-main); }

.part.section-headline .headline span.headline-sub { margin-top: var(--spacer-l); font-size: var(--font-size-section-headline-sub); }

@media screen and (min-width: 1024px) { .part.section-headline .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } .part.section-headline .headline { padding: 0 var(--spacer-6); } }

.part.page-header-columns { margin-bottom: var(--spacer-20); }

.part.page-headline { background: var(--color-back-secondary); }

.part.page-headline .headline { margin: 0; padding: var(--spacer-10) var(--spacer-3); }

.part.page-headline .headline span { display: block; line-height: 1; }

.part.page-headline .headline span.headline-main { font-size: var(--font-size-section-headline-main); }

.part.page-headline .headline span.headline-sub { margin-top: var(--spacer-l); font-size: var(--font-size-section-headline-sub); }

@media screen and (min-width: 1024px) { .part.page-headline .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } .part.page-headline .headline { padding: var(--spacer-10) var(--spacer-6); } }

@media screen and (min-width: 1024px) { .part.page-cover .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } }

.block-header { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }

@media screen and (min-width: 1024px) { .block-header .block-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } }

.block-header .part.header-columns .column-parts { display: flex; justify-content: space-between; align-items: center; }

.block-header .part.header-logo .image a { display: block; padding: var(--spacer-3); }

.block-header .part.header-logo .image img { height: 36px; }

@media screen and (min-width: 1024px) { .block-header .part.header-logo .image a { padding: var(--spacer-3) 0; } .block-header .part.header-logo .image img { height: 48px; } }

.block-header .part.header-menu { position: absolute; top: calc(36px + (var(--spacer-3) * 2)); left: 0; width: 100%; }

.block-header .part.header-menu .menu-list { border-top: solid 1px var(--color-border); }

.block-header .part.header-menu .menu-list .menu-item { border-bottom: solid 1px var(--color-border); }

.block-header .part.header-menu .menu-list .menu-item a { display: block; padding: var(--spacer-5) var(--spacer-3); color: inherit; line-height: 1; text-decoration: none; }

.block-header .part.header-menu .menu-list .menu-item a:hover { text-decoration: underline; }

@media screen and (min-width: 1024px) { .block-header .part.header-menu { display: block; position: relative; top: 0; width: auto; } .block-header .part.header-menu .menu-list { display: flex; align-items: center; justify-content: space-between; border-top: none; gap: calc(var(--spacer-base) * 12); } .block-header .part.header-menu .menu-list .menu-item { border-bottom: none; } .block-header .part.header-menu .menu-list .menu-item a { padding: var(--spacer-l) 0; } }

.block-bottom .part.map .part-body { width: 100%; height: 320px; }

@media screen and (min-width: 1024px) { .block-bottom .part.map .part-body { height: 496px; } }

.block-footer { padding-top: var(--spacer-10); padding-bottom: var(--spacer-10); background: var(--color-back-footer); }

.block-footer .block-body { display: flex; flex-direction: column; gap: var(--spacer-5); }

@media screen and (min-width: 1024px) { .block-footer .block-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } }

.block-footer .part.footer-logo .image { text-align: center; }

.block-footer .part.footer-logo .image img { max-width: 240px; }

@media screen and (min-width: 1024px) { .block-footer .part.footer-logo .image img { max-width: 372px; } }

.block-footer .part.footer-instagram .image { text-align: center; }

.block-footer .part.footer-instagram .image img { max-width: 32px; }

@media screen and (min-width: 1024px) { .block-footer .part.footer-instagram .image img { max-width: 48px; } }

.block-footer .part.footer-menu .menu-list { display: flex; flex-direction: column; border-top: solid 1px var(--color-border); }

.block-footer .part.footer-menu .menu-list .menu-item { border-bottom: solid 1px var(--color-border); }

.block-footer .part.footer-menu .menu-list .menu-item a { display: block; padding: var(--spacer-5) var(--spacer-3); color: inherit; text-decoration: none; line-height: 1; }

.block-footer .part.footer-menu .menu-list .menu-item a:hover { text-decoration: underline; }

@media screen and (min-width: 1024px) { .block-footer .part.footer-menu .menu-list { flex-direction: row; justify-content: space-between; max-width: 960px; margin: auto; border-top: none; } .block-footer .part.footer-menu .menu-list .menu-item { border-bottom: none; } .block-footer .part.footer-menu .menu-list .menu-item a { min-width: 120px; padding: var(--spacer-l) 0; text-align: center; } }

.block-footer .part.footer-copyright { padding-top: var(--spacer-5); text-align: center; font-size: var(--font-size-s); }

@media screen and (min-width: 1024px) { .block-footer .part.footer-copyright { padding-top: var(--spacer-10); border-top: solid 1px var(--color-back-secondary); } }

.block-main { margin-bottom: var(--spacer-20); }

.layout-container { padding-top: 60px; }

@media screen and (min-width: 1024px) { .layout-container { padding-top: 96px; } }

body.page-home .block-header { background: none; backdrop-filter: none; transition: background var(--transition-speed-hover), backdrop-filter var(--transition-speed-hover); }

body.page-home .block-header.colored { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); }

body.page-home.spMenu-active .block-header { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); }

body.page-home .layout-wrapper { position: relative; }

body.page-home .layout-wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: min(100vh, 560px); background: url("https://d3inqn3ek85etk.cloudfront.net/resource/60/main_visual.jpg") no-repeat; background-position: center top 0px; background-size: cover; }

@media screen and (min-width: 1024px) { body.page-home .layout-wrapper:before { height: 100vh; } }

body.page-home .block-main .part.hero-headline { margin-bottom: var(--spacer-20); }

body.page-home .block-main .part.hero-headline .headline { display: flex; flex-direction: column; justify-content: flex-end; gap: var(--spacer-3); height: calc(min(100vh, 560px) - 60px); margin: 0; padding: 0 var(--spacer-3) 10vh; text-shadow: 0 0 var(--spacer-s) rgba(0, 0, 0, 0.5); }

body.page-home .block-main .part.hero-headline .headline span { display: block; }

body.page-home .block-main .part.hero-headline .headline span.headline-main { font-size: min(var(--font-size-hero), 10vw); line-height: var(--line-height-s); letter-spacing: var(--spacer-s); }

body.page-home .block-main .part.hero-headline .headline span.headline-sub { font-size: var(--font-size-xl); line-height: var(--line-height-l); letter-spacing: calc(var(--spacer-base) / 2); }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.hero-headline .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-home .block-main .part.hero-headline .headline { height: calc(100vh - 96px); padding: 0 0 15vh; } body.page-home .block-main .part.hero-headline .headline span.headline-main { font-size: var(--font-size-hero); } }

body.page-home .block-main .part.aboutus-text { margin-bottom: var(--spacer-20); }

body.page-home .block-main .part.aboutus-image { margin-bottom: var(--spacer-20); }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.aboutus-image .part-body { max-width: 1920px; margin: auto; } }

body.page-home .block-main .part.features { margin-bottom: var(--spacer-20); }

body.page-home .block-main .part.features .feature-list { display: flex; flex-direction: column; }

body.page-home .block-main .part.features .feature { background: var(--color-back-feature); }

body.page-home .block-main .part.features .feature .feature-texts { display: flex; flex-direction: column; justify-content: center; padding: var(--spacer-10) var(--spacer-5); font-size: var(--font-size-base); line-height: 1; }

body.page-home .block-main .part.features .feature .feature-texts .feature-en { margin-bottom: var(--spacer-4); color: var(--color-theme); }

body.page-home .block-main .part.features .feature .feature-texts h3 { margin: 0 0 var(--spacer-m); font-size: var(--font-size-h3-main); }

body.page-home .block-main .part.features .feature .feature-texts .feature-caption { margin-bottom: var(--spacer-3); line-height: var(--line-height-s); font-size: var(--font-size-h3-sub); font-weight: var(--font-weight-light); }

body.page-home .block-main .part.features .feature .feature-texts p { margin: 0; line-height: var(--line-height-l); }

@media screen and (min-width: 768px) { body.page-home .block-main .part.features .feature-list { gap: var(--spacer-base); } body.page-home .block-main .part.features .feature { display: flex; } body.page-home .block-main .part.features .feature .feature-texts { width: 50%; } body.page-home .block-main .part.features .feature .feature-image { width: 50%; } body.page-home .block-main .part.features .feature .feature-image img { height: 100%; object-fit: cover; } body.page-home .block-main .part.features .feature:nth-child(even) { flex-direction: row-reverse; } }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.features .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-home .block-main .part.features .feature .feature-texts { padding: 0 var(--spacer-6); } body.page-home .block-main .part.features .feature .feature-image img { height: auto; } body.page-home .block-main .part.features .feature:nth-child(odd) .feature-texts { padding-left: var(--spacer-tile-info-text); } body.page-home .block-main .part.features .feature:nth-child(even) .feature-texts { padding-right: var(--spacer-tile-info-text); } }

body.page-home .block-main .part.products-text { margin-bottom: var(--spacer-xl); }

body.page-home .block-main .part.products-menu { margin-bottom: var(--spacer-4); }

body.page-home .block-main .part.products-menu .menu-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacer-s); padding: 0 var(--spacer-3); }

body.page-home .block-main .part.products-menu .menu-list .menu-item a { display: block; padding: var(--spacer-3); color: inherit; text-decoration: none; text-align: center; background: var(--color-back-secondary); transition: background var(--transition-speed-hover); }

body.page-home .block-main .part.products-menu .menu-list .menu-item a:hover { background: var(--color-theme-dark); }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.products-menu .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-home .block-main .part.products-menu .menu-list { grid-template-columns: repeat(4, 1fr); gap: 0; padding: 0 var(--spacer-6); } }

body.page-home .block-main .part.products-images { overflow: hidden; margin-bottom: var(--spacer-20); }

body.page-home .block-main .part.products-images .image-list { display: flex; flex-wrap: nowrap; }

body.page-home .block-main .part.products-images .image-list .image { flex-shrink: 0; width: 100px; height: 60px; }

body.page-home .block-main .part.products-images .image-list .image img { width: 100%; height: 100%; object-fit: cover; }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.products-images .image-list .image { width: 400px; height: 240px; } }

body.page-home .block-main .part.news-contents { margin-bottom: var(--spacer-20); }

body.page-home .block-main .part.news-contents .contents { display: flex; flex-direction: column; gap: 1px; padding: 0 var(--spacer-3); }

body.page-home .block-main .part.news-contents .content-fields { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--spacer-xl); background: var(--color-back-secondary); }

body.page-home .block-main .part.news-contents .content-fields .content-field--taxonomies-list li { width: 80px; padding: var(--spacer-s) 0; border: solid 1px var(--color-border); font-size: var(--font-size-s); text-align: center; }

body.page-home .block-main .part.news-contents .content-fields .news-title { flex: 1 1 100%; margin-top: var(--spacer-base); }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.news-contents .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-home .block-main .part.news-contents .contents { gap: 2px; } body.page-home .block-main .part.news-contents .content-fields { flex-wrap: nowrap; gap: var(--spacer-5); padding: var(--spacer-l) var(--spacer-6); } body.page-home .block-main .part.news-contents .content-fields .content-field--created_at { flex: 0 0 auto; width: 96px; text-align: right; } body.page-home .block-main .part.news-contents .content-fields .content-field--taxonomies-list li { flex: 0 0 auto; width: 104px; } body.page-home .block-main .part.news-contents .content-fields .news-title { flex: 1 1 auto; margin-top: 0; } }

body.page-home .block-main .part.contactus-columns { background: url("https://d3inqn3ek85etk.cloudfront.net/resource/60/contactus_back.jpg") center center no-repeat; background-size: cover; }

body.page-home .block-main .part.contactus-columns .column-parts { display: flex; flex-direction: column; gap: var(--spacer-5); padding: var(--spacer-10) var(--spacer-3); }

body.page-home .block-main .part.contactus-columns .part.section-headline { margin: 0; }

body.page-home .block-main .part.contactus-columns .part.section-headline .headline { padding: 0; }

body.page-home .block-main .part.contactus-columns .part.contactus-button a.button { display: block; padding: var(--spacer-5) var(--spacer-3); background: var(--color-theme-dark); color: inherit; text-align: center; text-decoration: none; }

body.page-home .block-main .part.contactus-columns .part.contactus-text .text { line-height: var(--line-height-l); }

@media screen and (min-width: 1024px) { body.page-home .block-main .part.contactus-columns > .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-home .block-main .part.contactus-columns .column-parts { height: 540px; flex-direction: row; flex-wrap: wrap; gap: var(--spacer-10); align-items: center; align-content: center; justify-content: space-between; padding: var(--spacer-6); } body.page-home .block-main .part.contactus-columns .part.section-headline .part-body { padding: 0; } body.page-home .block-main .part.contactus-columns .part.contactus-button a.button { width: 300px; padding: var(--spacer-3); background: var(--color-back-secondary); background: var(--color-back-secondary); transition: background var(--transition-speed-hover); } body.page-home .block-main .part.contactus-columns .part.contactus-button a.button:hover { background: var(--color-theme-dark); } body.page-home .block-main .part.contactus-columns .part.contactus-text { flex: 0 0 100%; } }

body.page-service .block-top, body.page-product .block-top, body.page-about .block-top, body.page-contact .block-top, body.page-contents .block-top, body.page-contents .block-top, body.page-contents-jobs .block-top, body.page-content-job .block-top { margin-bottom: var(--spacer-20); }

body.page-service .block-main .part.service-columns { margin-bottom: var(--spacer-10); }

body.page-service .block-main .part.service-columns .service-info { padding: var(--spacer-3); }

body.page-service .block-main .part.service-columns .service-info .service-en { margin-bottom: var(--spacer-4); color: var(--color-theme); }

body.page-service .block-main .part.service-columns .service-info h3 { margin: 0; font-size: var(--font-size-h3-main); }

body.page-service .block-main .part.service-columns .service-info .service-caption { margin-top: var(--spacer-m); line-height: var(--line-height-s); font-size: var(--font-size-h3-sub); font-weight: var(--font-weight-light); }

body.page-service .block-main .part.service-columns .service-info .service-body { margin-top: var(--spacer-3); }

body.page-service .block-main .part.service-columns .service-info .service-body h4 { margin: 0 0 var(--spacer-base); line-height: var(--line-height-l); font-size: var(--font-size-h4-main); }

body.page-service .block-main .part.service-columns .service-info .service-body p { margin: 0 0 var(--spacer-xl); line-height: var(--line-height-l); }

body.page-service .block-main .part.service-columns .service-info .service-body p:last-child { margin-bottom: 0; }

@media screen and (min-width: 1024px) { body.page-service .block-main .part.service-columns > .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-service .block-main .part.service-columns .column-parts { display: flex; flex-direction: row-reverse; align-items: center; } body.page-service .block-main .part.service-columns .column-parts:not(:has(.service-image)) { flex-direction: row; } body.page-service .block-main .part.service-columns .column-parts .service-image { flex: 0 0 50%; } body.page-service .block-main .part.service-columns .column-parts .service-info { flex: 0 0 50%; padding: var(--spacer-6); } body.page-service .block-main .part.service-columns:nth-child(odd) .column-parts .service-info { padding-left: var(--spacer-tile-info-text); } body.page-service .block-main .part.service-columns:nth-child(even) .column-parts { flex-direction: row; } body.page-service .block-main .part.service-columns:nth-child(even) .column-parts .service-info { padding-right: var(--spacer-tile-info-text); } }

body.page-service .block-main .part.contactus-text { margin-bottom: var(--spacer-5); }

body.page-service .block-main .part.contactus-text .part-body { padding: 0 var(--spacer-3); }

body.page-service .block-main .part.contactus-text .text { line-height: var(--line-height-l); }

@media screen and (min-width: 1024px) { body.page-service .block-main .part.contactus-text .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-service .block-main .part.contactus-text .text { padding: 0 var(--spacer-6); } }

body.page-service .block-main .part.contactus-button .part-body { padding: 0 var(--spacer-3); }

body.page-service .block-main .part.contactus-button a.button { display: block; padding: var(--spacer-5) var(--spacer-3); background: var(--color-theme-dark); color: inherit; text-align: center; text-decoration: none; }

body.page-service .block-main .part.contactus-button a.button:hover { background: var(--color-back-secondary); }

@media screen and (min-width: 1024px) { body.page-service .block-main .part.contactus-button .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); padding: 0 calc(var(--spacer-3) + var(--spacer-6)); } body.page-service .block-main .part.contactus-button a.button { width: 300px; padding: var(--spacer-3); background: var(--color-back-secondary); transition: background var(--transition-speed-hover); } body.page-service .block-main .part.contactus-button a.button:hover { background: var(--color-theme-dark); } }

body.page-product .block-main .part.categories .category-list { display: flex; flex-direction: column; gap: var(--spacer-10); }

body.page-product .block-main .part.categories .category { display: flex; flex-direction: column; gap: var(--spacer-3); color: inherit; text-decoration: none; }

body.page-product .block-main .part.categories .category .category-texts { padding: var(--spacer-3); }

body.page-product .block-main .part.categories .category .category-texts .category-en { margin-bottom: var(--spacer-4); color: var(--color-theme); }

body.page-product .block-main .part.categories .category .category-texts h3 { margin: 0 0 var(--spacer-m); font-size: var(--font-size-h3-main); }

body.page-product .block-main .part.categories .category .category-texts p { margin: 0; line-height: var(--line-height-l); }

body.page-product .block-main .part.categories .category .category-texts .category-more { margin-top: var(--spacer-base); text-decoration: underline; }

body.page-product .block-main .part.categories .category .category-image img { width: 100%; height: 240px; object-fit: cover; }

@media screen and (min-width: 1024px) { body.page-product .block-main .part.categories .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-product .block-main .part.categories .category-list { gap: var(--spacer-s); } body.page-product .block-main .part.categories .category { flex-direction: row; align-items: center; gap: 0; background: var(--color-back-secondary); transition: background var(--transition-speed-hover), color var(--transition-speed-hover); } body.page-product .block-main .part.categories .category:hover { background: var(--color-theme-dark); color: var(--color-text); } body.page-product .block-main .part.categories .category:hover .category-texts .category-en { color: inherit; } body.page-product .block-main .part.categories .category .category-texts { flex: 0 0 50%; padding: 0 var(--spacer-6); } body.page-product .block-main .part.categories .category .category-image { flex: 0 0 50%; } body.page-product .block-main .part.categories .category .category-image img { height: 400px; } body.page-product .block-main .part.categories .category:nth-child(odd) .category-texts { padding-left: var(--spacer-tile-info-text); } body.page-product .block-main .part.categories .category:nth-child(even) { flex-direction: row-reverse; } body.page-product .block-main .part.categories .category:nth-child(even) .category-texts { padding-right: var(--spacer-tile-info-text); } }

body.page-about .block-main .part.part-headline.common-text { margin-bottom: var(--spacer-5); }

body.page-about .block-main .part.part-text.common-text { margin-bottom: var(--spacer-10); }

body.page-about .block-main .part.summary { margin-bottom: var(--spacer-10); }

body.page-about .block-main .part.summary .summary-table { display: grid; grid-template-columns: max-content minmax(max-content, 1fr); column-gap: var(--spacer-base); }

body.page-about .block-main .part.summary .summary-table .summary-title { padding: var(--spacer-l); border-bottom: solid 1px var(--color-border); text-align: right; white-space: nowrap; }

body.page-about .block-main .part.summary .summary-table .summary-body { padding: var(--spacer-l); border-bottom: solid 1px var(--color-border); }

@media screen and (min-width: 1024px) { body.page-about .block-main .part.summary .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-about .block-main .part.summary .summary-table { grid-template-columns: 200px 1fr 200px 1fr; } }

body.page-about .block-main .part.map .part-body { width: 100%; height: 320px; }

@media screen and (min-width: 1024px) { body.page-about .block-main .part.map .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); height: 496px; } }

body.page-contact .block-main .part.part-headline.common-text { margin-bottom: var(--spacer-5); }

body.page-contact .block-main .part.part-text.common-text { margin-bottom: var(--spacer-10); }

body.page-contact .block-main .part.contact-form { padding: var(--spacer-10) var(--spacer-3) 0; border-top: solid 2px var(--color-border); }

@media screen and (min-width: 1024px) { body.page-contact .block-main .part.contact-form .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } }

body.page-contact .block-main .part.contact-form form.contact { display: flex; flex-direction: column; gap: var(--spacer-3); }

body.page-contact .block-main .part.contact-form form.contact .form-row { display: flex; flex-direction: column; gap: var(--spacer-base); }

body.page-contact .block-main .part.contact-form form.contact .form-label { display: flex; flex-direction: row-reverse; align-items: center; justify-content: left; gap: var(--spacer-l); }

body.page-contact .block-main .part.contact-form form.contact .form-label .must { display: inline-block; padding: var(--spacer-base) var(--spacer-l); background: var(--color-danger); color: inherit; font-size: var(--font-size-s); }

body.page-contact .block-main .part.contact-form form.contact .form-inputs .input-text, body.page-contact .block-main .part.contact-form form.contact .form-inputs .input-email, body.page-contact .block-main .part.contact-form form.contact .form-inputs .input-textarea { width: 100%; padding: var(--spacer-l); border: solid 1px var(--color-border); background: var(--color-back-secondary); line-height: var(--line-height-l); color: var(--color-text); font-size: var(--font-size-base); }

body.page-contact .block-main .part.contact-form form.contact .form-row-action button.input-action { display: block; width: 100%; padding: var(--spacer-3); background: var(--color-theme-dark); border: none; color: inherit; font-size: var(--font-size-base); text-align: center; text-decoration: none; cursor: pointer; }

@media screen and (min-width: 1024px) { body.page-contact .block-main .part.contact-form form.contact { padding: 0 var(--spacer-6); gap: 0; } body.page-contact .block-main .part.contact-form form.contact .form-row { flex-direction: row; align-items: center; gap: 0; } body.page-contact .block-main .part.contact-form form.contact .form-label { flex: 0 0 320px; flex-direction: row; justify-content: space-between; gap: 0; padding: var(--spacer-l); } body.page-contact .block-main .part.contact-form form.contact .form-label:has(> :only-child) { justify-content: flex-end; } body.page-contact .block-main .part.contact-form form.contact .form-inputs { flex: 1 1 auto; padding: var(--spacer-l); } body.page-contact .block-main .part.contact-form form.contact .form-row-action { margin-left: 320px; } body.page-contact .block-main .part.contact-form form.contact .form-row-action .form-inputs { text-align: center; } body.page-contact .block-main .part.contact-form form.contact .form-row-action button.input-action { display: inline-block; width: auto; min-width: 300px; background: var(--color-back-secondary); transition: background var(--transition-speed-hover); } body.page-contact .block-main .part.contact-form form.contact .form-row-action button.input-action:hover { background: var(--color-theme-dark); } }

body.page-contents-products .block-main .part.contents-products { margin-bottom: var(--spacer-10); }

body.page-contents-products .block-main .part.contents-products .sys-contents { display: grid; grid-template-columns: repeat(1, 1fr); gap: var(--spacer-10); }

body.page-contents-products .block-main .part.contents-products .content .content-field-columns { display: flex; flex-direction: column; gap: var(--spacer-3); }

body.page-contents-products .block-main .part.contents-products .content .column-image .image-main { text-align: center; }

body.page-contents-products .block-main .part.contents-products .content .column-image .image-main img { width: 100%; height: 240px; object-fit: cover; }

body.page-contents-products .block-main .part.contents-products .content .column-info { padding: var(--spacer-3); }

body.page-contents-products .block-main .part.contents-products .content .column-info .content-field--title { margin-bottom: var(--spacer-5); }

body.page-contents-products .block-main .part.contents-products .content .column-info .content-field--title h3 { margin: 0; font-size: var(--font-size-xl); }

body.page-contents-products .block-main .part.contents-products .content .column-info .content-field--title h3 a { color: inherit; text-decoration: none; }

body.page-contents-products .block-main .part.contents-products .content .column-info .content-field--title h3 a:hover { text-decoration: underline; }

body.page-contents-products .block-main .part.contents-products .content .column-info .content-field--description { margin-bottom: var(--spacer-l); line-height: var(--line-height-l); }

body.page-contents-products .block-main .part.contents-products .content .column-info .content-field--created_at { line-height: var(--line-height-base); font-size: var(--font-size-s); }

@media screen and (min-width: 768px) { body.page-contents-products .block-main .part.contents-products .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-contents-products .block-main .part.contents-products .sys-contents { grid-template-columns: repeat(3, 1fr); gap: var(--spacer-10); } body.page-contents-products .block-main .part.contents-products .content .content-field-columns { gap: var(--spacer-5); } body.page-contents-products .block-main .part.contents-products .content .column-image .image-main img { height: auto; max-height: 360px; } body.page-contents-products .block-main .part.contents-products .content .column-info { padding: 0; } }

body.page-content .block-main .part.content-image { margin-bottom: var(--spacer-20); }

body.page-content .block-main .part.content-image .content-field-resourceFile { text-align: center; }

@media screen and (min-width: 1024px) { body.page-content .block-main .part.content-image .content-field-resourceFile img { max-height: calc(100vh - 96px); } }

body.page-content .block-main .part.content-title { margin-bottom: var(--spacer-10); }

body.page-content .block-main .part.content-title h1 { margin: 0; padding: 0 var(--spacer-3); font-size: var(--font-size-content-headline-title); font-weight: var(--font-weight-normal); line-height: var(--line-height-s); }

@media screen and (min-width: 1024px) { body.page-content .block-main .part.content-title .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-content .block-main .part.content-title h1 { padding: 0 var(--spacer-6); } }

body.page-content .block-main .part.content-body { margin-bottom: var(--spacer-l); }

body.page-content .block-main .part.content-body .content-field-editor { padding: 0 var(--spacer-3); line-height: var(--line-height-l); }

@media screen and (min-width: 1024px) { body.page-content .block-main .part.content-body .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-content .block-main .part.content-body .content-field-editor { padding: 0 var(--spacer-6); } }

body.page-content .block-main .part.content-categories { margin-bottom: var(--spacer-l); }

body.page-content .block-main .part.content-categories .content-field-taxonomies-list { display: inline-block; gap: var(--spacer-base); padding: 0 var(--spacer-3); }

body.page-content .block-main .part.content-categories .content-field-taxonomies-list li { line-height: var(--line-height-l); color: var(--color-theme); }

@media screen and (min-width: 1024px) { body.page-content .block-main .part.content-categories .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-content .block-main .part.content-categories .content-field-taxonomies-list { padding: 0 var(--spacer-6); } }

body.page-content .block-main .part.content-date .content-field-datetime { padding: 0 var(--spacer-3); line-height: var(--line-height-l); }

@media screen and (min-width: 1024px) { body.page-content .block-main .part.content-date .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-content .block-main .part.content-date .content-field-datetime { padding: 0 var(--spacer-6); } }

body.page-contents-jobs .block-main .part.contents-jobs .contents-not-found { text-align: center; font-size: var(--font-size-l); }

body.page-contents-jobs .block-main .part.contents-jobs .content { padding: var(--spacer-5) var(--spacer-3); border-top: solid 1px var(--color-border); }

body.page-contents-jobs .block-main .part.contents-jobs .content:first-child { padding-top: 0; border-top: none; }

body.page-contents-jobs .block-main .part.contents-jobs .content .content-field--title h3 { margin: 0 0 var(--spacer-5); font-size: var(--font-size-xl); }

body.page-contents-jobs .block-main .part.contents-jobs .content .jobtitle { margin-bottom: var(--spacer-3); }

body.page-contents-jobs .block-main .part.contents-jobs .content .content-field--description { line-height: var(--line-height-l); }

@media screen and (min-width: 1024px) { body.page-contents-jobs .block-main .part.contents-jobs .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } }

body.page-content-job .block-main .part.content-title { margin-bottom: var(--spacer-10); }

body.page-content-job .block-main .part.content-title h1 { margin: 0; padding: 0 var(--spacer-3); font-size: var(--font-size-content-headline-title); font-weight: var(--font-weight-normal); line-height: var(--line-height-s); }

@media screen and (min-width: 1024px) { body.page-content-job .block-main .part.content-title .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); } body.page-content-job .block-main .part.content-title h1 { padding: 0 var(--spacer-6); } }

body.page-content-job .block-main .part.part-sys-content-fields-table { margin-bottom: var(--spacer-3); }

body.page-content-job .block-main .part.part-sys-content-fields-table table { width: 100%; }

body.page-content-job .block-main .part.part-sys-content-fields-table table th, body.page-content-job .block-main .part.part-sys-content-fields-table table td { padding: var(--spacer-3); border-bottom: solid 1px var(--color-border); line-height: var(--line-height-l); font-size: var(--font-size-base); text-align: left; }

body.page-content-job .block-main .part.part-sys-content-fields-table table th { vertical-align: top; }

@media screen and (min-width: 1024px) { body.page-content-job .block-main .part.part-sys-content-fields-table .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); padding: 0 var(--spacer-6); } }

body.page-content-job .block-main .part.entry .part-body { padding: var(--spacer-3); }

body.page-content-job .block-main .part.entry a { display: block; width: 100%; padding: var(--spacer-3); background: var(--color-theme-dark); color: inherit; font-size: var(--font-size-base); text-align: center; text-decoration: none; }

@media screen and (min-width: 1024px) { body.page-content-job .block-main .part.entry .part-body { max-width: calc(var(--pc-width-base) + (var(--spacer-3) * 2)); margin-left: auto; margin-right: auto; padding-left: var(--spacer-3); padding-right: var(--spacer-3); padding: 0 calc(var(--spacer-3) + var(--spacer-6)); text-align: center; } body.page-content-job .block-main .part.entry a { display: inline-block; width: auto; min-width: 300px; padding: var(--spacer-3) var(--spacer-5); background: var(--color-back-secondary); transition: background var(--transition-speed-hover); } body.page-content-job .block-main .part.entry a:hover { background: var(--color-theme-dark); } }

.modalWindow-background { padding: var(--spacer-3); backdrop-filter: blur(4px); }

.modalWindow { max-width: 100%; background: var(--color-back-body); border: solid 1px var(--color-border); box-shadow: 0 0 var(--spacer-l) rgba(0, 0, 0, 0.5); }

.modalWindow .modalWindow-close { display: none; }

.modalWindow .modalWindow-body { margin: 0; padding: var(--spacer-3); }

.modalWindow .modalWindow-body .modalWindow-headline { margin-bottom: var(--spacer-base); }

.modalWindow .modalWindow-body table.modalWindow-formConfirm-table th, .modalWindow .modalWindow-body table.modalWindow-formConfirm-table td { width: auto; padding: var(--spacer-base); border: none; }

.modalWindow .modalWindow-body table.modalWindow-formConfirm-table th { white-space: nowrap; }

.modalWindow .modalWindow-actions { display: flex; justify-content: space-between; align-items: center; gap: var(--spacer-3); height: auto; padding: var(--spacer-3); border-top: solid 1px var(--color-border); }

.modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-done, .modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-cancel { margin: 0; padding: var(--spacer-3); border: none; border-radius: 0; background: var(--color-back-secondary); color: inherit; font-size: var(--font-size-base); }

.modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-done { background: var(--color-theme-dark); }

@media screen and (min-width: 1024px) { .modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-done { background: var(--color-back-secondary); transition: background var(--transition-speed-hover); } .modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-done:hover { background: var(--color-theme-dark); } .modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-cancel { background: var(--color-back-secondary); transition: background var(--transition-speed-hover); } .modalWindow .modalWindow-actions .modalWindow-action.modalWindow-action-cancel:hover { background: var(--color-back-footer); } }

.grecaptcha-badge { visibility: hidden; }