/* WordPress保守の引き継ぎ（廃業・撤退時）
 * テンプレート business-takeover.php 専用。
 */
/* --- LP用。既存テーマCSSのあとに置いて上書きする --- */
.cw-takeover { margin: 0; background: #FFFFFF; color: #281A15; font-size: 17px; line-height: 1.9;
	-webkit-font-smoothing: antialiased; text-wrap: pretty; }
/* 本文フォントは既存サイト（游ゴシック）を継ぐ。デザイン指定のNoto Sans JPに戻す場合はここを差し替える */
.cw-takeover .tk-main a { color: #2D4E9C; text-decoration: underline; text-underline-offset: 3px; }
.cw-takeover .tk-main a:hover { color: #21387A; }
.cw-takeover .tk-main h1, .cw-takeover .tk-main h2, .cw-takeover .tk-main h3 { margin: 0; line-height: 1.5; font-weight: 700; }
.cw-takeover .tk-main p { margin: 0; }
.cw-takeover .tk-main ul, .cw-takeover .tk-main ol { margin: 0; padding: 0; list-style: none; }
.cw-takeover input, .cw-takeover textarea, .cw-takeover button, .cw-takeover select { font-family: inherit; font-size: inherit; color: inherit; }
.cw-takeover table { border-collapse: collapse; }
.cw-takeover img { max-width: 100%; height: auto; }

/* デザイン側の style-hover / style-focus をCSSに起こしたもの */
.cw-takeover .btn-primary:hover { background: #21387A !important; }

/* 見出し等、テーマ側のグローバル指定に負けないように最低限だけ明示 */
.cw-takeover .tk-main section { margin: 0; }
.cw-takeover .lead-rule { width: 60px; height: 4px; background: #2D4E9C; }

/* HubSpotフォーム。既存LPと同じ埋め込みを、このLPの色に合わせる */
.cw-hsform { border: 1px solid #D7D7D7; border-radius: 4px; padding: 32px; background: #FFFFFF; }
.cw-hsform .hs-form-field { margin-bottom: 24px; }
.cw-hsform label { font-size: 15px; font-weight: 500; display: block; margin-bottom: 8px; }
.cw-hsform input[type=text], .cw-hsform input[type=email], .cw-hsform input[type=tel],
.cw-hsform select, .cw-hsform textarea {
	width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid #D7D7D7;
	border-radius: 4px; background: #FFFFFF; line-height: 1.8; }
.cw-hsform input[type=text]:focus, .cw-hsform input[type=email]:focus, .cw-hsform input[type=tel]:focus,
.cw-hsform select:focus, .cw-hsform textarea:focus { border-color: #2D4E9C; outline: none; }
.cw-hsform textarea { min-height: 160px; resize: vertical; }
.cw-hsform .hs-button {
	width: 100%; max-width: 400px; height: 64px; background: #2D4E9C; color: #FFFFFF;
	font-size: 18px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; }
.cw-hsform .hs-button:hover { background: #21387A; }
.cw-hsform .hs-error-msg, .cw-hsform .hs-error-msgs { color: #C0392B; font-size: 14px; }

/* --- ヘッダーのCTAを「相談する」1つにする（header.php は触らない） --- */
.cw-takeover-page #header_cta li.estimate,
.cw-takeover-page #header_cta li.downloads { display: none; }
.cw-takeover-page #header_cta li.consultation { border-right: 1px solid #ddd; }
@media screen and (max-width: 767px) {
	/* テーマはスマホ幅でCTAを画面下の固定バー（3分割）にする。1つなので全幅にする */
	.cw-takeover-page #header_cta li.consultation { width: 100%; border: none; }
	/* 固定バーに本文の末尾が隠れないようにする */
	.cw-takeover-page #footer { padding-bottom: 72px; }
}