/* ===== 元採用ページのデザインCSS（自動抽出・画像パス置換済み） ===== */

:root {
            --itszai2-menu-color-primary: rgba(185,15,0, 1);
            --itszai2-menu-color-secondary: rgba(255,255,255, 1);
          }

.header-main{padding:0;display:flex;align-items:stretch;justify-content:space-between;width:100%;background-color:#fff;padding:15px 48px}.header-main .header-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-grow:1}.header-main .logo-img,.header-main .logo-text{flex:none}.header-main .logo-img img{width:auto;height:50px}.header-main .logo-text h1{font-size:20px;line-height:1.5;color:var(--itszai2-menu-color-secondary);font-weight:700}.header-main .header-nav__menu{flex-grow:1;display:flex;-moz-column-gap:20px;column-gap:20px;row-gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.header-main .header-nav__menu li{position:relative;padding:28px 0 28px 16px}.header-nav__menu li::before{content:'';width:12px;height:12px;border-radius:100%;background-color:var(--itszai2-menu-color-primary);position:absolute;top:35px;left:0;opacity:.25}.header-main .header-nav__menu li.active::before{opacity:1}.header-main .header-nav__menu li:last-child{padding-right:48px}.header-main .header-nav__menu li a{color:var(--itszai2-menu-color-secondary);font-size:16px;line-height:1.5;white-space:nowrap;font-weight:700;padding:24px 0;text-align:center}.header-main .btn__apply{padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--itszai2-menu-color-primary);width:160px;flex:none;font-weight:700}.header-main .btn__apply a{color:var(--itszai2-menu-color-secondary);width:100%;text-align:center;padding:24px 0;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.footer{width:100%;background-color:#fff}.footer .footer__content{padding:15px 48px;display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;border-top:1px solid var(--itszai2-menu-color-primary);border-bottom:1px solid var(--itszai2-menu-color-primary)}.footer .logo-img img{flex:none;width:auto;height:50px}.footer .logo-text h1{font-size:20px;line-height:1.5;color:var(--itszai2-menu-color-secondary);font-weight:700}.footer .footer__menu{flex-grow:1;display:flex;-moz-column-gap:20px;column-gap:20px;row-gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.footer .footer__menu li{position:relative;padding-left:16px}.footer .footer__menu li::before{content:'';width:12px;height:12px;border-radius:100%;background-color:var(--itszai2-menu-color-primary);position:absolute;top:7px;left:0;opacity:.25}.footer .footer__menu li.active::before{opacity:1}.footer .footer__menu li a{color:var(--itszai2-menu-color-secondary);font-size:16px;line-height:1.5;white-space:nowrap;font-weight:700;text-align:center}.footer__copyright{width:100%;padding:24px 24px 86px 24px}.footer__copyright__text{text-align:center}.footer__copyright__text span{margin-right:8px;white-space:nowrap}.company-navigation-preview-brand .header-main .header-nav__menu li:last-child{padding-right:0!important}.company-navigation-preview a:hover{border-bottom-width:0}.company-navigation-preview .force-sp-view .header-sp .logo-img{border-bottom-width:1px!important}.company-navigation-preview .force-sp-view .footer .logo-img img{height:32px}.company-navigation-preview .force-sp-view .footer .footer__content{border:none;padding:48px 24px;flex-direction:column;align-items:start}.company-navigation-preview .force-sp-view .footer .footer__menu{flex-direction:column;align-items:start;gap:0;width:100%}.company-navigation-preview .force-sp-view .footer .footer__menu li{padding:12px 0;border-bottom:1px solid #e9e9eb;width:100%;padding-left:0}.company-navigation-preview .force-sp-view .footer .footer__menu li:first-child{border-top:1px solid #e9e9eb;margin-top:12px}.company-navigation-preview .force-sp-view .footer .footer__menu li:last-child{border-bottom:none}.company-navigation-preview .force-sp-view .footer .footer__menu li::before{display:none}.company-navigation-preview .force-sp-view .footer__copyright{padding-top:0}.company-navigation-preview .force-sp-view .footer .footer__menu li a,.company-navigation-preview .force-sp-view .menu-nav .menu-nav__item a{font-weight:500}@media only screen and (max-width:768px){.footer .logo-img img{height:32px}.footer .footer__content{border:none;padding:48px 24px;flex-direction:column;align-items:start}.footer .footer__menu{flex-direction:column;align-items:start;gap:0;width:100%}.footer .footer__menu li{padding:12px 0;border-bottom:1px solid #e9e9eb;width:100%;padding-left:0}.footer .footer__menu li:first-child{border-top:1px solid #e9e9eb;margin-top:12px}.footer .footer__menu li:last-child{border-bottom:none}.footer .footer__menu li::before{display:none}.footer__copyright{padding-top:0}}.ms-footer .logo-img img{height:32px}.ms-footer .footer__content{border:none;padding:48px 24px;flex-direction:column;align-items:start}.ms-footer .footer__menu{flex-direction:column;align-items:start;gap:0;width:100%}.ms-footer .footer__menu li{padding:12px 0;border-bottom:1px solid #e9e9eb;width:100%;padding-left:0}.ms-footer .footer__menu li:first-child{border-top:1px solid #e9e9eb;margin-top:12px}.ms-footer .footer__menu li:last-child{border-bottom:none}.ms-footer .footer__menu li::before{display:none}.ms-footer .footer__copyright{padding-top:0;-webkit-font-smoothing:auto;font-size:16px}.header-sp{width:100%;background-color:#fff}.header-sp .logo-img,.header-sp .logo-text{width:100%;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--itszai2-menu-color-primary);padding:12px 24px}.header-sp .logo-img img{flex:none;width:auto;height:32px}.header-sp .logo-text h1{font-size:20px;line-height:1.5;color:var(--itszai2-menu-color-primary);font-weight:700}.menu-nav-fixed{display:flex;align-items:stretch;justify-content:space-between}.menu-nav-fixed .menu-nav{display:flex;align-items:stretch;justify-content:flex-end;flex-grow:1}.menu-nav .menu-nav__item{padding:24px 0;width:20%;height:100%}.menu-nav .menu-nav__item a{height:100%;border-right:1px solid #e9e9eb;padding:0 12px;display:flex;justify-content:center;align-items:center;color:var(--itszai2-menu-color-secondary);text-align:center;font-weight:700;font-size:16px}.menu-nav .menu-nav__item:last-child a{border-right:none}.menu-nav-fixed .btn__apply{padding:24px 0;display:flex;justify-content:center;align-items:center;background-color:var(--itszai2-menu-color-primary);font-weight:700}.menu-nav-fixed .btn__apply a{padding:0 12px;color:var(--itszai2-menu-color-secondary);text-align:center}@media only screen and (max-width:768px){.footer .footer__menu li a,.menu-nav .menu-nav__item a{font-weight:500}}.m-module-breadcrumb{padding:12px 24px;font-size:16px;position:relative}.m-module-breadcrumb::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--itszai2-menu-color-primary);opacity:.4}.m-module-breadcrumb__list{display:flex;flex-wrap:wrap;list-style:none;position:relative;z-index:1}.m-module-breadcrumb__link{color:var(--itszai2-menu-color-secondary)}.m-module-breadcrumb__item+.m-module-breadcrumb__item::before{content:'';display:inline-block;margin:0 .5rem;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border-color:var(--itszai2-menu-color-secondary)}.emphasis{position:relative}.emphasis:after{content:'●';position:absolute;top:-.1em;left:calc(50% - .2em);z-index:10;display:flex;width:.4em;height:.4em;align-items:center;justify-content:center;font-size:.3em}.logo-static{cursor:auto}body strong{font-weight:700}body em{font-style:italic}

body > * { font-family: 'Noto Sans JP', sans-serif; font-weight: normal; font-style: normal; }

@charset "UTF-8"; :root { --font-robotocondensed: "Roboto Condensed", sans-serif; --font-notosansjp: "Noto Sans JP", sans-serif; --font-onest: "Onest", sans-serif; --text-base: 16px; --color01: color-1; --color02: color-2; --color03: color-3; --color04: color-4; --color05: color-5; --color06: color-6; --color07: color-7; --color08: color-8; --color09: color-9; --color10: color-10; --color11: color-11; --color12: color-12; --color13: color-13; --color14: color-14; --color15: color-15; --color16: color-16; --color17: color-17; --color18: color-18; --color19: color-19; --color20: color-20; --color21: color-21; --color22: color-22; --color23: color-23; --color24: color-24; --color25: color-25; } .sg-img-auto { width: auto; height: auto; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-spacing: 0; border-collapse: collapse; } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 62.5%; } body { font-size: 16px; word-wrap: break-word; word-break: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overflow-wrap: break-word; } a { color: inherit; text-decoration: none; } select, input, textarea, button { font-family: inherit; } select, button { cursor: pointer; } img { max-width: 100%; height: auto; } .js-accordion-button { cursor: pointer; } .js-accordion-body { overflow: hidden; -webkit-transition: height .3s ease; transition: height .3s ease; } .js-accordion-body:not(.-active) { display: none; } @media screen and (max-width: 769px) { .is-pc, .pc { display: none; } } .is-tablet, .tablet { display: none; } @media screen and (max-width: 1024px) { .is-tablet, .tablet { display: block; } } .is-sp, .sp { display: none; } @media screen and (max-width: 769px) { .is-sp, .sp { display: block; } } body { min-width: 768px; } .m-button-systems { cursor: pointer; } .m-button-systems .m-button-icon { display: inline-flex; } .m-button-systems .m-button-text { cursor: pointer; padding: 0; background-color: transparent; border: 0; color: inherit; font-size: 100%; } /*! * * Header style * Background: --itszai2-menu-color-primary * Text: --itszai2-menu-color-secondary */ .header-main { padding: 0 48px !important; position: sticky; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: all .3s ease-out; opacity: 0; height: 80px; margin-top: -80px; z-index: 99999; } .header-main.active { opacity: 1; transform: translateY(0); z-index: 9999; } .header-nav { display: flex; justify-content: space-between; align-items: center; } .header-nav .header-nav__logo { width: 230px; display: block; } .header-nav .header-nav__logo img { width: 100% !important; height: auto !important; } .header-nav__menu { display: flex; justify-content: flex-end; flex: 1; gap: 25px; list-style: none; } .header-nav__menu li { position: relative; font-size: 14px; padding-left: 20px !important; } .header-nav__menu li a:hover, .header-nav__menu li.active { font-weight: bold; } .header-nav__menu li::before { content: none !important; display: inline-block; width: 10px !important; height: 10px !important; position: absolute; left: 0; top: calc(50% - 5px); background-color: var(--itszai2-menu-color-primary); border-radius: 50%; opacity: 0.5; } .header-nav__menu li:hover:before, .header-nav__menu li.active:before { background-color: var(--itszai2-menu-color-primary); opacity: 1; } /* .footer { background-color: var(--itszai2-menu-color-secondary) !important; } */ .footer .footer__menu li a { color: var(--itszai2-menu-color-secondary) !important; } .footer__content { display: flex; align-items: center; justify-content: space-between; padding: 10px 5% !important; border-bottom: 1px solid var(--itszai2-menu-color-primary); } .footer__content .footer__logo { width: 375px; } .footer__content .footer__logo img { width: auto !important; height: 50px !important; } .footer__menu { display: flex; list-style: none; gap: 25px; } .footer__menu li { position: relative; font-size: 14px; padding: 15px 0 15px 16px !important; } .footer__menu li a:hover, .footer__menu li.active { font-weight: bold; } .footer__menu li::before { content: none !important; display: inline-block; width: 10px !important; height: 10px !important; position: absolute; left: 0; top: calc(50% - 5px); background-color: var(--itszai2-menu-color-primary); border-radius: 50%; opacity: 0.5; } .footer__copyright { color: var(--itszai2-menu-color-secondary) !important; } .header-main .header-nav__menu li:last-child { padding-right: 0 !important; } .header-main .header-nav__menu li a { padding: 27px 0 27px 0px !important; } .header-main .header-nav__menu li a, .footer .footer__menu li a { font-weight: normal !important; color: var(--itszai2-menu-color-secondary) !important; padding: 27px 0 27px 0px !important; } .header-main .header-nav__menu li a:hover, .footer .footer__menu li a:hover, .header-main .header-nav__menu li.active a, .footer .footer__menu li.active a { font-weight: bold !important; } .header-main .header-nav__menu li:hover::before, .header-main .header-nav__menu li.active::before, .footer__menu li:hover:before, .footer__menu li.active:before { background-color: var(--itszai2-menu-color-primary) !important; opacity: 1 !important; } .footer__copyright { padding: 35px 5% !important; text-align: center; } .footer__copyright .footer__copyright__text { font-size: 14px; } .header-main:has(.header-nav__btn) { display: flex; align-items: center; gap: 10px 25px; width: 100%; padding: 10px 2% 10px 2% !important; } .header-main:has(.header-nav__btn) .header-nav__menu { display: flex; justify-content: flex-end; flex: 1; gap: 25px; } .header-main:has(.header-nav__btn) .header-main { gap: 10px 25px; width: 100%; } .header-main:has(.header-nav__btn) .header-nav { gap: 10px 25px; } .header-main:has(.header-nav__btn) .header-nav:nth-child(1) { flex: 1; } .header-main:has(.header-nav__btn) .header-nav__btn { background-color: var(--itszai2-menu-color-primary) !important; font-size: 16px; line-height: 1.5; font-weight: bold; padding: 10px 30px; display: flex; align-items: center; justify-content: center; border-radius: 50px; } .header-main .header-nav__btn.btn__apply a { padding: 0; } @media only screen and (min-width: 768px) and (max-width: 1110px) { .header-main { padding-left: 15px; } .footer__content { padding: 20px 5% !important; } .footer__content .footer__logo, .header-nav .header-nav__logo { width: 135px; } .header-main .logo-img, .header-main .logo-text { padding-left: 0 !important; } .header-nav__menu { flex-wrap: nowrap !important; } .header-main .header-nav__menu li:last-child { padding-right: 0 !important; } .header-main .header-nav__menu li a, .footer__content .footer__menu li, .footer__content .footer__menu li a, .header-nav .header-nav__menu li { font-size: 10px !important; } .footer__content .footer__menu { gap: 10px; } .header-main:has(.header-nav__btn) { gap: 5px 15px; } .header-main:has(.header-nav__btn) .header-nav__menu { display: flex; justify-content: flex-end; flex: 1; gap: 10px; } .header-nav__btn { padding-left: 15px; padding-right: 15px; } } /* End Header Style */ .m-income-module002 { padding-bottom: 320px !important; } .m-income-module002__item-figure .img-content-sg-c-module { overflow: hidden; } footer { position: relative; z-index: 99; } .m-banner-module002 { right: 15px !important; } .body-main { position: relative; } .m-concept-module001__title, .m-concept-module001__title .sg-module-single-text-1 { display: inline-block !important; } /* .m-message-module001__title {*/ /* display: inline-block !important;*/ /* line-height: 150% !important;*/ /*}*/ .m-message-module001__background, .m-message-module002__background, .m-works-module001__background, .m-works-module002__background, .m-challenging-module001__background, .m-challenging-module002__background, .m-voice-module001__background, .m-voice-module002__background, .m-human-resources-module001__background, .m-human-resources-module002__background, .m-feature-module001__background, .m-feature-module002__background, .m-ease-of-work-module001__background, .m-ease-of-work-module002__background, .m-rating-module001__background, .m-rating-module002__background, .m-welfare-module001__background, .m-welfare-module002__background, .m-education-module001__background, .m-education-module002__background, .m-gallery-module002__background, .m-video-module001__background, .m-video-module002__background, .m-career-module001__background, .m-career-module002__background, .m-income-module001__background, .m-income-module002__background, .m-environment-module001__background, .m-environment-module002__background, .m-history-module001__background, .m-history-module002__background, .m-timetable-module001__background, .m-timetable-module002__background, .m-faq-module001__background, .m-faq-module002__background, .m-access-module001__background, .m-access-module002__background, .m-pr-module001__background, .m-pr-module002__background, .m-recruitment-module001__background, .m-recruitment-module002__background, .m-message-module001__background p, .m-message-module002__background p, .m-works-module001__background p, .m-works-module002__background p, .m-challenging-module001__background p, .m-challenging-module002__background p, .m-voice-module001__background p, .m-voice-module002__background p, .m-human-resources-module001__background p, .m-human-resources-module002__background p, .m-feature-module001__background p, .m-feature-module002__background p, .m-ease-of-work-module001__background p, .m-ease-of-work-module002__background p, .m-rating-module001__background p, .m-rating-module002__background p, .m-welfare-module001__background p, .m-welfare-module002__background p, .m-education-module001__background p, .m-education-module002__background p, .m-gallery-module002__background p, .m-video-module001__background p, .m-video-module002__background p, .m-career-module001__background p, .m-career-module002__background p, .m-income-module001__background p, .m-income-module002__background p, .m-environment-module001__background p, .m-environment-module002__background p, .m-history-module001__background p, .m-history-module002__background p, .m-timetable-module001__background p, .m-timetable-module002__background p, .m-faq-module001__background p, .m-faq-module002__background p, .m-access-module001__background p, .m-access-module002__background p, .m-pr-module001__background p, .m-pr-module002__background p, .m-recruitment-module001__background p, .m-recruitment-module002__background p, .m-message-module003__background p, .m-message-module004__background p, .m-works-module003__background p, .m-rating-module003__background p, .m-rating-module004__background p, .m-welfare-module003__background p, .m-welfare-module004__background p, .m-voice-module003__background p, .m-voice-module004__background p, .m-feature-module003__background p, .m-feature-module004__background p { white-space: nowrap !important; } .m-recruitment-module001__item-figure-img { width: 100% !important; color: var(--color19); } /* Handle ticket HTML-1570 */ .m-welfare-module002__item-figure img { display: inline-block; }

