.page-hero{margin-top:70px;padding:5rem 5%;text-align:center;background:linear-gradient(135deg, var(--green-light) 0%, var(--green) 100%);position:relative;overflow:hidden}.page-hero
h1{font-size:clamp(2rem, 4vw, 3rem);font-weight:900;letter-spacing:0.05em;margin-bottom:1rem;color:var(--white);position:relative;z-index:1}.page-hero
p{font-size:1.2rem;color:var(--white);position:relative;z-index:1}.service-detail{padding:5rem 5%;max-width:1200px;margin:0
auto}.service-intro{text-align:center;margin-bottom:5rem;position:relative}.service-intro-visual{margin:3rem auto;max-width:800px;height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;border:1px
solid #ddd;overflow:hidden;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,0.08);position:relative}.service-intro
h2{font-size:2.5rem;margin-bottom:2rem;font-weight:900;letter-spacing:0.05em;position:relative;display:inline-block;color:var(--black)}.service-intro h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--green)}.service-intro
p{font-size:1.1rem;line-height:2;max-width:800px;margin:0
auto}.features{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem;margin-bottom:5rem}.feature-card{text-align:center;padding:2rem;background:var(--white);border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg, var(--green-light), var(--green));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 15px 35px rgba(0,0,0,0.15)}.feature-card
h3{font-size:1.5rem;margin-bottom:1.5rem;font-weight:700;color:var(--green);position:relative;display:inline-block}.feature-card h3::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--green);border-radius:2px}.feature-card
p{line-height:1.8}.application-flow{padding:5rem 5%;background:var(--black);color:var(--white);overflow:hidden}.flow-container{max-width:1200px;margin:0
auto}.application-flow
h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;font-weight:900;letter-spacing:0.05em;position:relative;display:inline-block;width:100%}.application-flow h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--green)}.flow-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:4rem}.flow-steps::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:4px;background:var(--green);z-index:0}.flow-step{flex:1;text-align:center;position:relative;z-index:1}.step-circle{width:80px;height:80px;background:var(--green);border-radius:50%;margin:0
auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;position:relative;transition:all 0.3s ease}.step-circle::after{content:'';position:absolute;inset:-5px;border:2px
solid var(--green);border-radius:50%}.step-circle:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(34, 197, 94, 0.6)}.step-title{font-size:1.3rem;font-weight:700;margin-bottom:0.5rem}.step-desc{font-size:0.9rem;opacity:0.8}.btn-flow{display:inline-block;background:var(--white);color:var(--green);padding:1rem 3rem;text-decoration:none;font-weight:bold;letter-spacing:0.05em;border-radius:50px;transition:all 0.3s ease;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.btn-flow:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.3);background:var(--green-light);color:var(--white)}.recruitment{padding:5rem 5%;background:linear-gradient(135deg, var(--gray) 0%, var(--white) 100%);position:relative}.recruitment-container{max-width:1200px;margin:0
auto}.recruitment
h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;font-weight:900;letter-spacing:0.05em;position:relative;display:inline-block;width:100%}.recruitment h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--green)}.recruitment-table{width:100%;background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.table-row{display:flex;width:100%}.table-header{width:30%;padding:1.5rem 2rem 1.5rem 0;font-weight:700;letter-spacing:0.05em;border-bottom:2px solid var(--green);color:var(--green-dark)}.table-data{width:70%;padding:1.5rem 0 1.5rem 2rem;border-bottom:1px solid #e0e0e0}.table-row:last-child .table-header,
.table-row:last-child .table-data{border-bottom:none}.btn-recruitment{display:inline-block;background:var(--green);color:var(--white);padding:1rem 3rem;text-decoration:none;font-weight:bold;letter-spacing:0.05em;border-radius:50px;transition:all 0.3s ease;position:relative;overflow:hidden}.btn-recruitment::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--green-dark);border-radius:50%;transform:translate(-50%, -50%);transition:all 0.3s ease}.btn-recruitment:hover::before{width:300px;height:300px}.btn-recruitment:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(34, 197, 94, 0.4)}.btn-recruitment
span{position:relative;z-index:1}@media (max-width: 768px){.page-hero{padding:3rem 5%}.page-hero
h1{font-size:1.75rem}.page-hero
p{font-size:1rem}.service-detail{padding:3rem 5%}.service-intro
h2{font-size:1.75rem;line-height:1.4;margin-bottom:1.5rem}.service-intro
p{font-size:0.95rem;line-height:1.8}.service-intro-visual{height:250px;margin:2rem auto}.flow-steps{flex-direction:column;gap:2rem}.flow-steps::before{display:none}.recruitment-table{font-size:0.9rem;padding:1.5rem}.table-header,.table-data{padding:1rem 0}.table-header{width:35%;padding-right:1rem;font-size:0.85rem}.table-data{width:65%;padding-left:1rem;font-size:0.85rem}.recruitment h2,
.application-flow
h2{font-size:2rem}}@media (max-width: 480px){.recruitment-table{padding:1rem}.table-row{flex-direction:column;border-bottom:2px solid #f0f0f0;padding:1rem 0}.table-row:last-child{border-bottom:none}.table-header{width:100%;padding:0.5rem 0;border-bottom:none;margin-bottom:0.5rem;font-size:0.9rem}.table-data{width:100%;padding:0.5rem 0;border-bottom:none;font-size:0.85rem}}@media (max-width: 375px){.service-intro
h2{font-size:1.5rem;line-height:1.3}}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:inline}}