.manager-page{background:#f5f8fb;color:#333}
.page__title.manager-recruitment{height:6.4rem;background-image:url("../online-public/about/about__founder--banner_v4.png.q-32c480918016.webp");background-position:center;background-size:cover}
.page__title.manager-recruitment::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,25,54,.76) 0%,rgba(5,38,78,.43) 45%,rgba(2,22,46,.08) 72%)}
.page__title.manager-recruitment .content{z-index:2}
.page__title.manager-recruitment .slogan{left:0;right:auto;bottom:1.08rem;text-align:left;align-items:flex-start}
.manager-recruitment-page .page__title.manager-recruitment .content .slogan > .manager-hero__eyebrow{display:block;height:auto;min-height:0;max-width:100%;margin:0 0 .2rem;font-size:clamp(12px,.16rem,16px);line-height:1.5;font-weight:500;letter-spacing:.22em;white-space:nowrap;color:rgba(255,255,255,.78)}
.page__title.manager-recruitment .slogan .manager-hero__title{height:auto;font-size:.64rem;line-height:1.2;letter-spacing:.04rem;color:#fff}
.page__title.manager-recruitment .slogan .manager-hero__subtitle{height:auto;max-width:6.8rem;margin-top:.2rem;font-size:.25rem;line-height:.4rem;letter-spacing:.02rem;color:rgba(255,255,255,.9)}
.manager-hero__actions{display:flex;gap:.16rem;margin-top:.38rem;pointer-events:auto}
.manager-button{display:inline-flex;align-items:center;justify-content:center;min-width:1.56rem;height:.48rem;padding:0 .28rem;border:1px solid transparent;border-radius:.04rem;font-size:.16rem;line-height:.48rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.manager-button:hover{transform:translateY(-2px)}
.manager-button:focus-visible,.manager-card__action:focus-visible,.manager-card__details summary:focus-visible{outline:3px solid rgba(0,150,255,.35);outline-offset:3px}
.manager-button--primary{background:#0096ff;color:#fff;box-shadow:0 .08rem .24rem rgba(0,119,221,.28)}
.manager-button--ghost{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.08);color:#fff}
.manager-section{padding:1rem 0}
.manager-section--white{background:#fff}
.manager-shell{width:12rem;margin:0 auto}
.manager-section__heading{max-width:7.8rem;margin:0 auto .56rem;text-align:center}
.manager-section__eyebrow{display:block;margin-bottom:.12rem;font-size:.14rem;line-height:.22rem;font-weight:600;letter-spacing:.18em;color:#0096ff}
.manager-section__heading h2{margin:0;font-size:.4rem;line-height:.56rem;font-weight:500;color:#262626}
.manager-section__heading p{margin:.16rem 0 0;font-size:.18rem;line-height:.32rem;color:#777}
.manager-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.24rem}
.manager-value{padding:.34rem .36rem;border:1px solid #edf2f7;border-radius:.12rem;background:#fff;box-shadow:0 .08rem .28rem rgba(12,69,123,.06)}
.manager-value__number{display:block;margin-bottom:.18rem;font-size:.2rem;line-height:.24rem;font-weight:600;color:#0096ff}
.manager-value h3{margin:0 0 .12rem;font-size:.22rem;line-height:.32rem;font-weight:500}
.manager-value p{margin:0;font-size:.16rem;line-height:.28rem;color:#777}
.manager-sample-notice{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:-.26rem auto .4rem;padding:.1rem .18rem;border-radius:999px;background:#ecf7ff;font-size:.14rem;line-height:.22rem;color:#2879b7}
.manager-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem;align-items:start}
.manager-grid__state{grid-column:1/-1;margin:0;padding:.8rem .24rem;border-radius:.12rem;background:#fff;text-align:center;font-size:.18rem;color:#777}
.manager-grid__state--error{color:#b42318}
.manager-card{overflow:hidden;border:1px solid #e8eef5;border-radius:.14rem;background:#fff;box-shadow:0 .08rem .3rem rgba(19,68,112,.08);transition:transform .25s ease,box-shadow .25s ease}
.manager-card:hover{transform:translateY(-.06rem);box-shadow:0 .14rem .38rem rgba(19,68,112,.14)}
.manager-card__media{position:relative;overflow:hidden;aspect-ratio:4/5;background:#dce9f4}
.manager-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.manager-card__sample{position:absolute;left:.16rem;top:.16rem;padding:.07rem .12rem;border-radius:999px;background:rgba(10,34,61,.72);font-size:.12rem;line-height:.18rem;color:#fff;backdrop-filter:blur(6px)}
.manager-card__body{padding:.24rem}
.manager-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.12rem}
.manager-card__name{margin:0;font-size:.24rem;line-height:.32rem;font-weight:500;color:#262626}
.manager-card__role{margin:.04rem 0 0;font-size:.15rem;line-height:.24rem;color:#555}
.manager-card__city{flex:none;margin-top:.03rem;padding:.04rem .1rem;border-radius:999px;background:#f2f5f8;font-size:.12rem;line-height:.2rem;color:#777}
.manager-card__tags{display:flex;flex-wrap:wrap;gap:.08rem;margin:.18rem 0 0;padding:0;list-style:none}
.manager-card__tags li{padding:.05rem .1rem;border-radius:.03rem;background:#edf7ff;font-size:.12rem;line-height:.18rem;color:#1678bd}
.manager-card__summary{margin:.18rem 0 0;font-size:.15rem;line-height:.27rem;text-align:justify;color:#666}
.manager-card__details{margin-top:.16rem;padding-top:.16rem;border-top:1px solid #edf1f5}
.manager-card__details summary{cursor:pointer;font-size:.14rem;line-height:.24rem;font-weight:500;color:#087fd4;list-style:none}
.manager-card__details summary::-webkit-details-marker{display:none}
.manager-card__details summary::after{content:"＋";float:right;font-size:.18rem}
.manager-card__details[open] summary::after{content:"－"}
.manager-card__experience{margin:.14rem 0 0;padding-left:.18rem}
.manager-card__experience li{margin:.08rem 0;font-size:.14rem;line-height:.24rem;color:#666}
.manager-card__quote{margin:.14rem 0 0;padding:.12rem .14rem;border-left:3px solid #0096ff;background:#f6fbff;font-size:.13rem;line-height:.23rem;color:#577083}
.manager-card__action{display:inline-flex;align-items:center;margin-top:.2rem;font-size:.14rem;line-height:.24rem;color:#087fd4;text-decoration:none}
.manager-card__action::after{content:"→";margin-left:.08rem;transition:transform .2s ease}
.manager-card__action:hover::after{transform:translateX(.04rem)}
.manager-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:.18rem}
.manager-direction{position:relative;min-height:1.52rem;padding:.3rem;border:1px solid #e5eef6;border-radius:.1rem;background:linear-gradient(145deg,#fff 0%,#f3f9ff 100%)}
.manager-direction__icon{display:flex;align-items:center;justify-content:center;width:.42rem;height:.42rem;margin-bottom:.2rem;border-radius:.1rem;background:#0096ff;font-size:.18rem;font-weight:600;color:#fff}
.manager-direction h3{margin:0 0 .1rem;font-size:.2rem;line-height:.3rem;font-weight:500}
.manager-direction p{margin:0;font-size:.14rem;line-height:.25rem;color:#777}
.manager-process{display:grid;grid-template-columns:repeat(5,1fr);gap:.12rem;counter-reset:manager-step}
.manager-process li{position:relative;min-height:1.08rem;padding:.24rem .22rem .2rem .64rem;border-radius:.1rem;background:#f5f9fc;list-style:none;counter-increment:manager-step}
.manager-process li::before{content:counter(manager-step,decimal-leading-zero);position:absolute;left:.2rem;top:.25rem;font-size:.18rem;line-height:.26rem;font-weight:600;color:#0096ff}
.manager-process li:not(:last-child)::after{content:"";position:absolute;right:-.1rem;top:50%;z-index:2;width:.08rem;height:.08rem;border-top:2px solid #a7cbea;border-right:2px solid #a7cbea;transform:translateY(-50%) rotate(45deg)}
.manager-process h3{margin:0 0 .08rem;font-size:.17rem;line-height:.26rem;font-weight:500}
.manager-process p{margin:0;font-size:.13rem;line-height:.22rem;color:#777}
.manager-cta{padding:.78rem 0;background:linear-gradient(120deg,#0079e8 0%,#00a8ff 100%);color:#fff}
.manager-cta .manager-shell{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.manager-cta h2{margin:0;font-size:.36rem;line-height:.5rem;font-weight:500}
.manager-cta p{margin:.12rem 0 0;font-size:.17rem;line-height:.3rem;color:rgba(255,255,255,.84)}
.manager-cta .manager-button{flex:none;border-color:#fff;background:#fff;color:#087dcc;box-shadow:0 .08rem .24rem rgba(0,64,128,.2)}
@media(max-width:1280px){.manager-grid{grid-template-columns:repeat(2,1fr)}
.manager-card__media{aspect-ratio:16/10}
.manager-card__image{object-position:center 22%}
}
@media(prefers-reduced-motion:reduce){.manager-button,.manager-card,.manager-card__action::after{transition:none}
}