.home-page .mainvisual{aspect-ratio:1920/900;width:100%;position:relative;overflow:hidden}.home-page .mainvisual .text{text-align:center;color:#fff;z-index:2;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.home-page .mainvisual .title{text-shadow:0 2px 12px #0008;margin-bottom:20px;padding:0 20px;font-size:clamp(1.4rem,3.8vw,3rem)}.home-page .mainvisual .btn{background:var(--yellow);color:#111;border-radius:40px;padding:15px 30px;font-size:1.25rem;font-weight:700;display:inline-block}.home-page .mainvisual .btn:hover{filter:brightness(1.08)}.home-page .hero-image,.home-page .hero-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-page :is(.car-a,.car-b){z-index:2;pointer-events:none;position:absolute}.home-page :is(.car-a,.car-b) img{width:50px;height:auto}.home-page .car-a{animation:10s ease-in-out infinite alternate drive-a;bottom:80%;left:-60px}.home-page .car-b{animation:10s ease-in-out infinite alternate drive-b;bottom:0;right:-60px}@keyframes drive-a{to{left:110%}}@keyframes drive-b{to{right:110%}}.home-page :is(.introduction-wrapper,.requirements-wrapper,.recruit-wrapper,.company-wrapper){width:calc(100% - 60px);max-width:1024px;margin:0 auto 40px}.home-page .decoration{color:#000;opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;font-family:Arial,sans-serif;font-size:clamp(2.5rem,9vw,6rem);font-weight:700;line-height:1.5;display:block;overflow:hidden}.home-page .introduction-wrapper{align-items:center;gap:40px;display:flex}.home-page .introduction-wrapper .left-panel{width:60%}.home-page .introduction-wrapper .left-panel h2{margin-top:20px;font-family:Arial,sans-serif;font-size:4rem}.home-page .introduction-wrapper .left-panel .description{margin-top:10px;font-size:1.625rem;font-weight:700}.home-page .introduction-wrapper .left-panel p{margin-bottom:20px}.home-page .introduction-wrapper .right-panel{width:40%}.home-page .introduction-wrapper .right-panel h2{margin:20px 0;font-size:2rem}.home-page .introduction-wrapper .right-panel h3{color:var(--green);margin-bottom:20px;font-size:1.2rem}.home-page :is(.introduction-image,.scrollin img){border-radius:20px;width:100%;height:auto}.home-page :is(.requirements-label,.faq-label,.recruit-label,.company-label)>h2{text-align:center;color:var(--green);margin-bottom:40px;font-size:2rem}.home-page :is(.requirements-label,.faq-label,.recruit-label)>.description{text-align:center;margin-bottom:40px;font-size:1.625rem}.home-page .together{gap:40px;display:flex}.home-page .left-index{flex-shrink:0;width:30%}.home-page .left-index a{flex-direction:column;align-items:center;gap:10px;margin-bottom:25px;display:flex}.home-page .left-index img{width:100px;height:auto}.home-page .together .right-panel{flex:1;min-width:0}.home-page .right-panel p{margin-bottom:10px}.home-page .item h3{margin-bottom:20px;font-size:1.2rem}.home-page .item p{margin-bottom:10px;font-size:1rem;line-height:1.6}.home-page .item .description{color:var(--green);font-size:1.2rem;font-weight:700}.home-page .scrollin{margin:20px 0}.home-page .faq-label{width:calc(100% - 60px);max-width:700px;margin:auto}.home-page :is(.container-left,.container-right){margin-bottom:40px;display:flex}.home-page .container-left .left,.home-page .container-right .right{width:60%;padding:40px}.home-page .container-left .left{background:#f8f4e6;border-radius:0 40px 40px 0}.home-page .container-right{justify-content:flex-end}.home-page .container-right .left{display:none}.home-page .container-right .right{background:#f0f6fa;border-radius:40px 0 0 40px}.home-page .question-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.home-page .question-header span{color:var(--green);font-size:3rem;font-weight:700}.home-page .question-header h3{font-size:1.325rem}.home-page .content p{margin-bottom:10px;font-size:1rem;line-height:1.6}.home-page .recruit-label p{margin-bottom:10px;padding:0 40px}.home-page .recruit-label .last{margin-bottom:40px}.home-page :is(.recruit-table,.company-table){border-collapse:separate;border-spacing:0;border-radius:15px;width:100%;overflow:hidden}.home-page :is(.recruit-table,.company-table) th{background:var(--green);color:#fff;text-align:left;width:25%;padding:18px 25px 18px 50px;font-weight:700}.home-page :is(.recruit-table,.company-table) td{background:#f0f6fa;padding:18px 40px}@media (max-width:768px){.home-page .mainvisual{min-height:340px}.home-page :is(.recruit-table,.company-table) th{white-space:nowrap;padding:16px 20px}.home-page :is(.recruit-table,.company-table) td{padding:16px 20px}}@media (max-width:480px){.home-page :is(.introduction-wrapper,.together){display:block}.home-page .introduction-wrapper :is(.left-panel,.right-panel),.home-page .left-index{width:100%}.home-page .left-index{justify-content:center;gap:15px;margin-bottom:25px;display:flex}.home-page .left-index a{text-align:center;width:50%;font-size:.875rem}.home-page .decoration{padding:20px 28px 0}.home-page .container-left .left,.home-page .container-right .right{width:90%;padding:25px}.home-page .recruit-label p{padding:0}.home-page :is(.requirements-label,.faq-label,.recruit-label)>.description{font-size:1.3rem}.home-page :is(.recruit-table,.company-table) th{padding:14px 10px;font-size:.875rem}.home-page :is(.recruit-table,.company-table) td{padding:14px 12px;font-size:.875rem}}
