/*
Theme Name: RealHomes Child Theme
Theme URI: http://themeforest.net/item/real-homes-wordpress-real-estate-theme/5373914
Description: Child theme for Real Homes.
Author: Inspiry Themes
Author URI: https://www.inspirythemes.com/
Template: realhomes
Version: 1.4.2
*/

.rh-ultra-user-phone{
	background-image: url("/wp-content/themes/realhomes-child/images/operator.png");
	background-repeat: no-repeat;
	width: 330px;
	height: 80px;  
}

li.icon {
	list-style:none;
}

.support-operator {
    margin-top: -10px;
    display: inline-block;
}


/* ======================
   Page Banner Section
   ====================== */
.page-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 2em;
	/* 日本風の影付け */
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* デフォルト（黄金比） */
.page-banner::before {
	content: "";
	display: block;
	padding-top: 61.8%; /* 黄金比 */
}

/* スマホ時のみ正方形 */
@media (max-width: 768px) {
	.page-banner::before {
		padding-top: 100%; /* 1:1比率 */
	}
}
.page-banner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-content {
	position: absolute;
	background: rgba(255, 255, 255, 0.70);
	border-radius: 8px;
	padding: 1.2em;
	box-shadow: 0 3px 15px rgba(0,0,0,0.1);
	line-height: 1.3;
	border-left: 3px solid #d4af37; /* 左側にアクセント線 */
	padding-left: 1em;
}

/* PCレイアウト */
	.page-content {
	top: 15%;
	left: 15%;
	right: 15%;
	max-height: 70%;
}

/* スマホレイアウト（正方形対応） */
@media (max-width: 768px) {
	.page-content {
		top: 5%;
		left: 5%;
		right: 5%;
		bottom: 5%; /* 下部まで利用 */
		max-height: none; /* 高さ制限解除 */
		overflow-y: visible;
  	}
}

/* タイポグラフィ */
.page-content h2 {
	color: #343a3by;
	font-size: clamp(1.4em, 3.5vw, 1.8em);
	margin-bottom: 0.6em;
	letter-spacing: 0.05em; /* 字間調整 */
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.page-content p {
	color: #343a3by;
}

.feature-list {
	padding-left: 1.2em;
	margin: 0.5em 0;
	color: #141717;
}

.feature-list li {
	position: relative;
	margin-bottom: 0.3em;
	line-height: 1.3;
	list-style-type: none;
}

.feature-list li::before {
	content: "■"; /* チェックマークを四角に変更 */
	color: #2f6033;
	font-weight: bold;
	position: absolute;
	left: -1.2em;
}