/* =========================================================
   教育制度ページ 専用（デザイン画像準拠：コンテンツ幅900px）
   ========================================================= */
.hc-edu-ekg.hc-edu-ekg--flowers{
margin:120px 0 10px;
}
/* ---- ページ全体（デザイン=1200px中コンテンツ900px） ---- */
.hc-edu {     max-width: 1000px;
    padding: 0 24px;
    padding-bottom: 60px;
    box-sizing: border-box;}
.hc-edu .hc-subhead,
.hc-edu-media .hc-media__body p.hc-subhead {
	color: var(--green);
	font-size:23px; line-height: 1.55;
	font-weight: 700;
}

/* ---- ヒーロー（幅は全ページ共通: global の .hc-phero__photo に従う） ---- */
.hc-edu-hero__img { width: 100%; height: auto; border-radius: 24px; display: block; }
.hc-phero--edu .hc-phero__head {    padding: 50px 24px 0;
    text-align: center;
    margin-bottom: 60px;
}
.hc-edu-lead-ttl {
margin: 0 0 6px;
    font-family: var(--font-sans);
    font-weight: 700;
    font-size: 34px;
    line-height: 1.4;
    letter-spacing: .14em;
    text-indent: .1em;
    color: var(--green);
}

/* ---- EKGライン見出し（心電図ライン画像＝アセット46） ---- */
.hc-edu-ekg {
	position: relative; display: block;
	margin: 64px 0 10px; padding:0 0 46px 20px;
font-weight: 900;
	font-size: clamp(1.55rem, 3.2vw, 2.6rem); line-height: 1.3;
	color: var(--green); letter-spacing: .02em;
}
.hc-edu-ekg::after {
	content: ""; position: absolute; left: -58px; bottom:5px;
	width: min(1005px, calc(100% + 58px)); height: 76px;
	background: url("../images/education/asset-46.png") no-repeat left bottom / 100% auto;
	pointer-events: none;
}
.hc-edu-ekg__txt { position: relative; z-index: 1; }
/* 見出し横のイラスト（プリセプター制度） */
.hc-edu-ekg__ill {
position: absolute;
    left: 356px;
    bottom: 2px;
    width: 179px;
    height: auto;
    z-index: 1;
}
/* 見出し横のお花イラスト（教育制度） */
.hc-edu-ekg__flowers {
	position: absolute; right: 0; bottom:28px;
	width: 426px; height: auto; z-index: 1;
}

/* ---- テキスト＋写真の2カラム ---- */
.hc-edu-media { grid-template-columns: 1fr 450px; gap: 36px; margin-bottom: 24px; }
.hc-edu-media .hc-media__body p { margin: 0;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .02em;
    font-weight: 500; }
.hc-edu-media .hc-media__body .hc-subhead { margin: 0 0 16px; }
.hc-edu-media .hc-edu-media__photo {
	border-radius: 20px; overflow: hidden; aspect-ratio: 901 / 801; align-self: start;
}
/* デザインの各写真トリミング比率 */
.hc-edu-media .hc-edu-media__photo--precep { aspect-ratio: 433 / 282; }
.hc-edu-media .hc-edu-media__photo--intern { aspect-ratio: 433 / 363; }
.hc-edu-media .hc-edu-media__photo--shindo { aspect-ratio: 433 / 255; }
.hc-edu-media .hc-edu-media__photo img { width: 100%; height: 100%; object-fit: cover; }

/* ---- 教育制度セクション導入文 ---- */
.hc-edu-intro { margin-bottom: 28px; }
.hc-edu-intro p { margin: 0 auto 5px;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .02em;
    font-weight: 500;}

/* ---- STEP UP 図 ---- */
.hc-edu-stepup { margin: 50px 0 30px;}
.hc-edu-stepup img { display: block; width: 100%; max-width: 914px; height: auto; }

/* ---- 5段階レベルカード（バインダー風・白カード） ---- */
.hc-edu-card {
	background: #fff; border-radius: 28px;
	padding: 26px 44px 44px 54px; margin: 0 0 30px;
	border:1px solid #231815;
}
.hc-edu-card__holes {
	display: flex; justify-content: space-between;
	padding: 0 16px; margin-bottom: 26px;
}
.hc-edu-card__holes i {
	width: 30px; height: 30px; border-radius: 50%;
	background:#faf7eb; border: 1px solid #231815;
}
.hc-edu-card__head,
.hc-edu-row { display: grid; grid-template-columns: 1fr 140px 140px; column-gap: 36px; align-items: center; }
.hc-edu-card__col {
	grid-column: 2; text-align: center;
	font-weight: 700; font-size: 1rem; color: var(--green);
}
.hc-edu-card__col--2 { grid-column: 3; }
.hc-edu-row { margin-bottom: 26px; }
.hc-edu-row:last-child { margin-bottom: 0; }
.hc-edu-row__ttl {
	display: flex; align-items: center; gap: 12px;font-weight: 700;
	font-size: 1.35rem; color: #231815; margin: 0 0 8px;
}
.hc-heart-img { width: 53px; height: auto; flex: 0 0 auto; }
.hc-edu-row__txt {margin: 0;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .02em;
    font-weight: 500; }
