働き方も暮らしも、わたし基準で。
育休後やブランク後の「働き方」をやさしくナビ。正社員・派遣・パート・在宅…ライフステージに合う選択を、実体験とわかりやすい知識でお届けします。
.wm-hero {
--radius: 24px;
--padding: clamp(18px, 3.2vw, 32px);
background: linear-gradient(135deg, #ffffff 0%, #f7f8fb 100%);
border: 1px solid #eceff3;
border-radius: var(--radius);
box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06);
padding: var(--padding);
margin: 0 0 clamp(16px, 3vw, 28px);
}
.wm-hero__inner {
max-width: 880px;
margin: 0 auto;
text-align: center;
display: grid;
gap: 1rem;
}
.wm-hero__title {
margin: 0;
font-size: clamp(1.8rem, 3.8vw, 2.6rem);
font-weight: 700;
color: #0f172a;
letter-spacing: 0.02em;
}
.wm-hero__lead {
margin: 0.5em auto 0;
color: #475569;
line-height: 1.9;
font-size: clamp(1rem, 1.6vw, 1.1rem);
max-width: 58ch;
}
.wm-hero__divider {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
margin-top: clamp(14px, 2.6vw, 22px);
}
.wm-hero__line {
flex: 1;
height: 1px;
background: linear-gradient(
90deg,
transparent,
#dbe3ea 30%,
#dbe3ea 70%,
transparent
);
}
.wm-hero__chip {
display: inline-block;
padding: 6px 12px;
border-radius: 999px;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: 0.06em;
color: #0f172a;
background: #eef3f8;
border: 1px solid #dbe3ea;
}