@charset "UTF-8";
/*
 * 記事ページ用の補正CSS（2026-08-26 / クロスハウス）
 *
 * /corporate/ のコラム記事に入稿されているボタンブロックには
 * is-style-btn_normal などのスタイルクラスが付いていないため、
 * SWELLの角丸（--the-btn-radius:80px）や中央寄せが適用されない。
 * /owners/column/ の記事と同じ見た目になるよう、クラスなしのボタンを補正する。
 *
 * 記事側にスタイルクラスを付けて入稿する運用に切り替えられた場合、
 * :not([class*="is-style-btn"]) により二重適用は起きない。
 */

/* ボタンブロック全体を中央に寄せる */
.post_content .swell-block-button:not([class*="is-style-btn"]) {
	--the-btn-radius: 80px;
	display: block;
	text-align: center;
}

/* ボタン本体：角丸・余白・文字 */
.post_content .swell-block-button:not([class*="is-style-btn"]) > .swell-block-button__link {
	display: inline-block;
	padding: 1em 2em;
	border-radius: 80px;
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	transition: box-shadow .25s;
}

/* ホバー時（is-style-btn_normal と同じ挙動） */
.post_content .swell-block-button:not([class*="is-style-btn"]) > .swell-block-button__link:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
	opacity: 1;
}