.hc-pill {
	justify-self: center; display: inline-flex; align-items: center; justify-content: center;
	width: 140px; min-height: 50px; padding: 4px 6px;
	border: 2px solid #231815; border-radius:15px;
	font-weight: 700; font-size: .92rem; line-height: 1.3;
	color: #231815; text-align: center;
}
.hc-pill--blue { background: #c7e1f5; }
.hc-pill--green { background: #cbe1b8; }
/* 緑の破線（初心者/中級者の間・熟練/プロフェッショナルの間） */
.hc-edu-sep { border-top: 2px dashed #13ae67; margin: 22px 0 26px; }

/* ---- エキスパート実績（アセット4＝更新画像） ---- */
.hc-edu-stats { align-self: start; }
.hc-edu-stats img { display: block; width: 100%; max-width: 433px; height: auto; }

/* ---- 横スクロール図版（年間新人研修・カリキュラムマトリックス） ---- */
.hc-edu .hc-scrollnote { color: var(--ink-2); font-size: .8rem; margin: 0 0 8px; }
.hc-edu-scrollx { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 12px; }
.hc-edu-timeline { display: block; width: 1775px; max-width: none; height: auto; }
.hc-edu-matrix { display: block; width: 2050px; max-width: none; height: auto; }
.hc-edu-note { margin: 0;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .02em;
    font-weight: 500;
    text-align: center;
}

/* =========================================================
   レスポンシブ（SPデザインなし：PC基準で1カラム調整）
   ========================================================= */
@media (max-width: 900px) {
	.hc-edu-ekg { padding-left: 20px; }
	.hc-edu-ekg::after { left: -24px; width: calc(100% + 24px); }
	.hc-edu-ekg__ill { left: auto; right: 4px; bottom: 22px; width: 130px; }
	.hc-edu-ekg__flowers { width: 300px; bottom: 22px; }
	.hc-edu-media { grid-template-columns: 1fr 1fr; gap: 24px; }
}

@media (max-width: 768px) {
	/* SP本文規約: 15px / 160% / justify（トップ・看護のカタチに合わせる） */
	.hc-edu p { font-size: 15px; line-height: 160%; text-align: justify; }
	.hc-edu-media .hc-media__body p { font-size: 15px; line-height: 160%; }
	.hc-edu-row__txt { font-size: 15px; line-height: 160%; }
	.hc-edu .hc-scrollnote { font-size: .8rem; text-align: left; }
	.hc-edu p.hc-edu-note { font-size: .82rem; line-height: 1.7; text-align: left; margin-top: 5px; }
	.hc-edu-ekg {margin: 45px 0 5px;
        padding: 0 0 24px 12px; }
	.hc-edu-ekg::after { left: -18px;
        width: calc(100% + 18px);
        height: 60px; }
	.hc-edu-ekg__ill { bottom: 18px; width: 104px; }
	.hc-edu-ekg__flowers { width: 220px; bottom: 18px; }
	.hc-edu-media { grid-template-columns: 1fr; gap: 18px; }
	.hc-edu-media .hc-edu-media__photo { max-width: 450px; }

	.hc-edu-card { border-radius: 20px; padding: 18px 20px 30px; }
	.hc-edu-card__holes { margin-bottom: 18px; padding: 0 6px; }
	.hc-edu-card__holes i { width: 22px; height: 22px; }
	.hc-edu-card__head,
	.hc-edu-row { grid-template-columns: 1fr 1fr; column-gap: 14px; }
	.hc-edu-card__head { margin-bottom: 4px; }
	.hc-edu-card__head .hc-edu-card__col { grid-column: 1; font-size: .9rem; }
	.hc-edu-card__head .hc-edu-card__col--2 { grid-column: 2; }
	.hc-edu-row__main { grid-column: 1 / -1; margin-bottom: 12px; }
	.hc-edu-row__ttl { font-size: 1.15rem; gap: 10px; }
	.hc-heart-img { width: 44px; }
	.hc-pill { width: 100%; max-width: 170px; min-height: 46px; font-size: .85rem; }
	.hc-pill--blue { justify-self: end; }
	.hc-pill--green { justify-self: start; }
	.hc-edu-sep { margin: 18px 0 22px; }

	.hc-edu-stats { margin-top: 4px; }
	.hc-edu-stats img { max-width: 380px; }
.hc-edu-lead-ttl{
font-size: 30px;
    margin-bottom: 8px;
    letter-spacing: .1em;
	}
	.hc-phero--edu .hc-phero__head{
	        padding: 20px 0px 0;
        width: 92%;
        margin: 0 auto;
}
.hc-edu .hc-subhead, .hc-edu-media .hc-media__body p.hc-subhead{
font-size:20px;
	}
.hc-edu-timeline{
width: 1300px;
	}
.hc-edu-matrix{
    width: 1550px;
	}
.hc-edu{
padding:0;
	}
}