@charset "utf-8";
/* ACIS臨床研究（research-acis）：Codex のデザイン画（幅738→1024換算）に合わせる */

.ac-pc { display: inline; }

/* ページタイトルの帯：このページは左寄せで、パンくずも帯の中に置く */

/* 共通 */
.ac-h2 { display: flex; align-items: center; justify-content: center; gap: calc(28 * var(--u)); font-family: var(--serif); font-weight: 700; font-size: calc(48 * var(--u)); line-height: calc(62 * var(--u)); letter-spacing: .04em; color: var(--navy); font-feature-settings: "palt"; text-align: center; }
.ac-h2::before, .ac-h2::after { content: ""; flex: 1 1 0; max-width: calc(125 * var(--u)); min-width: calc(30 * var(--u)); height: calc(2 * var(--u)); background: linear-gradient(90deg, rgba(207,175,114,0), var(--gold-1)); }
.ac-h2::after { transform: scaleX(-1); }
.ac-text { font-size: calc(20.5 * var(--u)); line-height: calc(37 * var(--u)); letter-spacing: .07em; color: #18233A; font-weight: 500; }
.ac-text p + p { margin-top: calc(18 * var(--u)); }

/* ACIS臨床研究 */
.ac .ac-intro { padding: calc(56 * var(--u)) 0 calc(56 * var(--u)); }
.ac-lead { max-width: calc(860 * var(--u)); margin: calc(24 * var(--u)) auto 0; text-align: center; font-size: calc(21.5 * var(--u)); line-height: calc(44 * var(--u)); letter-spacing: .08em; color: #18233A; font-weight: 500; }

/* 研究概要 */
.ac-overview { width: calc(1024 * var(--u)); margin: 0 auto; padding: 0 calc(24 * var(--u)); }
.ac-overview-in { padding: calc(36 * var(--u)) calc(80 * var(--u)) calc(34 * var(--u)); background: url(../../images/renewal/band-bg.jpg) center / cover no-repeat, linear-gradient(180deg, #EAF2FB, #F2F7FC); }
.ac-overview .ac-h2 { font-size: calc(46 * var(--u)); }
.ac-stats { display: flex; justify-content: center; margin-top: calc(14 * var(--u)); }
.ac-stats > div { display: flex; flex-direction: column-reverse; align-items: center; width: calc(388 * var(--u)); }
.ac-stats > div + div { border-left: 1px solid #A9BDD6; }
.ac-stats dd { margin: 0; display: flex; align-items: baseline; font-family: var(--serif); font-weight: 700; font-size: calc(52 * var(--u)); line-height: 1; letter-spacing: .04em; color: var(--navy); }
.ac-stats b { font-family: var(--serif); font-weight: 700; font-variant-numeric: lining-nums; font-size: calc(96 * var(--u)); line-height: calc(110 * var(--u)); letter-spacing: -.02em; margin-right: calc(4 * var(--u)); }
.ac-stats dt { margin-top: calc(10 * var(--u)); font-size: calc(21 * var(--u)); font-weight: 500; letter-spacing: .14em; color: #18233A; }
.ac-table { width: 100%; margin-top: calc(28 * var(--u)); border-collapse: collapse; font-size: calc(22 * var(--u)); letter-spacing: .05em; }
.ac-table th, .ac-table td { height: calc(69 * var(--u)); padding: 0 calc(30 * var(--u)); border: 1px solid #A9BDD6; }
.ac-table th { width: calc(185 * var(--u)); background: linear-gradient(180deg, #E4EDF8, #D9E6F4); text-align: center; font-weight: 700; letter-spacing: .14em; color: var(--navy); }
.ac-table td { background: rgba(255,255,255,.92); color: #18233A; font-weight: 500; }

/* NK細胞とがん免疫について */
.ac .ac-nk { padding: calc(56 * var(--u)) 0 calc(56 * var(--u)); }
.ac-nk-body { display: flex; align-items: center; margin-top: calc(28 * var(--u)); padding-left: calc(10 * var(--u)); }
.ac-nk-fig { flex: none; display: flex; align-items: center; justify-content: center; width: calc(388 * var(--u)); height: calc(370 * var(--u)); margin: 0; border-radius: 50%; background: radial-gradient(circle, #EAF3FC 0%, #DCEAF8 70%, #D4E5F6 100%); }
.ac-nk-fig img { width: calc(360 * var(--u)); height: auto; }
.ac-nk-side { margin-left: calc(46 * var(--u)); padding-left: calc(40 * var(--u)); border-left: 1px solid #B7C6DA; }
.ac-nk-more { margin-top: calc(28 * var(--u)); }

/* ECMとがん・健康寿命の関連 */
.ac .ac-ecm { padding: calc(48 * var(--u)) 0 calc(52 * var(--u)); background: url(../../images/renewal/band-bg.jpg) center / cover no-repeat, linear-gradient(180deg, #EAF2FB, #F2F7FC); }
.ac-ecm-text { width: calc(745 * var(--u)); margin: calc(24 * var(--u)) auto 0; }

/* 注記 */
.ac-note { width: calc(728 * var(--u)); margin: calc(40 * var(--u)) auto calc(48 * var(--u)); padding: calc(12 * var(--u)) calc(20 * var(--u)); border: 1.5px solid #D98AA4; border-radius: calc(6 * var(--u)); background: #fff; text-align: center; font-size: calc(19 * var(--u)); line-height: calc(26 * var(--u)); letter-spacing: .06em; color: #18233A; font-weight: 500; }

/* ========== スマホ ========== */
@media (max-width: 1023px) {
	.ac-pc { display: none; }

	.ac-h2 { gap: 12px; font-size: 22px; line-height: 1.4; white-space: normal; }
	.ac-h2::before, .ac-h2::after { flex: 1 1 20px; width: auto; min-width: 14px; max-width: 56px; height: 1.5px; }
	.ac-text { font-size: 15px; line-height: 1.9; letter-spacing: .05em; }
	.ac-text p + p { margin-top: 10px; }

	.ac .ac-intro { padding: 30px 0 30px; }
	.ac-lead { max-width: none; margin-top: 14px; text-align: left; font-size: 15px; line-height: 1.9; letter-spacing: .05em; }

	.ac-overview { width: auto; max-width: 560px; padding: 0 10px; }
	.ac-overview-in { padding: 22px 16px 22px; }
	.ac-overview .ac-h2 { font-size: 22px; }
	.ac-stats { margin-top: 8px; }
	.ac-stats > div { width: 50%; }
	.ac-stats dd { font-size: 22px; }
	.ac-stats b { font-size: 46px; line-height: 52px; margin-right: 2px; }
	.ac-stats dt { margin-top: 4px; font-size: 13px; letter-spacing: .1em; }
	.ac-table { margin-top: 18px; font-size: 13.5px; letter-spacing: .02em; }
	.ac-table th, .ac-table td { height: 44px; padding: 6px 10px; }
	.ac-table th { width: 30%; letter-spacing: .06em; }

	.ac .ac-nk { padding: 34px 0 32px; }
	.ac-nk-body { display: block; margin-top: 18px; padding: 0; }
	.ac-nk-fig { width: 200px; height: 190px; margin: 0 auto; }
	.ac-nk-fig img { width: 176px; }
	.ac-nk-side { margin: 16px 0 0; padding: 0; border: 0; }
	.ac-nk-more { margin-top: 10px; }

	.ac .ac-ecm { padding: 28px 0 30px; }
	.ac-ecm-text { width: auto; margin-top: 14px; }

	.ac-note { width: auto; max-width: 524px; margin: 24px 16px 28px; padding: 9px 8px; border-radius: 4px; font-size: 12px; line-height: 1.6; letter-spacing: 0; }
}
@media (min-width: 560px) and (max-width: 1023px) {
	.ac-note { margin-inline: auto; }
}

/* ========== 英語表示（?lang=en）だけの調整。日本語表示には効かない ========== */
@media (min-width: 1024px) {
	html[lang="en"] .ac-h2 { font-size: calc(42 * var(--u)); letter-spacing: .02em; }
	html[lang="en"] .ac-table th { letter-spacing: .04em; font-size: calc(19 * var(--u)); line-height: 1.35; }
}
@media (max-width: 1023px) {
	html[lang="en"] .ac-h2::before, html[lang="en"] .ac-h2::after { min-width: 28px; }
	html[lang="en"] .ac-table th { letter-spacing: .02em; }
}

/* 研究コラム・成分解説への案内 */
.ac-more { margin-top: calc(16 * var(--u)); font-size: calc(15 * var(--u)) !important; }
.ac-more a { color: var(--blue-2); border-bottom: 1px solid #A9C4E2; }
@media (max-width: 1023px) { .ac-more { font-size: 14px !important; margin-top: 12px; } }