/* ソラーレ ホーム 共通「NEXT STEP（次の一歩）」ブロック
   2026-09-03 CEO指摘で新設。「演出を感じない／ワクワク感・行動意欲／来場予約とお問い合わせなど
   ネクストアクションを見せる／各ページで何度も誘導する」。
   型はCEOが★★★を付けた demo02-sansedai /works/（左に見出し＋リード／右に3枚のドア・1枚目だけ塗り）。
   parts/solare-nextstep.php とペア。トップの大型CTA・/news/・/works/ と、
   mu-plugins/solare-nextstep-band.php 経由の全下層ページが同じものを呼ぶ。
   左右の余白は他の節と同じ max(6%, (100% - 1180px)/2) で、画面の中央に対して釣り合わせる。

   2026-09-06 追加: 掟1（写真つきカード3枚）に合わせて .sol-next__shot を新設した。
   ドアは行を親と共有している（subgrid）ので、写真の行を足すぶん行数を4→5へ増やす。
   ここを4のままにすると、写真だけが親の行に乗らずカードごとに見出しの高さがずれる。 */

/* このブロックは、トップでは全幅・下層ではテーマの本文コンテナの中に入る。
   画面幅ではなく「自分の幅」で並びを決めないと、広い画面でも中で潰れる（実測: /news/ で
   ドア1枚168pxになりバッジが3行に折れていた）。そのためコンテナクエリで判定する。 */
.sol-next.sol-next{container-type:inline-size;position:relative;background:#1f5273;border-top:5px solid #c1623c;color:#fff;
	/* トップでは .solare-home section{padding:100px 6%} に負けるため、同名クラス2回で詳細度を上げる（!importantは使わない） */
	padding:78px max(6%,calc((100% - 1180px)/2));
	font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;}
/* トップだけ背景写真つき。文字の視認性は暗い覆いで確保する（写真の明暗に依存させない） */
.sol-next.has-photo{background-position:center;background-size:cover;background-repeat:no-repeat;border-top-color:#c1623c}
.sol-next.has-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,38,54,.86) 0%,rgba(16,38,54,.78) 100%)}
.sol-next__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.5fr);gap:56px;align-items:start;}

.sol-next__eyebrow{font-family:"Georgia",serif;font-size:12px;letter-spacing:.4em;color:#ecbea4;margin:0 0 18px;}
.sol-next__title{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
	font-size:clamp(21px,2vw,29px);font-weight:600;letter-spacing:.08em;line-height:1.72;margin:0 0 18px;color:#fff;}
.sol-next__text{font-size:14px;line-height:2.05;letter-spacing:.04em;color:#dcebf4;margin:0;}
.sol-next__tel{margin:26px 0 0;font-size:12.5px;letter-spacing:.1em;color:#bfe0ef;}
.sol-next__tel b{font-size:20px;letter-spacing:.04em;font-weight:600;margin-left:10px;color:#fff;}

/* 写真・バッジの有無でドアごとに行がずれるため（実測: 1枚目だけ見出しが44px下）、行を親と共有する。
   写真もバッジも無いドアは空の枠を持つので、3枚の見出しと本文が必ず同じ高さに並ぶ。 */
.sol-next__doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto auto;gap:18px;}
.sol-next__door{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;align-content:start;
	padding:26px 22px 54px;text-decoration:none;color:#fff;overflow:hidden;
	border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.04);
	transition:background .3s ease,border-color .3s ease,transform .3s ease;}
.sol-next__door:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);}
.sol-next__door.is-primary{background:#a94f28;border-color:#a94f28;}
.sol-next__door.is-primary:hover{background:#8f4222;border-color:#8f4222;}

/* 写真は箱の上端いっぱいに敷く。padding と同じ量だけ外へ出す（26px / 22px）。 */
.sol-next__shot{display:block;margin:-26px -22px 18px;background:#17384f;overflow:hidden;}
.sol-next__shot img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
	transition:transform .6s ease;}
.sol-next__door:hover .sol-next__shot img{transform:scale(1.05);}
.sol-next__shot.is-empty{margin:0;background:none;}

.sol-next__badge{display:inline-block;justify-self:start;align-self:start;background:#fff;color:#8f4222;
	font-size:11px;letter-spacing:.08em;font-weight:700;padding:4px 10px;margin:0 0 14px;}
.sol-next__badge.is-empty{background:transparent;padding:4px 0;}
.sol-next__door-eyebrow{font-family:"Georgia",serif;font-size:11px;letter-spacing:.28em;color:#f0d6b6;margin:0 0 8px;}
.sol-next__door.is-primary .sol-next__door-eyebrow{color:#ffe6d5;}
.sol-next__door-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
	font-size:18px;font-weight:600;letter-spacing:.06em;line-height:1.6;margin:0 0 12px;}
.sol-next__door-text{font-size:12.8px;line-height:1.95;letter-spacing:.03em;color:#e8f1f7;margin:0;}
.sol-next__door.is-primary .sol-next__door-text{color:#fdeee5;}
.sol-next__arrow{position:absolute;right:20px;bottom:20px;font-size:17px;line-height:1;
	transition:transform .3s ease;}
.sol-next__door:hover .sol-next__arrow{transform:translateX(5px);}

@container (max-width:1080px){
	.sol-next__inner{grid-template-columns:1fr;gap:34px;}
}
@container (max-width:700px){
	.sol-next__doors{grid-template-columns:1fr;grid-template-rows:none;gap:12px;}
	.sol-next__door{grid-template-rows:none;grid-row:auto;}
}
@media(max-width:1000px){
	.sol-next.sol-next{padding:60px 6%;}
	.sol-next__inner{grid-template-columns:1fr;gap:34px;}
	.sol-next__doors{grid-template-columns:1fr;grid-template-rows:none;gap:12px;}
	.sol-next__door{grid-template-rows:none;grid-row:auto;padding:22px 20px 46px;}
	.sol-next__shot{margin:-22px -20px 16px;}
	.sol-next__door-title{font-size:17px;}
}
@media(prefers-reduced-motion:reduce){
	.sol-next__door,.sol-next__arrow,.sol-next__shot img{transition:none;}
	.sol-next__door:hover .sol-next__shot img{transform:none;}
}