.m-kv-module001 { font-size: 0; } .m-kv-module001__img { width: 100%; }
.m-challenging-module003 { --color01: #B90F00; --color02: #ABA6A6; --color03: #ABA6A6; --color04: #ABA6A6; --color05: #B90F00; --color06: #B90F00; --color07: #B90F00; --color08: #252323; --color09: #FFFFFF; --color10: #252323; --color11: #F6F6F6; --color12: #FFFFFF; --color13: #FFFFFF; --color14: #F6F6F6; --color15: #000000; --color16: #FFFFFF; --color17: #676767; --color18: #FFFFFF; --color19: #252323; --color20: #FF3220; --color21: #5F20FF; --color22: #252323; --color23: #C0FF20; --color24: #FF2094; --color25: #20EDFF; } /* ------------------------------------------- 仕事のやりがい_1 PC ------------------------------------------- */ .m-challenging-module003 { position: relative; overflow: hidden; padding: 140px 40px 200px; background-color: var(--color03); color: var(--color16); word-break: break-all; } .m-challenging-module003.m-challenging-module003__bg-primary { background-color: var(--color01); } .m-challenging-module003__inner { position: relative; z-index: 1; max-width: 1476px; margin: 0 auto; } .m-challenging-module003__background { position: absolute; z-index: -1; top: -20px; left: 50%; display: block; font-weight: bold; font-size: 240px; line-height: 127.5%; font-family: var(--font-onest); color: transparent; text-align: center; white-space: nowrap; opacity: 0.3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-text-stroke: 1.2px var(--color16); } .m-challenging-module003__background p{ white-space: nowrap !important; } .m-challenging-module003__headline { margin-bottom: 146px; text-align: center; } .m-challenging-module003__headline-main { display: block; margin-bottom: 10px; font-weight: bold; font-size: 62px; line-height: 144.84%; font-family: var(--font-notosansjp); } .m-challenging-module003__headline-sub { display: block; font-weight: bold; font-size: 20px; line-height: 100%; font-family: var(--font-onest); } .m-challenging-module003__list{ padding-top: 8px; } .m-challenging-module003__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .m-challenging-module003__list-item:not(:last-child) { margin-bottom: 108px; } .m-challenging-module003__list-item:nth-child(even) { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; } .m-challenging-module003__list-item-figure { position: relative; width: calc(53.6% - 64px); padding: 32px 32px 32px 0; } .m-challenging-module003__list-item-figure img { border-radius: 16px; aspect-ratio: 766 / 550; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } @media screen and (max-width: 1024px) { .m-challenging-module003__list-item-figure { width: 100%; } } .m-challenging-module003__list-item-figure::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 75px; display: block; border-radius: 16px; background-color: var(--color09); content: ""; opacity: 0.1; } .m-challenging-module003__list-item-details { position: relative; z-index: 1; width: 46.4%; padding-top: 36px; padding-left: 103px; color: var(--color16); } @media screen and (max-width: 1024px) { .m-challenging-module003__list-item-details { width: 100%; margin-bottom: 40px; padding-left: 0; } } .m-challenging-module003__list-item-number { position: absolute; z-index: -1; top: -62px; left: 0; font-weight: bold; font-size: 500px; line-height: 100%; font-family: var(--font-onest); opacity: 0.2; } .m-challenging-module003__list-item-title { margin-bottom: 32px; font-weight: bold; font-size: 32px; line-height: 120%; font-family: var(--font-notosansjp); } .m-challenging-module003__list-item-desc { margin-bottom: 32px; font-weight: normal; font-size: 20px; line-height: 180%; font-family: var(--font-notosansjp); } .m-challenging-module003__list-item-comment { position: relative; width: calc(100% - 28px); padding: 24px; background-color: var(--color07); font-weight: bold; font-size: 20px; line-height: 180%; font-family: var(--font-notosansjp); } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-white { background-color: var(--color18); color: var(--color03); } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-white.m-challenging-module003__text-orange { background-color: var(--color18); color: var(--color01); } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-blue { background-color: var(--color03); color: var(--color09); } @media screen and (max-width: 1024px) { .m-challenging-module003__list-item-comment { width: 100%; } } .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment { left: 0; width: 100%; } @media screen and (max-width: 1024px) { .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment { left: 0; } } .m-challenging-module003__list-item-comment::before { position: absolute; bottom: 30px; left: 100%; display: block; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 27px solid var(--color07); content: ""; } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-white:before { border-left-color: var(--color18); } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-blue:before { border-left-color: var(--color03); } @media screen and (max-width: 1024px) { .m-challenging-module003__list-item-comment::before { top: 100%; bottom: auto; left: 30px; border-top: 27px solid var(--color07); border-right: 16px solid transparent; border-bottom: 0; border-left: 16px solid transparent; } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-white::before { border-top: 27px solid var(--color18); border-right: 16px solid transparent; border-left: 16px solid transparent; -webkit-transform: none; -ms-transform: none; transform: none; } .m-challenging-module003__list-item-comment.m-challenging-module003__bg-blue::before { border-top: 27px solid var(--color03); border-right: 16px solid transparent; border-left: 16px solid transparent; -webkit-transform: none; -ms-transform: none; transform: none; } } .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment::before { bottom: 40px; right: 100%; left: auto; border-right: 27px solid var(--color07); border-left: 0; } .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment.m-challenging-module003__bg-white:before { border-right-color: var(--color18); } .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment.m-challenging-module003__bg-blue:before { border-right-color: var(--color03); } @media screen and (max-width: 1024px) { .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment::before { right: auto; left: 30px; border-top: 27px solid var(--color07); border-right: 16px solid transparent; border-bottom: 0; border-left: 16px solid transparent; } .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment.m-challenging-module003__bg-white:before { border-top-color: var(--color18); border-left-color: transparent; border-right-color: transparent; } .m-challenging-module003__list-item:nth-child(even) .m-challenging-module003__list-item-comment.m-challenging-module003__bg-blue:before { border-top-color: var(--color03); border-left-color: transparent; border-right-color: transparent; } }
.m-feature-module001 { --color01: #B90F00; --color02: #ABA6A6; --color03: #ABA6A6; --color04: #ABA6A6; --color05: #B90F00; --color06: #B90F00; --color07: #B90F00; --color08: #252323; --color09: #FFFFFF; --color10: #252323; --color11: #F6F6F6; --color12: #FFFFFF; --color13: #FFFFFF; --color14: #F6F6F6; --color15: #000000; --color16: #FFFFFF; --color17: #676767; --color18: #FFFFFF; --color19: #252323; --color20: #FF3220; --color21: #5F20FF; --color22: #252323; --color23: #C0FF20; --color24: #FF2094; --color25: #20EDFF; } /* ------------------------------------------- 会社の特長_1 ------------------------------------------- */ .m-feature-module001 { position: relative; overflow: hidden; padding: 140px 0 0; color: var(--color15, #1f1f1f); word-break: break-all; background-color: var(--color09); } .m-feature-module001__inner { position: relative; z-index: 1; } .m-feature-module001__background { position: absolute; z-index: -1; top: 20px; left: 50%; display: block; font: bold 240px/306px var(--font-onest); color: transparent; text-align: center; white-space: nowrap; opacity: .3; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-text-stroke: 1px var(--color15, #1f1f1f); } .m-feature-module001__headline { margin-bottom: 193px; text-align: center; } .m-feature-module001__headline-main { display: block; margin-bottom: 10px; font: bold 62px/89.8px var(--font-notosansjp); } .m-feature-module001__headline-sub { display: block; font: bold 20px/20px var(--font-onest); } .m-feature-module001__list-item { padding-bottom: 141px; background: no-repeat right bottom/contain; position: relative; } .m-feature-module001__list-item:nth-child(even) { padding-bottom: 222px; background: no-repeat left bottom/contain; } .m-feature-module001__overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .m-feature-module001__overlay .m-feature-module001__list-item:nth-child(1) .img-content-sg-c-module, .m-feature-module001__overlay .m-feature-module001__overlay-top { position: absolute; top: 0; right: 0; width: 100vw; } .m-feature-module001__overlay .m-feature-module001__list-item:nth-child(2) .img-content-sg-c-module, .m-feature-module001__overlay .m-feature-module001__overlay-bottom { position: absolute; bottom: 0; left: 0; width: 100vw; } .m-feature-module001__list-item:nth-child(even) .m-feature-module001__list-item-inner { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; } .m-feature-module001__list-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1920px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-feature-module001__list-item-figure { position: relative; width: 726px; } @media screen and (max-width: 1440px) { .m-feature-module001__list-item-figure { width: 50%; } } @media screen and (max-width: 1280px) { .m-feature-module001__list-item-figure { width: 80%; } } .m-feature-module001__list-item-figure-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .m-feature-module001__list-item-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; width: calc(100% - 726px); padding: 0 64px; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 1440px) { .m-feature-module001__list-item-contents { width: 50%; } } @media screen and (max-width: 1280px) { .m-feature-module001__list-item-contents { width: 100%; } } .m-feature-module001__list-item-details { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .m-feature-module001__list-item-number { font: bold 500px/1 var(--font-onest); line-height: .65; color: var(--color06, #e75604); } .m-feature-module001__list-item-main { padding-left: 46px; } .m-feature-module001__list-item-title { margin-bottom: 27px; font: bold 40px/120% var(--font-notosansjp); } .m-feature-module001__list-item-desc { max-width: 715px; font: normal 16px/160% var(--font-notosansjp); } .m-feature-module001__overlay .img-content-sg-c-module { height: 100%; }
.m-concept-module003 { --color01: #B90F00; --color02: #ABA6A6; --color03: #ABA6A6; --color04: #ABA6A6; --color05: #B90F00; --color06: #B90F00; --color07: #B90F00; --color08: #252323; --color09: #FFFFFF; --color10: #252323; --color11: #F6F6F6; --color12: #FFFFFF; --color13: #FFFFFF; --color14: #F6F6F6; --color15: #000000; --color16: #FFFFFF; --color17: #676767; --color18: #FFFFFF; --color19: #252323; --color20: #FF3220; --color21: #5F20FF; --color22: #252323; --color23: #C0FF20; --color24: #FF2094; --color25: #20EDFF; } /* ------------------------------------------- コンセプト_2 ------------------------------------------- */ .m-concept-module003 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; background-color: var(--color09); color: var(--color15); } .m-concept-module003::after { position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-bottom: 140px solid var(--color01); border-left: 100vw solid transparent; content: ""; } .m-concept-module003__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; width: calc(100% - 636px); padding: 126px 40px 237px; -webkit-box-align: center; align-items: center; } @media screen and (max-width: 1440px) { .m-concept-module003__wrapper { width: 50%; } } .m-concept-module003__images { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 636px; font-size: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; } @media screen and (max-width: 1440px) { .m-concept-module003__images { width: 50%; } } .m-concept-module003__images-img { height: 33.33333%; -o-object-fit: cover; object-fit: cover; } .m-concept-module003__images-border { position: absolute; top: 0; left: 21px; width: 11px; height: 22%; background-color: var(--color02); z-index: 1; } .m-concept-module003__images-border.-top { top: 9%; right: calc(100% + 20px); left: auto; background-color: var(--color01); } .m-concept-module003__inner { position: relative; z-index: 1; max-width: 934px; margin: 0 auto; word-break: break-word; } .m-concept-module003__title { margin-bottom: 98px; /* font: bold 120px/110% var(--font-notosansjp); */ font-weight: bold; font-size: 120px; line-height: 144.6%; font-family: var(--font-notosansjp); } @media screen and (max-width: 1440px) { .m-concept-module003__title { font-size: 7.5vw; } } .m-concept-module003__desc { padding-left: 85px; /* font: normal 20px/180% var(--font-notosansjp); */ font-weight: normal; font-size: 20px; line-height: 180%; font-family: var(--font-notosansjp); } @media screen and (max-width: 1440px) { .m-concept-module003__desc { padding-left: 0; } } .m-concept-module003__images-img .img-content-sg-c-module, .m-concept-module003__images-img .img-content-sg-c-module img { width: 100%; height: 100%; object-fit: cover; } /* itzai2 new */ .m-concept-module003__orange { background-color: var(--color01); } .m-concept-module003__blue-triangle::after { position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-bottom: 140px solid var(--color03); border-left: 100vw solid transparent; content: ""; } .m-concept-module003__orange-triangle::after { position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-bottom: 140px solid var(--color01); border-left: 100vw solid transparent; content: ""; } .m-concept-module003__white-triangle::after { position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-bottom: 140px solid var(--color09); border-left: 100vw solid transparent; content: ""; } .m-concept-module003__images-border.-top__blue { background-color: var(--color03); } .m-concept-module003__images-border.-top__white { background-color: var(--color09); } .m-concept-module003__images-borderorange { background-color: var(--color01); } .m-concept-module003__images-borderblue { background-color: var(--color02); } .m-concept-module003__images-img { width: 100%; height: 100%; /* max-width: 636px; */ /* max-height: 438px; */ } .m-concept-module003__images-img img { width: 100%; height: 100%; object-fit: cover; /* aspect-ratio: 636 / 468; */ } .m-concept-module003__orange { background-color: var(--color01); color: var(--color18); } .m-concept-module003__blue { background-color: var(--color03); color: var(--color18); } .m-concept-module003__dark { background-color: var(--color08); color: var(--color18); }
.m-message-module001 { --color01: #B90F00; --color02: #ABA6A6; --color03: #ABA6A6; --color04: #ABA6A6; --color05: #B90F00; --color06: #B90F00; --color07: #B90F00; --color08: #252323; --color09: #FFFFFF; --color10: #252323; --color11: #F6F6F6; --color12: #FFFFFF; --color13: #FFFFFF; --color14: #F6F6F6; --color15: #000000; --color16: #FFFFFF; --color17: #676767; --color18: #FFFFFF; --color19: #252323; --color20: #FF3220; --color21: #5F20FF; --color22: #252323; --color23: #C0FF20; --color24: #FF2094; --color25: #20EDFF; } /* ------------------------------------------- メッセージ_1 ------------------------------------------- */ .m-message-module001 { overflow: hidden; padding: 120px 40px 210px; background-color: var(--color01, #e75604); color: var(--color16, #ffffff); position: relative; word-break: break-all; } .m-message-module001__inner { position: relative; z-index: 1; max-width: 840px; margin: 0 auto; } .m-message-module001__overlay { position: absolute; bottom: 0; left: 0; right: 0; } .m-message-module001__overlay__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .m-message-module001__background { position: absolute; z-index: -1; top: 5px; left: 50%; display: block; font: bold 240px/306px var(--font-onest), sans-serif; color: transparent; text-align: center; white-space: nowrap; opacity: .2; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-text-stroke: 1.2px var(--color16, #ffffff); } .m-message-module001__headline { margin-bottom: 82px; text-align: center; } .m-message-module001__headline-main { display: block; margin-bottom: 10px; font: bold 62px/89.8px var(--font-notosansjp), sans-serif; } .m-message-module001__headline-sub { display: block; font: bold 20px/20px var(--font-onest), sans-serif; } .m-message-module001__title { display: inline; padding: 10px 0; background: var(--color08, #000000); font: bold 40px/120% var(--font-notosansjp), sans-serif; line-height: 150%; color: var(--color18, #ffffff); } .m-message-module001__desc { margin-top: 22px; font: normal 20px/200% var(--font-notosansjp), sans-serif; } .m-message-module001__more { margin-top: 96px; text-align: center; display: block; } .m-message-module001__more-link button { display: inline-block; min-width: 280px; padding: 18px; border: 1px solid var(--color16, #ffffff); border-radius: 100px; background: var(--color01, #e75604); color: var(--color16); -webkit-box-shadow: 0 0 38px rgba(0, 0, 0, 0.2); box-shadow: 0 0 38px rgba(0, 0, 0, 0.2); font: bold 16px/23.2px var(--font-notosansjp), sans-serif; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media (hover: hover) { .m-message-module001__more-link:hover:hover { opacity: .5; } }
.m-cv6-module006 { --color01: #B90F00; --color02: #ABA6A6; --color03: #ABA6A6; --color04: #ABA6A6; --color05: #B90F00; --color06: #B90F00; --color07: #B90F00; --color08: #252323; --color09: #FFFFFF; --color10: #252323; --color11: #F6F6F6; --color12: #FFFFFF; --color13: #FFFFFF; --color14: #F6F6F6; --color15: #000000; --color16: #FFFFFF; --color17: #676767; --color18: #FFFFFF; --color19: #252323; --color20: #FF3220; --color21: #5F20FF; --color22: #252323; --color23: #C0FF20; --color24: #FF2094; --color25: #20EDFF; } /* ------------------------------------------- CV_3 ------------------------------------------- */ .m-cv6-module006 { position: relative; overflow: hidden; z-index: 0; } .m-cv6-module006__overlay { position: absolute; bottom: 0; right: 0; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 100%; height: 100%; z-index: -1; } .m-cv6-module006__overlay .img-content-sg-c-module, .m-cv6-module006__overlay__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .m-cv6-module006::before { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; display: block; background-color: var(--color09); content: ""; opacity: 0.9; } .m-cv6-module006__inner{ display: flex; justify-content: space-between; padding: 24px 40px 24px 54px; max-width: 1746px; margin: 0 auto; } .m-cv6-module006__images { width: 100%; } /* .m-cv6-module006__images::before { display: none; padding-top: 100%; content: ""; } */ /* @media screen and (max-width: 1024px) { .m-cv6-module006__images::before { display: block; } } */ .m-cv6-module006__images-inner { height: 100%; margin: 0 auto; } .m-cv6-module006__images-figure { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 95%; height: 100%; gap: 20px; min-height: 313px; max-height: calc((50vw - 20px) / 1.55); } .m-cv6-module006__images-figure-img, .m-cv6-module006__images-figure .img-content-sg-c-module .m-cv6-module006__images-figure-img { -o-object-fit: cover; object-fit: cover; min-width: 245.5px; } .m-cv6-module006__images-figure-img:nth-child(1), .m-cv6-module006__images-figure .img-content-sg-c-module:nth-child(1) .m-cv6-module006__images-figure-img{ aspect-ratio: 248 / 313; } .m-cv6-module006__images-figure-img:nth-child(2), .m-cv6-module006__images-figure .img-content-sg-c-module:nth-child(2) .m-cv6-module006__images-figure-img { height: 70%; aspect-ratio: 248 / 229; } .m-cv6-module006__main { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; align-self: center; -ms-flex-pack: end; /* max-width: 1746px; */ margin: 28px 0; /* padding: 53px 40px 53px 602px; */ max-width: 715px; width: 100%; -webkit-box-pack: end; justify-content: flex-end; } @media screen and (max-width: 1024px) { .m-cv6-module006__main { padding: 0; } } .m-cv6-module006__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 1032px; margin: 0 -19px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 1440px) { .m-cv6-module006__list { margin: 0; } } .m-cv6-module006__list-item { width: 100%; padding: 0 19px; } @media screen and (max-width: 1440px) { .m-cv6-module006__list-item { /* width: 100%; */ padding: 0; } .m-cv6-module006__main { max-width: calc(100% - 552px); } } @media screen and (max-width: 1440px) { .m-cv6-module006__list-item:not(:last-child) { margin-bottom: 38px; } } .m-cv6-module006__list-item-link { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-align: center; height: 100%; padding: 44px 60px; border-radius: 8px; background: var(--color01, #e75604); color: var(--color16, #ffffff); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; cursor: pointer; } .m-cv6-module006__list-item-link button { background-color: transparent; border: 0; outline: none; color: inherit; } @media (hover: hover) { .m-cv6-module006__list-item-link:hover:hover { opacity: 0.5; } } .m-cv6-module006__list-item-title { padding-right: 60px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; word-break: break-all; } .m-cv6-module006__list-item-title-sub { margin-bottom: 4px; font: bold 16px/123.4% var(--font-onest), sans-serif; } .m-cv6-module006__list-item-title-main { margin-bottom: 12px; font: bold 32px/160% var(--font-notosansjp), sans-serif; } .m-cv6-module006__list-item-title-desc { font: normal 18px/200% var(--font-notosansjp), sans-serif; } .m-cv6-module006__list-item-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 40px; background: var(--color12, #ffffff); -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .m-cv6-module006__images-figure .img-content-sg-c-module .m-cv6-module006__images-figure-img { width: 100%; height: 100%; position: relative; top: auto; left: auto; object-fit: cover; } @media screen and (max-width: 1024px) { .m-cv6-module006 { padding: 40px 40px 80px; } .m-cv6-module006__inner { flex-direction: column ; padding: 0; } .m-cv6-module006__images { position: relative; margin-bottom: 40px; padding: 0; } .m-cv6-module006__images-figure { max-width: 100%; max-height: 100% } .m-cv6-module006__images-figure-img, .m-cv6-module006__images-figure .img-content-sg-c-module { width: 100%; } .m-cv6-module006__main{ max-width: 100%; } } @media screen and (min-width: 1747px) and (max-width: 2024px){ .m-cv6-module006__images { width: 100%; } .m-cv6-module006__images-inner { position: absolute; left: 55px; padding-bottom: 48px; } .m-cv6-module006__inner{ padding-bottom: 32px; } } @media screen and (min-width: 2024px){ .m-cv6-module006__images { width: 100%; position: relative; min-height: 313px; } .m-cv6-module006__images-inner { position: absolute; left: -140px; } }

.atom_button{position:relative;width:-moz-max-content;width:max-content;align-content:center;align-items:center;border-radius:0.375rem;padding-left:0.5rem;padding-right:0.5rem;text-align:center;vertical-align:middle;font-size:14px;font-size:0.875rem;line-height:1.25rem;font-weight:700;text-transform:capitalize;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}#headlessui-portal-root .atom_button.z-10{z-index:999}.atom_button:focus{outline:2px solid transparent;outline-offset:2px}.atom_button:where(.dark,.dark *){--tw-text-opacity:1;color:rgba(var(--black),var(--tw-text-opacity,1))}.atom_button{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms}.atom_button:hover{opacity:0.7}.atom_button.primary{border-width:2px;--tw-border-opacity:1;border-color:rgb(85 184 238 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(85 184 238 / var(--tw-bg-opacity,1))}.atom_button.primary:focus{outline-color:#55B8EE}.atom_button.primary > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(85 184 238 / var(--tw-text-opacity,1))}.atom_button.primary.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(85 184 238 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(85 184 238 / var(--tw-text-opacity,1))}.atom_button.primary.outline > span > div > .icon_loading{fill:#55B8EE;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.secondary{border-width:2px;--tw-border-opacity:1;border-color:rgb(57 73 171 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(57 73 171 / var(--tw-bg-opacity,1))}.atom_button.secondary:focus{outline-color:#3949ab}.atom_button.secondary > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(57 73 171 / var(--tw-text-opacity,1))}.atom_button.secondary.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(57 73 171 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(57 73 171 / var(--tw-text-opacity,1))}.atom_button.secondary.outline > span > div > .icon_loading{fill:#3949ab;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.success{border-width:2px;--tw-border-opacity:1;border-color:rgb(24 201 136 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(24 201 136 / var(--tw-bg-opacity,1))}.atom_button.success:focus{outline-color:#18C988}.atom_button.success > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(24 201 136 / var(--tw-text-opacity,1))}.atom_button.success.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(24 201 136 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(24 201 136 / var(--tw-text-opacity,1))}.atom_button.success.outline > span > div > .icon_loading{fill:#18C988;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.danger{border-width:2px;--tw-border-opacity:1;border-color:rgb(241 67 93 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 67 93 / var(--tw-bg-opacity,1))}.atom_button.danger:focus{outline-color:#F1435D}.atom_button.danger > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(241 67 93 / var(--tw-text-opacity,1))}.atom_button.danger.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(241 67 93 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(241 67 93 / var(--tw-text-opacity,1))}.atom_button.danger.outline > span > div > .icon_loading{fill:#F1435D;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.warning{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 113 67 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 113 67 / var(--tw-bg-opacity,1))}.atom_button.warning:focus{outline-color:#F57143}.atom_button.warning > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(245 113 67 / var(--tw-text-opacity,1))}.atom_button.warning.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 113 67 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(245 113 67 / var(--tw-text-opacity,1))}.atom_button.warning.outline > span > div > .icon_loading{fill:#F57143;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.dark{border-width:2px;--tw-border-opacity:1;border-color:rgb(215 215 215 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(215 215 215 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgba(var(--text-primary),var(--tw-text-opacity,1))}.atom_button.dark:focus{outline-color:#D7D7D7}.atom_button.dark > span > div > .icon_loading{fill:rgba(var(--text-primary),1)}.atom_button.dark.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(215 215 215 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(215 215 215 / var(--tw-text-opacity,1))}.atom_button.dark.outline > span > div > .icon_loading{fill:rgba(var(--text-primary),1);--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.light{border-width:2px;--tw-border-opacity:1;border-color:rgb(230 230 230 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgba(var(--text-primary),var(--tw-text-opacity,1))}.atom_button.darkest{border-width:2px;--tw-border-opacity:1;border-color:rgba(var(--text-primary),var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--text-primary),var(--tw-bg-opacity,1))}.atom_button.darkest.outline{border-width:2px;--tw-border-opacity:1;border-color:rgba(var(--text-primary),var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgba(var(--text-primary),var(--tw-text-opacity,1))}.atom_button.sandy_brown{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 161 84 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 161 84 / var(--tw-bg-opacity,1))}.atom_button.sandy_brown:focus{outline-color:#F5A154}.atom_button.sandy_brown > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(245 161 84 / var(--tw-text-opacity,1))}.atom_button.sandy_brown.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 161 84 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(245 161 84 / var(--tw-text-opacity,1))}.atom_button.sandy_brown.outline > span > div > .icon_loading{fill:#F5A154;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.gray{border-width:2px;--tw-border-opacity:1;border-color:rgb(158 158 158 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(158 158 158 / var(--tw-bg-opacity,1))}.atom_button.gray:focus{outline-color:#9e9e9e}.atom_button.gray.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(158 158 158 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(158 158 158 / var(--tw-text-opacity,1))}.atom_button:disabled{pointer-events:none;cursor:not-allowed;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(230 230 230 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(85 184 238 / var(--tw-text-opacity,1))}.atom_button.size_xs{height:30px}.atom_button.size_sm{height:36px}.atom_button.size_md{height:42px}.atom_button.size_lg{height:48px}.atom_button.square{min-width:0px}.atom_button.square.size_lg{width:2.875rem;height:2.875rem}.atom_button.loading{opacity:0.6}.atom_button.accent_sandy_brown{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 161 84 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 161 84 / var(--tw-bg-opacity,1))}.atom_button.accent_sandy_brown:focus{outline-color:#F5A154}.atom_button.accent_sandy_brown > span > div > .icon_loading{fill:rgba(var(--white),1);--tw-text-opacity:1;color:rgb(245 161 84 / var(--tw-text-opacity,1))}.atom_button.accent_sandy_brown.outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 161 84 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(245 161 84 / var(--tw-text-opacity,1))}.atom_button.accent_sandy_brown.outline > span > div > .icon_loading{fill:#F5A154;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.atom_button.accent_sandy_brown:disabled{--tw-border-opacity:1 !important;border-color:rgb(230 230 230 / var(--tw-border-opacity,1)) !important;--tw-bg-opacity:1 !important;background-color:rgb(230 230 230 / var(--tw-bg-opacity,1)) !important;--tw-text-opacity:1 !important;color:rgb(196 196 196 / var(--tw-text-opacity,1)) !important;opacity:1 !important}.atom_button.accent_sandy_brown:disabled > span > div > .icon_loading{fill:#C4C4C4 !important;--tw-text-opacity:1 !important;color:rgb(230 230 230 / var(--tw-text-opacity,1)) !important}.atom_button.accent_sandy_brown.outline:disabled{--tw-border-opacity:1 !important;border-color:rgb(230 230 230 / var(--tw-border-opacity,1)) !important;--tw-bg-opacity:1 !important;background-color:rgba(var(--white),var(--tw-bg-opacity,1)) !important;--tw-text-opacity:1 !important;color:rgb(196 196 196 / var(--tw-text-opacity,1)) !important}.m-module-breadcrumb{padding-left:24px;padding-right:24px;padding-top:0.75rem;padding-bottom:0.75rem;font-size:1rem;line-height:1.5rem}@media (min-width:768px){.m-module-breadcrumb{padding-left:48px;padding-right:48px}}.m-module-breadcrumb__list{display:flex;list-style-type:none;flex-wrap:wrap}.m-module-breadcrumb__item + .m-module-breadcrumb__item::before{margin-left:0.5rem;margin-right:0.5rem;--tw-text-opacity:1;color:rgba(var(--text-primary),var(--tw-text-opacity,1));content:'';border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border-color:var(--breadcrumb-color-arrow,'')}.m-module-breadcrumb__link{border-width:0px !important}.m-module-breadcrumb__link:hover{text-decoration-line:none}:root{--l-white:255,255,255;--d-white:24,24,24;--l-black:24,24,24;--d-black:255,255,255;--l-main-sub:129,129,129;--d-main-sub:129,129,129;--l-main-warning:210,162,52;--d-main-warning:210,162,52;--l-main-surface-warning:252,243,221;--d-main-surface-warning:252,243,221;--l-text-primary:24,24,24;--d-text-primary:255,255,255;--l-text-white:255,255,255;--d-text-white:24,24,24;--l-part-line:219,219,219;--d-part-line:92,96,104;--l-bg-primary:255,255,255;--d-bg-primary:22,26,35;--l-bg-secondary:243,247,248;--d-bg-secondary:58,63,71;--l-bg-input:255,255,255;--d-bg-input:46,53,66;--l-dark-900:22,26,35;--d-dark-900:182,194,207;--l-gray-900:33,33,33;--d-gray-900:222,228,234;--l-place-holder:169,169,169;--d-place-holder:86,92,97;--l-light-danger:253,238,238;--d-light-danger:65,49,51;--l-light-primary:227,244,255;--d-light-primary:58,68,76}html{--part-line:var(--l-part-line);--text-primary:var(--l-text-primary);--text-white:var(--l-text-white);--bg-primary:var(--l-bg-primary);--bg-secondary:var(--l-bg-secondary);--white:var(--l-white);--black:var(--l-black);--bg-input:var(--l-bg-input);--dark-900:var(--l-dark-900);--gray-900:var(--l-gray-900);--place-holder:var(--l-place-holder);--light-danger:var(--l-light-danger);--light-primary:var(--l-light-primary);--main-sub:var(--l-main-sub);--main-warning:var(--l-main-warning);--main-surface-warning:var(--l-main-surface-warning)}html.dark{--part-line:var(--d-part-line);--text-primary:var(--d-text-primary);--text-white:var(--d-text-white);--bg-primary:var(--d-bg-primary);--bg-secondary:var(--d-bg-secondary);--white:var(--d-white);--black:var(--d-black);--bg-input:var(--d-bg-input);--dark-900:var(--d-dark-900);--gray-900:var(--d-gray-900);--place-holder:var(--d-place-holder);--light-danger:var(--d-light-danger);--light-primary:var(--d-light-primary);--main-sub:var(--d-main-sub);--main-warning:var(--d-main-warning);--main-surface-warning:var(--d-main-surface-warning)}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(33 150 243 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(33 150 243 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#eeeeee}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#bdbdbd}input::placeholder,textarea::placeholder{opacity:1;color:#bdbdbd}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.\!static{position:static !important}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0px}.inset-x-4{left:1rem;right:1rem}.bottom-0{bottom:0px}.bottom-4{bottom:1rem}.bottom-\[65px\]{bottom:65px}.left-0{left:0px}.top-0{top:0px}.z-0{z-index:0}.z-10{z-index:10}.z-101{z-index:101}.z-2000{z-index:2000}.z-999{z-index:999}.z-\[1\]{z-index:1}.m-\[2px\]{margin:2px}.m-\[3px\]{margin:3px}.mx-auto{margin-left:auto;margin-right:auto}.-mt-20{margin-top:-5rem}.mb-2{margin-bottom:0.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.\!size-4{width:1rem !important;height:1rem !important}.\!size-full{width:100% !important;height:100% !important}.size-\[12px\]{width:12px;height:12px}.size-full{width:100%;height:100%}.\!h-\[32px\]{height:32px !important}.\!h-\[44px\]{height:44px !important}.\!h-\[46px\]{height:46px !important}.h-14{height:3.5rem}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[45rem\]{height:45rem}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[54px\]{height:54px}.h-\[72px\]{height:72px}.h-\[calc\(100\%_-_185px\)\]{height:calc(100% - 185px)}.h-full{height:100%}.h-screen{height:100vh}.min-h-16{min-height:4rem}.min-h-\[36px\]{min-height:36px}.min-h-\[80px\]{min-height:80px}.\!w-\[200px\]{width:200px !important}.\!w-auto{width:auto !important}.w-1\/5{width:20%}.w-36{width:9rem}.w-60{width:15rem}.w-\[130px\]{width:130px}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[4px\]{width:4px}.w-\[55rem\]{width:55rem}.w-\[6px\]{width:6px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.\!min-w-0{min-width:0px !important}.flex-none{flex:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes line-scale{0%,100%{transform:scale(1)}50%{transform:scale(0.5)}}.animate-\[line-scale_1150ms_linear_-150ms_infinite\]{animation:line-scale 1150ms linear -150ms infinite}@keyframes line-scale{0%,100%{transform:scale(1)}50%{transform:scale(0.5)}}.animate-\[line-scale_540ms_linear_480ms_infinite\]{animation:line-scale 540ms linear 480ms infinite}@keyframes line-scale{0%,100%{transform:scale(1)}50%{transform:scale(0.5)}}.animate-\[line-scale_610ms_linear_120ms_infinite\]{animation:line-scale 610ms linear 120ms infinite}@keyframes line-scale{0%,100%{transform:scale(1)}50%{transform:scale(0.5)}}.animate-\[line-scale_770ms_linear_40ms_infinite\]{animation:line-scale 770ms linear 40ms infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-progress{cursor:progress}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.content-center{align-content:center}.\!items-start{align-items:flex-start !important}.items-center{align-items:center}.items-stretch{align-items:stretch}.\!justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-\[8px\]{gap:8px}.gap-x-0{-moz-column-gap:0px;column-gap:0px}.gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-24{row-gap:6rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-nowrap{text-wrap:nowrap}.\!rounded-md{border-radius:0.375rem !important}.rounded-\[0\.375rem\]{border-radius:0.375rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-r{border-right-width:1px}.border-none{border-style:none}.\!border-vars-gainsboro{--tw-border-opacity:1 !important;border-color:rgba(var(--part-line),var(--tw-border-opacity,1)) !important}.\!border-vars-outline{--tw-border-opacity:1 !important;border-color:rgb(230 230 230 / var(--tw-border-opacity,1)) !important}.border-gray-500{--tw-border-opacity:1;border-color:rgb(158 158 158 / var(--tw-border-opacity,1))}.border-vars-danger{--tw-border-opacity:1;border-color:rgb(241 67 93 / var(--tw-border-opacity,1))}.border-vars-dark{--tw-border-opacity:1;border-color:rgb(215 215 215 / var(--tw-border-opacity,1))}.border-vars-outline{--tw-border-opacity:1;border-color:rgb(230 230 230 / var(--tw-border-opacity,1))}.border-vars-primary{--tw-border-opacity:1;border-color:rgb(85 184 238 / var(--tw-border-opacity,1))}.border-vars-sandy-brown{--tw-border-opacity:1;border-color:rgb(245 161 84 / var(--tw-border-opacity,1))}.border-vars-secondary{--tw-border-opacity:1;border-color:rgb(57 73 171 / var(--tw-border-opacity,1))}.border-vars-success{--tw-border-opacity:1;border-color:rgb(24 201 136 / var(--tw-border-opacity,1))}.border-vars-warning{--tw-border-opacity:1;border-color:rgb(245 113 67 / var(--tw-border-opacity,1))}.\!bg-vars-outline{--tw-bg-opacity:1 !important;background-color:rgb(230 230 230 / var(--tw-bg-opacity,1)) !important}.\!bg-white{--tw-bg-opacity:1 !important;background-color:rgba(var(--white),var(--tw-bg-opacity,1)) !important}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238 / var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(158 158 158 / var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-vars-danger{--tw-bg-opacity:1;background-color:rgb(241 67 93 / var(--tw-bg-opacity,1))}.bg-vars-dark{--tw-bg-opacity:1;background-color:rgb(215 215 215 / var(--tw-bg-opacity,1))}.bg-vars-darkest{--tw-bg-opacity:1;background-color:rgba(var(--text-primary),var(--tw-bg-opacity,1))}.bg-vars-light{--tw-bg-opacity:1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity,1))}.bg-vars-primary{--tw-bg-opacity:1;background-color:rgb(85 184 238 / var(--tw-bg-opacity,1))}.bg-vars-ronchi{--tw-bg-opacity:1;background-color:rgb(238 195 85 / var(--tw-bg-opacity,1))}.bg-vars-sandy-brown{--tw-bg-opacity:1;background-color:rgb(245 161 84 / var(--tw-bg-opacity,1))}.bg-vars-secondary{--tw-bg-opacity:1;background-color:rgb(57 73 171 / var(--tw-bg-opacity,1))}.bg-vars-success{--tw-bg-opacity:1;background-color:rgb(24 201 136 / var(--tw-bg-opacity,1))}.bg-vars-warning{--tw-bg-opacity:1;background-color:rgb(245 113 67 / var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgba(var(--white),var(--tw-bg-opacity,1))}.bg-white\/80{background-color:rgba(var(--white),0.8)}.bg-\[url\(\'\/img\/bg\.png\'\)\]{background-image:url('/img/bg.png')}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.\!fill-vars-light-gray-1{fill:#C4C4C4 !important}.fill-vars-danger{fill:#F1435D}.fill-vars-darkest{fill:rgba(var(--text-primary),1)}.fill-vars-primary{fill:#55B8EE}.fill-vars-sandy-brown{fill:#F5A154}.fill-vars-secondary{fill:#3949ab}.fill-vars-success{fill:#18C988}.fill-vars-warning{fill:#F57143}.fill-white{fill:rgba(var(--white),1)}.object-contain{-o-object-fit:contain;object-fit:contain}.\!p-0{padding:0px !important}.\!px-0{padding-left:0px !important;padding-right:0px !important}.\!px-4{padding-left:1rem !important;padding-right:1rem !important}.\!px-\[5px\]{padding-left:5px !important;padding-right:5px !important}.\!py-\[10px\]{padding-top:10px !important;padding-bottom:10px !important}.px-0{padding-left:0px;padding-right:0px}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[48px\]{padding-left:48px;padding-right:48px}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pr-\[48px\]{padding-right:48px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-\[2\]{line-height:2}.text-black{--tw-text-opacity:1;color:rgba(var(--black),var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158 / var(--tw-text-opacity,1))}.text-vars-danger{--tw-text-opacity:1;color:rgb(241 67 93 / var(--tw-text-opacity,1))}.text-vars-dark{--tw-text-opacity:1;color:rgb(215 215 215 / var(--tw-text-opacity,1))}.text-vars-darkest{--tw-text-opacity:1;color:rgba(var(--text-primary),var(--tw-text-opacity,1))}.text-vars-primary{--tw-text-opacity:1;color:rgb(85 184 238 / var(--tw-text-opacity,1))}.text-vars-sandy-brown{--tw-text-opacity:1;color:rgb(245 161 84 / var(--tw-text-opacity,1))}.text-vars-secondary{--tw-text-opacity:1;color:rgb(57 73 171 / var(--tw-text-opacity,1))}.text-vars-success{--tw-text-opacity:1;color:rgb(24 201 136 / var(--tw-text-opacity,1))}.text-vars-warning{--tw-text-opacity:1;color:rgb(245 113 67 / var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.\!opacity-100{opacity:1 !important}.opacity-25{opacity:0.25}.opacity-50{opacity:0.5}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(var(--black),0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!outline-2{outline-width:2px !important}.\!outline-transparent{outline-color:transparent !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}body{display:block}.h-screen-safari{height:-webkit-fill-available}.btn-notfound{position:relative;display:inline-block;align-content:center;align-items:center;border-radius:0.375rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:capitalize;--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgba(var(--black),0.1),0 2px 4px -1px rgba(var(--black),0.06);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}#headlessui-portal-root .btn-notfound.z-10{z-index:999}.btn-notfound:focus{outline:2px solid transparent;outline-offset:2px}.btn-notfound{min-width:10rem}.btn-notfound.primary{--tw-bg-opacity:1;background-color:rgb(85 184 238 / var(--tw-bg-opacity,1))}#headlessui-portal-root .relative.z-10{z-index:999}.\*\:h-\[4px\] > *{height:4px}.\*\:h-\[6px\] > *{height:6px}.\*\:h-\[8px\] > *{height:8px}.hover\:border-none:hover{border-style:none}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-70:hover{opacity:0.7}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!outline-2:focus{outline-width:2px !important}.focus\:\!outline-transparent:focus{outline-color:transparent !important}@media (min-width:768px){.md\:bottom-\[85px\]{bottom:85px}.md\:block{display:block}.md\:hidden{display:none}.md\:px-\[48px\]{padding-left:48px;padding-right:48px}}.dark\:bg-black\/80:where(.dark,.dark *){background-color:rgba(var(--black),0.8)}.dark\:bg-gray-800:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(66 66 66 / var(--tw-bg-opacity,1))}.dark\:text-black:where(.dark,.dark *){--tw-text-opacity:1;color:rgba(var(--black),var(--tw-text-opacity,1))}.dark\:text-white:where(.dark,.dark *){--tw-text-opacity:1;color:rgba(var(--white),var(--tw-text-opacity,1))}.\[\&\>button\]\:\!px-0>button{padding-left:0px !important;padding-right:0px !important}


/* ===== ↓ここから下は当方で追加した「応募/LINE/追従バー」用のCSS ===== */

.oceans-apply-section {
	background: #f6f6f6;
	padding: 64px 20px 96px;
}
.oceans-apply {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
.oceans-apply__title {
	font-size: 28px;
	font-weight: 700;
	color: #b90f00;
	margin-bottom: 12px;
}
.oceans-apply__lead {
	font-size: 15px;
	line-height: 1.8;
	color: #333;
	margin-bottom: 28px;
}
.oceans-apply__buttons {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 420px;
	margin: 0 auto 36px;
}
.oceans-btn {
	display: block;
	padding: 18px 24px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 17px;
	color: #fff;
	text-align: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.15);
	transition: opacity .2s ease;
}
.oceans-btn:hover { opacity: .8; }
.oceans-btn--line   { background: #06c755; }
.oceans-btn--indeed { background: #2557a7; }

.oceans-apply__form {
	text-align: left;
	background: #fff;
	border-radius: 12px;
	padding: 28px 24px;
	box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* スマホ追従の応募バー */
.oceans-stickybar {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	display: flex;
	gap: 8px;
	padding: 10px 12px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 -2px 12px rgba(0,0,0,.12);
	z-index: 99999;
}
.oceans-stickybar__btn {
	flex: 1;
	text-align: center;
	padding: 14px 8px;
	border-radius: 100px;
	font-weight: 700;
	color: #fff;
	background: #b90f00;
}
.oceans-stickybar__btn--line { flex: 0 0 90px; background: #06c755; }

/* PCでは追従バーは隠す（PCはヘッダーの応募ボタンで十分） */
@media screen and (min-width: 769px) {
	.oceans-stickybar { display: none; }
}
/* 追従バーに本文が隠れないよう下に余白 */
.oceans-recruit-body { padding-bottom: 72px; }
@media screen and (min-width: 769px) {
	.oceans-recruit-body { padding-bottom: 0; }
}


/* ===== Netlify応募フォーム 入力欄スタイル ===== */
.oceans-apply__form label{display:block;margin-bottom:14px;font-weight:700;font-size:14px;color:#333}
.oceans-apply__form input,.oceans-apply__form select,.oceans-apply__form textarea{
  display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;font-weight:400}
.oceans-apply__form textarea{min-height:100px}
.oceans-apply__form .oceans-submit{width:100%;margin-top:8px;padding:18px;border:0;border-radius:100px;background:#b90f00;color:#fff;font-weight:700;font-size:17px;cursor:pointer}
.oceans-apply__form .oceans-submit:hover{opacity:.85}