/* =========================================================
   看護のカタチ 専用
   デザイン: ページ画像/看護のカタチ/アセット 1(PC 1201px)・3(SP 391px)
   ========================================================= */

/* ---------- ヒーロー ---------- */
/* 幅は全ページ共通（global の .hc-phero__photo: --container 基準） */
.hc-nursing-hero .hc-phero__photo { margin-bottom: 0; }
.hc-nursing-hero__img { width: 100%; height: auto; border-radius: 24px; display: block; }

/* SP用テキスト見出し（PCでは画像に焼き込みのため非表示） */
.hc-nursing-hero__copy { display: none; }

/* リード文（PC: 中央揃え 9行 / fs15 lh32） */
.hc-nursing-hero .hc-phero__head { max-width: 900px; padding-top: 0; }
.hc-nursing-hero .hc-phero__lead {
	margin-top: 102px;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .03em;
    font-weight: 700;
}

.hc-nursing { padding-bottom:80px; }
.hc-nursing .hc-br-sp { display: none; }

/* ---------- ロゴ ---------- */
.hc-nursing-logo { text-align: center; margin: 76px auto 77px; line-height: 0; }
.hc-nursing-logo img { width: 804px; max-width: 100%; height: auto; }

/* ---------- 4つのコンセプト ---------- */
.hc-concept { margin-top: 45px; text-align: center; }
.hc-concept--c1 { margin-top: 0; }

/* 手書き数字（実測 高さ43〜46px） */
.hc-concept__num { display: block; margin: 0 auto 36px; line-height: 0; }
.hc-concept__num img { height: 45px; width: auto; }

/* イラスト＋テキスト（PC: 左右交互 / コンテンツ幅 実測 約860px）
   イラスト列幅はデザイン実測（=書き出し素材の1/2サイズ） */
.hc-concept__row {
	display: grid; gap: 0 28px;
	align-items: center; max-width: 870px; margin: 0 auto; text-align: left;
}
.hc-concept--c1 .hc-concept__row { grid-template-columns: 236px 1fr; max-width: 775px;}
.hc-concept--c2 .hc-concept__row { grid-template-columns: 1fr 255px; max-width: 753px;}
.hc-concept--c3 .hc-concept__row { grid-template-columns: 240px 1fr; max-width: 815px;}
.hc-concept--c4 .hc-concept__row { grid-template-columns: 1fr 306px; max-width: 775px; }
.hc-concept__row--rev .hc-concept__illust { order: 2; }
.hc-concept__illust { display: flex; justify-content: center; align-items: center; }
.hc-concept__illust img { max-width: 100%; height: auto; display: block; }

.hc-concept__ttl {
	font-family: var(--font-mincho); font-weight:700;
	font-size: 28px; line-height: 1.45; letter-spacing:0;
	color: var(--ink); margin: 0 0 12px; border: 0; padding: 0;
}
.hc-nursing-list{
margin:0 auto;
}
.hc-nursing-list p{
padding-left:5px;
}
@media (min-width: 1100px) {
	.hc-concept__ttl { white-space: nowrap; }
}
.hc-concept__body p {
margin: 0;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .02em;
    font-weight: 500;
}

/* ---------- SP ---------- */
@media (max-width: 768px) {
	.hc-nursing .hc-br-sp { display: inline; }

	.hc-nursing-hero__img { border-radius: 12px; }

	/* 見出しコピー（実測 fs25 lh37 中央） */
	.hc-nursing-hero__copy {
		display: block; font-family: var(--font-mincho); font-weight:700;
		font-size: 25px; line-height: 37px; letter-spacing: .04em;
		color: var(--ink); text-align: center; margin: 30px 0 0;
	}

	/* リード文（SP: 両端揃え fs13 lh20） */
	.hc-nursing-hero .hc-phero__lead {
margin-top: 20px;
        font-size: 15px;
        letter-spacing: 0;
        text-align: justify;
        line-height: 160%;
        letter-spacing: .02em;
	}
	.hc-nursing { padding-bottom: 12px; }

	/* ロゴ（2行版・実測 約314px幅）
	   ※デザインではリード〜ロゴ間に固定バッジ分の余白(約157px)があるが、
	     バッジは固定表示(hc-fixbadge)のため余白は詰めている */
	.hc-nursing-logo { margin: 56px auto 48px; }
	.hc-nursing-logo img { width: 324px; }

	.hc-concept { margin-top: 50px; }
	.hc-concept--c1 { margin-top: 0; }
	.hc-concept__num { margin-bottom: 26px; }
	.hc-concept__num img { height: 44px; }

	/* SP: テキスト（タイトル→本文）→イラストの縦積み */
	.hc-concept__row { display: flex; flex-direction: column; max-width: none; gap: 0; }
	.hc-concept__illust { order: 2; margin: 15px auto 0; }
	.hc-concept__row--rev .hc-concept__illust { order: 2; }

	/* イラスト実測幅（SP: c1≒345 / c2≒250 / c3≒240 / c4≒270） */
	.hc-concept--c1 .hc-concept__illust img { width: min(82%, 345px); }
	.hc-concept--c2 .hc-concept__illust img { width: min(73%, 315px);}
	.hc-concept--c3 .hc-concept__illust img { width: min(70%, 310px); }
	.hc-concept--c4 .hc-concept__illust img { width: min(80%, 340px); }

	.hc-concept__ttl {
		font-size:25px; line-height: 36px; letter-spacing: .06em;
		text-align: left; margin-bottom: 14px;
	}
	.hc-concept__body { text-align: left; }
	.hc-concept__body p { font-size: 15px; line-height:160%; text-align: justify; padding: 0; }
}