/* 病院概要 専用 */
.hc-about { padding-bottom: 40px; }
.hc-about-hero__img { width: 100%; height: auto; display: block; border-radius: 24px; }

/* タイトル＋リード（中央揃え） */
.hc-about-ttl { font-family: var(--font-sans); font-weight: 700; font-size: 34px; line-height: 1.4; letter-spacing: .14em; text-indent: .1em; color: var(--green); text-align: center; margin: 0 0 6px; }
/* phero__head の上下余白を education に揃える */
.hc-phero--about .hc-phero__head { padding-top: 50px; margin-bottom:0px; }

/* 見出しピル（緑／ピンク） */
.hc-about-pill {
display: block;
    background: #cbe1b8;
    border-radius: 999px;
    font-family: var(--font-sans);
    font-weight: 700;
    font-size: 29px;
    color: #231815;
    text-align: center;
    padding:7px 20px;
margin:70px auto 25px;
    letter-spacing: .12em;
    border: 1px solid #231815;
    max-width: 1000px;
    box-sizing: border-box;
}
.hc-about-pill.hhtt{
margin:50px auto 25px;
}
.hc-about-pill--pink { background: #ecd2e5; }

/* 概要表（●ラベル＋実線区切り） */
.hc-about-spec { max-width:1000px; margin: 0 auto; }
.hc-about-spec__row { display: flex; gap: 14px; padding:16px 60px; border-bottom: 1px solid #3b3a38; margin: 0; }
.hc-about-spec__row:first-child { border-top: 1px solid #3b3a38; }
.hc-about-spec__row dt { flex: 0 0 150px; font-weight: 500; position: relative; padding-left: 1.2em; }
.hc-about-spec__row dt::before { content: "●"; color: var(--green); position: absolute; left: 0; }
.hc-about-spec__row dd { margin: 0; line-height: 1.9; }
.hc-about-spec__row dd a { text-decoration: underline; }
.hc-about-dept { list-style: none; margin: 0; padding: 0; }
.hc-about-dept li { position: relative; padding-left: 1.3em; }
.hc-about-dept li::before { content: "○"; position: absolute; left: 0; }

/* 交通案内 */
.hc-about-map {     overflow: hidden;
    margin: 0 auto 24px;
    max-width: 1000px; }
.hc-about-map iframe { width: 100%; height:600px; border: 0; display: block; }
.hc-about-bus { margin: 0 auto 22px; max-width: 1000px;}
.hc-about-bus p { font-size: 17px;
    color: #231815;
    margin: 0;
    line-height: 1.6;}
.hc-about-chips { display: flex; flex-wrap: wrap; gap: 10px 12px; margin: 8px 0 10px; }
.hc-about-chip {
	display: inline-block; border: 2px solid #231815; border-radius: 10px;
	padding: 4px 16px; font-size: 1.02rem; font-weight: 700; color: #231815; line-height: 1.6;
	background: #fff;
}
.hc-about-time {    max-width: 1000px;
    margin: 0 auto;}
.hc-about-time span {
	display: inline-block;
    background: #c7e1f5;
    border-radius: 999px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1.5px;
    color: #231815;
    min-width: 340px;
    text-align: center;
    padding: 15px 40px;
}

/* 豊橋の街（ピンク帯・全幅） */
.hc-about-city { margin: 70px 0 0; text-align: center; }
.hc-about-city__band {    background: #ecd2e5;
    padding-top: 26px;
    height: 350px;}
.hc-about-city__illust { display: block;
    width: min(560px, 86vw);
    height: auto;
    margin: -337px auto 0px;}
.hc-about-city__text {display: block;
    width: min(520px, 86vw);
    height: auto;
    margin: 0px auto 0;}
.hc-about-accessgrid__map{
    width:50%;
}
/* 交通アクセス（地図イラスト＋リスト） */
.hc-about-accessgrid {
display:flex;
    justify-content: center;
    gap: 2%;
    flex-wrap: wrap;
    max-width: 1000px;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 35px auto 0;}
.hc-about-accessgrid__map img {height: auto; display: block; }
.hc-about-accessgrid__list { width:48%; }
.hc-about-access { list-style: none; margin: 0; padding: 0; border-top: 2px solid #231815; border-bottom: 2px solid #231815; }
.hc-about-access li { position: relative; padding: 12px 0 12px 1.15em; border-bottom: 2px dotted #6b675f; font-weight: 700; font-size: 1.28rem; color: #231815; }
.hc-about-access li:last-child { border-bottom: 0; }
.hc-about-access li::before { content: "●"; color: #009655; position: absolute; left: 0; }
.hc-about-access li small { font-weight: 700; font-size: .68em; }
.hc-about-note { margin: 14px 0 0; font-size: 1rem; font-weight: 500; color: #231815; }

/* 東三河の魅力 */
.hc-about-charm { text-align: center; }
.hc-about-charm img { width: min(940px, 100%); height: auto; display: inline-block; }
.hc-about-charm img.hc-about-charm__sp { display: none; }

@media (max-width: 768px) {
	.hc-about-hero__img { border-radius: 16px; }
	.hc-about-ttl { font-size: 30px; letter-spacing: .1em; margin-bottom: 8px; }
	.hc-phero--about .hc-phero__head {         padding: 20px 0px 0;
        width: 92%;
        margin: 0 auto;}
	.hc-about-pill { font-size: 1rem; padding: 9px 16px; margin:35px 0 15px; }
.hc-about-pill.hhtt {
    margin: 35px auto 15px;
}
	.hc-about-spec__row { flex-direction: row; gap: 10px; padding: 12px 2px; }
	.hc-about-spec__row dt { flex: 0 0 108px; font-size: 14px; }
	.hc-about-spec__row dd { font-size: 14px; line-height: 170%; }
	.hc-about-map iframe { height:280px; }
	.hc-about-bus p { font-size: 15px; line-height: 200%; }
	.hc-about-chip { font-size: 15px; padding: 3px 12px; }
	.hc-about-time { text-align: center; }
	.hc-about-time span { min-width: 0; width: min(340px, 88%); font-size: 1.05rem; padding: 13px 20px; }
	.hc-about-access li { font-size: 17px; }
	.hc-about-note { font-size: 15px; }
	.hc-about-city { margin-top: 15px; }
	.hc-about-city__illust { width: min(340px, 80vw); margin: -185px auto 0px; }
	.hc-about-city__text { width: min(340px, 84vw);}
	.hc-about-accessgrid { gap: 26px; }
	.hc-about-access li { font-size: 16px; }
	.hc-about-access li small {
    font-size: 14px;
}
	.hc-about-charm img.hc-about-charm__pc { display: none; }
	.hc-about-charm img.hc-about-charm__sp { display: inline-block; width: min(420px, 100%); }
.hc-about-city__band{
height:195px;
	}
.hc-about-accessgrid__map {
    width: 100%;
}
.hc-about-accessgrid__list {
    width: 100%;
}
}