/* 設置事例のページ（2026-11-06）。メインの写真＋施設構成（PCは横並び） → そのほかの写真（ギャラリー）。押すと拡大表示。 */
.ipc{--navy:#1E3467;--gold:#B6A128;--line:#e2e6ec;--muted:#5d6570;max-width:960px;margin:0 auto;color:#333;line-height:1.85}
.ipc *{box-sizing:border-box}
.ipc h2{font-size:20px;color:var(--navy);margin:36px 0 14px;padding-left:10px;border-left:4px solid var(--gold);line-height:1.4}
/* PC：写真（左）と施設構成（右）を横並びにし、1画面でギャラリーまで見えるように（11/06 多田さん指摘） */
.ipc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}
.ipc-photos,.ipc-foot{grid-column:1/-1}
.ipc-spec h2{margin-top:0}
.ipc-main{margin:0}
.ipc-main a{background:#f3f5f8;border-radius:6px;overflow:hidden}
.ipc-main img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:420px;object-fit:cover}
/* 縦長のメイン写真（例：つくばみらい市）は切り取らず、枠の中に収める */
.ipc-main.is-tall img{object-fit:contain}
.ipc-spec ul{margin:0 0 14px;padding-left:1.4em}
.ipc-spec p{margin:0 0 10px}
.ipc-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;list-style:none;margin:0;padding:0}
.ipc-gal li{margin:0}
.ipc-gal a{display:block;border-radius:4px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in}
.ipc-gal img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}
.ipc-gal a:hover img,.ipc-gal a:focus-visible img{transform:scale(1.04)}
.ipc-main a{cursor:zoom-in;display:block}
.ipc-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin:40px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
.ipc-back{color:var(--navy)!important;font-weight:700;text-decoration:none!important}
.ipc-back::before{content:"← "}
.ipc-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:4px;background:var(--navy);color:#fff!important;font-weight:700;text-decoration:none!important}
.ipc-cta:hover{background:#0C1834}
/* 拡大表示 */
.ipc-view{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}
.ipc-view img{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain}
.ipc-view button{position:fixed;width:44px;height:44px;border:0!important;border-radius:50%!important;background:#8d9299!important;color:#fff!important;font-size:22px;line-height:44px;padding:0!important;cursor:pointer}
.ipc-view .ipc-prev{left:12px;top:50%}.ipc-view .ipc-next{right:12px;top:50%}.ipc-view .ipc-close{right:12px;top:12px}
.ipc-view .ipc-count{position:fixed;left:14px;top:20px;color:#fff;font-size:13px}
@media (max-width:767px){
	.ipc{display:block}
	.ipc-main img{aspect-ratio:4/3;max-height:none}
	.ipc h2{font-size:18px;margin-top:28px}
	.ipc-spec h2{margin-top:28px}
	.ipc-gal{grid-template-columns:repeat(2,1fr);gap:8px}
	.ipc-foot{flex-direction:column;align-items:stretch}
	.ipc-cta{justify-content:center}
}