@charset "utf-8";
/* ============================================================
   不動産買取センター広島 追加スタイル
   2026-09-29 修復作業で追加
   ・ヘッダーの電話番号を画像からテキストへ変更したため
   ・フッターに会社情報を追加したため
   既存の common.css / styles.css は変更していません
   ============================================================ */

/* ---- ヘッダーの電話番号（旧 head_tel.jpg の置き換え） ---- */
#top-head .head-tel {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px;
	text-align: center;
	padding: 6px 8px 7px;
}
/* 既存の #top-head .container p より詳細度を上げる */
#top-head .container p.head-tel__hours {
	font-size: 13px;
	line-height: 1.1;
	color: #333;
	margin: 0 0 4px 0;
	letter-spacing: .04em;
	white-space: nowrap;
}
#top-head .container p.head-tel__num {
	font-size: 26px;
	line-height: 1.1;
	font-weight: bold;
	margin: 0;
	letter-spacing: .01em;
	white-space: nowrap;
}
#top-head .container p.head-tel__num a {
	display: inline-block;
	color: #222;
	text-decoration: none;
	background: url("../img/freedial.svg") left center no-repeat;
	background-size: 30px auto;
	padding-left: 36px;
}

@media screen and (min-width: 640px) {
	#top-head .head-tel { width: 248px; height: 67px; }
	#top-head .container > a { display: inline-block; vertical-align: middle; }
	#top-head .container > a img { display: block; }
}

@media screen and (max-width: 639px) {
	#top-head .head-tel { display: block; width: auto; height: auto; padding: 5px 8px; }
	#top-head .container p.head-tel__hours { font-size: 11px; }
	#top-head .container p.head-tel__num { font-size: 21px; }
	#top-head .container p.head-tel__num a { background-size: 24px auto; padding-left: 29px; }
}

/* ---- フッターの会社情報 ---- */
.company-info {
	background: #f7f7f5;
	border-top: 1px solid #e4e1d8;
	padding: 24px 0 28px;
	font-size: 13px;
	line-height: 1.9;
	color: #444;
}
.company-info .inner {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.company-info__name {
	font-size: 15px;
	font-weight: bold;
	color: #222;
	margin: 0 0 6px 0;
}
.company-info__row { margin: 0; }
.company-info a { color: #444; text-decoration: underline; }
.company-info a:hover { text-decoration: none; }

@media screen and (max-width: 1040px) {
	.company-info .inner { width: auto; padding: 0 16px; }
}
@media screen and (max-width: 639px) {
	.company-info { padding: 18px 0 90px; font-size: 12px; line-height: 1.8; }
	.company-info__name { font-size: 13px; }
}