/*
 * 会社概要・お問い合わせの枠（判断台帳 R-207 案A の見本）
 * - 白い角丸カードに水色の細い線。会社概要は表（func-company-info-table.php が出す dl）
 * - お問い合わせの送信ボタンは水色（オレンジをやめる。R-207）。必須・任意の札は func-contact-form-badges.php
 * 読み込みは func-parts-css.php（この2ページだけ）。body の目印 .eg48-fixed-page もそこで付ける
 */
.eg48-fixed-page {
	--eg48-blue: #38a1db;
	--eg48-blue-soft: #eaf5fc;
	--eg48-line: #d6e6f0;
	--eg48-beige: #f7f6f3;
	--eg48-ink: #24323d;
	--eg48-sub: #5d6b75;
}
.eg48-fixed-page #main .entry-content {
	padding: 8px 24px;
	border: 1px solid var(--eg48-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(30, 80, 110, .06);
}

/* ---- 会社概要 ---- */
.eg48-company-table {
	margin: 0;
}
.eg48-company-table__row {
	display: grid;
	grid-template-columns: 7.5em 1fr;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid #edf1f4;
	font-size: 15px;
	line-height: 1.7;
}
.eg48-company-table__row:last-child {
	border-bottom: 0;
}
.eg48-company-table dt {
	font-weight: 700;
	color: var(--eg48-sub);
}
.eg48-company-table dd {
	margin: 0;
	color: var(--eg48-ink);
	overflow-wrap: anywhere;
}
/* スマホは項目名を上・中身を下に積む（2026-10-04 社長ご指摘: iPhone SE で「株式会社スマイクリエイト」の「ト」だけ次の行へ。
   左の項目名の欄 7.5em を残すと中身の欄が116pxしかなく、会社名・住所が折れていた） */
@media (max-width: 600px) {
	.eg48-company-table__row {
		grid-template-columns: 1fr;
		gap: 2px;
		padding: 12px 0;
	}
	.eg48-company-table dt {
		font-size: 13px;
	}
}
/* 本文の古い文字色の指定（font color）を効かせず、リンクの色にそろえる */
.eg48-company-table dd a,
.eg48-company-table dd a font {
	color: var(--eg48-blue);
}
.eg48-fixed-page .vk_borderBox {
	margin: 12px 0 20px;
	border: 0 !important;
	border-radius: 14px;
	background: var(--eg48-beige);
}
.eg48-fixed-page .vk_borderBox_title {
	background: transparent !important;
	color: var(--eg48-ink) !important;
}

/* ---- お問い合わせ ---- */
.eg48-fixed-page .wpcf7 p {
	margin: 0 0 18px;
}
.eg48-fixed-page .wpcf7 label {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	color: var(--eg48-ink);
}
.eg48-fixed-page .wpcf7 input[type="text"],
.eg48-fixed-page .wpcf7 input[type="email"],
.eg48-fixed-page .wpcf7 input[type="tel"],
.eg48-fixed-page .wpcf7 select,
.eg48-fixed-page .wpcf7 textarea {
	width: 100% !important;
	height: auto !important;
	margin-top: 8px !important;
	padding: 12px 14px !important;
	border: 1.5px solid #cfdbe3 !important;
	border-radius: 10px !important;
	background: #fbfdfe !important;
	font-size: 16px !important;
}
.eg48-fixed-page .wpcf7 textarea {
	height: 160px !important;
}
.eg48-fixed-page .wpcf7 input[type="submit"] {
	width: 100%;
	height: 56px;
	border: 0;
	border-radius: 12px;
	background: var(--eg48-blue) !important;
	box-shadow: none;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .1em;
	cursor: pointer;
}
.eg48-form-badge {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	vertical-align: 2px;
}
.eg48-form-badge.is-required {
	background: var(--eg48-blue);
	color: #fff;
}
.eg48-form-badge.is-optional {
	background: #e7ecef;
	color: var(--eg48-sub);
}
