初めて日本人がオーストラリアのワーキングホリデービザを取得した日から、45年。旅行でも、留学でも、就職でもない。「働きながら世界を知る」という新しい選択肢は、今も多くの若者の人生を変え続けています。ワーキングホリデー制度を支援し、促進している非営利団体、一般社団法人日本ワーキング・ホリデー協会（JAWHM）は、今後もワーキングホリデーを利用する若者を応援します。
.wh45-wrap *,
.wh45-wrap *::before,
.wh45-wrap *::after {
box-sizing: border-box;
}

.wh45-wrap {
margin: 2rem auto;
max-width: 1120px;
border-radius: 24px;
padding: 24px 16px 40px;
background: #ffffff; /* 白背景に変更 */
color: #111827; /* 基本文字色は濃いグレー */
border: 1px solid #e5e7eb;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
position: relative;
overflow: hidden;
}

/* 背景装飾は非表示 */
.wh45-bg-orbit,
.wh45-bg-orbit span,
.wh45-globe {
display: none !important;
}

/* レイアウト共通 */
.wh45-inner {
position: relative;
z-index: 1;
}
.wh45-hero {
padding: 8px 8px 32px;
}
.wh45-hero-top {
display:flex;
justify-content:space-between;
gap:16px;
align-items:center;
border-bottom:1px solid #dbeafe;
padding-bottom:12px;
margin-bottom:18px;
flex-wrap:wrap;
}
.wh45-logo {
display:flex;
align-items:center;
gap:10px;
font-size:.95rem;
font-weight:700;
letter-spacing:.08em;
color:#1f2937;
}
.wh45-logo-mark {
width:32px; height:32px;
border-radius:12px;
background:conic-gradient(from 210deg,#bfdbfe,#2563eb,#1d4ed8,#93c5fd,#bfdbfe);
display:flex;
align-items:center;
justify-content:center;
font-size:.8rem;
font-weight:900;
color:#0b1120;
box-shadow:0 10px 18px rgba(15,23,42,.2);
}
.wh45-logo-badge {
display:inline-block;
font-size:.75rem;
padding:2px 8px;
border-radius:999px;
border:1px solid #bfdbfe;
color:#1d4ed8;
background:#eff6ff;
}
.wh45-nav {
display:flex;
flex-wrap:wrap;
gap:10px;
font-size:.8rem;
}
.wh45-nav a {
color:#1d4ed8;
text-decoration:none;
position:relative;
padding-bottom:2px;
}
.wh45-nav a::after {
content:””;
position:absolute;
left:0; bottom:-2px;
width:0; height:2px;
border-radius:999px;
background:linear-gradient(90deg,#1d4ed8,#38bdf8);
transition:width .18s ease;
}
.wh45-nav a:hover::after { width:100%; }

.wh45-hero-grid {
display:grid;
grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr);
gap:24px;
margin-top:20px;
align-items:center;
}
.wh45-kicker {
font-size:.78rem;
letter-spacing:.25em;
text-transform:uppercase;
color:#2563eb;
margin-bottom:8px;
}
.wh45-title {
font-size:clamp(1.9rem,3vw + 1rem,2.6rem);
font-weight:900;
line-height:1.35;
margin:0 0 8px;
color:#0f172a;
}
.wh45-title span.wh45-accent {
background:linear-gradient(120deg,#2563eb,#1d4ed8,#38bdf8);
-webkit-background-clip:text;
color:transparent;
}
.wh45-lead {
font-size:.95rem;
color:#4b5563;
margin:0 0 20px;
}
.wh45-lead strong { color:#111827; }

.wh45-cta-row {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:10px;
}
.wh45-btn-primary,
.wh45-btn-outline {
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
border-radius:999px;
font-size:.9rem;
font-weight:600;
text-decoration:none;
cursor:pointer;
border:none;
transition:all .15s ease;
white-space:nowrap;
color:#ffffff;
}
.wh45-btn-primary {
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#ffffff;
}
.wh45-btn-primary:hover {
transform:translateY(-1px);
}
.wh45-btn-outline {
background:#ffffff;
border:1px solid #2563eb;
color:#1d4ed8;
}
.wh45-btn-outline:hover {
background:#e0f2fe;
border-color:#1d4ed8;
}
.wh45-note {
font-size:.76rem;
color:#6b7280;
}

/* ヒーロー右側カード（淡いブルー基調） */
.wh45-hero-card {
background:#eff6ff;
border-radius:24px;
padding:14px 16px 16px;
border:1px solid #bfdbfe;
box-shadow:0 14px 32px rgba(148,163,184,.35);
position:relative;
overflow:hidden;
color:#0f172a;
}
.wh45-hero-pill {
display:inline-flex;
align-items:center;
gap:6px;
font-size:.78rem;
padding:4px 11px;
border-radius:999px;
background:#dbeafe;
color:#1e293b;
}
.wh45-stat-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin-top:10px;
}
.wh45-stat {
font-size:.8rem;
border-radius:14px;
padding:8px 10px;
border:1px solid #dbeafe;
background:#e5efff;
}
.wh45-stat-label {
font-size:.72rem;
color:#1e293b;
}
.wh45-stat-value {
font-size:1.05rem;
font-weight:700;
margin-top:3px;
color:#0f172a;
}
.wh45-stat-caption {
font-size:.7rem;
color:#4b5563;
opacity:.95;
}
.wh45-hero-tag {
margin-top:10px;
font-size:.78rem;
color:#1f2937;
}

/* セクション共通（白背景でも見やすいように薄いブルーグレー） */
.wh45-section {
margin-top:32px;
}
.wh45-section-card {
background:#f9fafb;
border-radius:20px;
padding:24px 20px 22px;
border:1px solid #e5e7eb;
box-shadow:0 12px 26px rgba(15,23,42,.06);
color:#111827;
}
.wh45-sec-head {
border-left:3px solid #2563eb;
padding-left:12px;
margin-bottom:18px;
}
.wh45-sec-kicker {
font-size:.78rem;
letter-spacing:.16em;
text-transform:uppercase;
color:#2563eb;
}
.wh45-sec-title {
font-size:1.4rem;
font-weight:800;
margin:0 0 4px;
color:#0f172a;
}
.wh45-sec-sub {
font-size:.9rem;
color:#4b5563;
margin:0;
}
.wh45-cols-2 {
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr);
gap:22px;
font-size:.92rem;
}
.wh45-badges {
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:10px;
}
.wh45-badge {
font-size:.75rem;
padding:4px 9px;
border-radius:999px;
background:#e0ebff;
border:1px solid #bfdbfe;
color:#1e3a8a;
}
.wh45-def-list {
display:grid;
gap:8px;
}
.wh45-def-item {
background:#edf2ff;
border-radius:14px;
padding:10px 12px;
border:1px solid #d4defd;
font-size:.88rem;
}
.wh45-def-label {
font-weight:700;
margin-bottom:3px;
display:flex;
align-items:center;
gap:6px;
color:#0f172a;
}
.wh45-label-tag {
font-size:.68rem;
padding:2px 7px;
border-radius:999px;
background:rgba(37,99,235,.08);
color:#1d4ed8;
}
.wh45-cols-2 ul {
padding-left:1.2rem;
margin:0.3rem 0 .4rem;
}
.wh45-cols-2 li { margin-bottom:.35rem; }

/* タイムライン（青ベース） */
.wh45-timeline-wrap {
font-size:.88rem;
}
.wh45-tl-title {
font-size:.98rem;
margin:4px 0 8px;
display:flex;
align-items:center;
gap:6px;
color:#0f172a;
}
.wh45-tl-title::before {
content:””;
width:12px; height:12px;
border-radius:50%;
background:radial-gradient(circle at 30% 20%,#bfdbfe,#2563eb 50%,#1d4ed8);
box-shadow:0 0 0 3px rgba(191,219,254,.9);
}
.wh45-tl-list {
list-style:none;
margin:0;
padding-left:18px;
position:relative;
}
.wh45-tl-list::before {
content:””;
position:absolute;
left:6px; top:4px; bottom:4px;
width:2px;
background:linear-gradient(to bottom,#bfdbfe,#e5e7eb);
}
.wh45-tl-item {
position:relative;
padding:8px 0 6px 10px;
display:grid;
grid-template-columns:110px minmax(0,1fr);
column-gap:18px;
}
.wh45-tl-item:not(:last-child) { margin-bottom:2px; }
.wh45-tl-dot {
position:absolute;
left:-1px; top:12px;
width:9px; height:9px;
border-radius:999px;
background:#2563eb;
box-shadow:0 0 0 4px rgba(191,219,254,.9);
}
.wh45-tl-year {
font-weight:700;
white-space:nowrap;
color:#0f172a;
}
.wh45-tl-text {
color:#4b5563;
}
.wh45-tl-text strong {
font-weight:700;
color:#1d4ed8;
}
.wh45-tl-note {
font-size:.76rem;
color:#6b7280;
margin-top:6px;
}

/* 将来の展望 */
.wh45-future-grid {
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
gap:18px;
font-size:.92rem;
}
.wh45-future-col {
display:flex;
flex-direction:column;
gap:8px;
}
.wh45-future-card {
background:#f9fafb;
border-radius:14px;
padding:11px 13px;
border:1px solid #e5e7eb;
box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.wh45-future-card h3 {
margin:0 0 4px;
font-size:.94rem;
display:flex;
align-items:flex-start;
gap:4px;
color:#0f172a;
}
.wh45-future-card h3::before {
content:”▹”;
color:#2563eb;
font-size:.85rem;
}
.wh45-future-card p {
margin:0;
color:#4b5563;
font-size:.88rem;
}
.wh45-future-tagline {
font-size:.9rem;
font-weight:600;
color:#111827;
margin-top:8px;
}

.wh45-cta {
text-align:center;
margin-top:20px;
padding-top:16px;
border-top:1px dashed #d4d7e5;
}
.wh45-cta-title {
font-size:1.1rem;
font-weight:800;
margin-bottom:4px;
color:#0f172a;
}
.wh45-cta-sub {
font-size:.88rem;
color:#4b5563;
margin-bottom:12px;
}

/* レスポンシブ */
@media (max-width: 900px) {
.wh45-hero-grid,
.wh45-cols-2,
.wh45-future-grid {
grid-template-columns:minmax(0,1fr);
}
.wh45-hero-card { margin-top:10px; }
}
@media (max-width: 640px) {
.wh45-hero-top {
flex-direction:column;
align-items:flex-start;
}
.wh45-cta-row {
flex-direction:column;
}
.wh45-btn-primary,
.wh45-btn-outline { width:100%; }
.wh45-tl-item {
grid-template-columns:minmax(0,1fr);
padding-left:12px;
}
.wh45-tl-year { margin-bottom:3px; }
}